RecordApp测试

RecordApp：基于Recorder的跨平台录音解决方案

- 支持H5页面录音（即本页面支持）：

在浏览器中（含App WebView）默认使用Recorder H5进行录音
在开启了原生支持的App WebView中使用原生录音，App Demo: Android, iOS

- 支持微信小程序录音，微信小程序Demo: miniProgram-wx

- 支持uni-app录音：H5、Android iOS App、微信小程序，含组件示例: demo_UniApp

- 支持自行适配到各种js运行环境中录音，比如：Electron、NodeJs、各种小程序

- 以上环境中均可使用大部分的: 录音格式、实时处理、和可视化等扩展功能

源码仓库 : GitHub | Gitee 更多Demo : Demo列表(可编辑) | App vue

QuickStart : /app-support-sample/QuickStart.html (Copy即用，更适合入门学习)

类型 :

提示 : -

比特率 : kbps，越大音质越好

采样率 : hz，越大细节越丰富

AppUseH5 : App里面总是使用Recorder H5录音

ms

kbps 测试音质用的，除比特率外其他参数可调整

WaveView SurferView Histogram1 H...2 H...3

接管编码器输出（takeoffEncodeChunk）

模拟实时编码传输（H5版语音通话聊天），发送间隔 ms

实时语音识别、音频文件转文字，ASR

测试App : iOS Demo App: 下载源码自行编译，Android Demo App: 下载APK (40kb，删除.zip后缀，源码)

如需录音功能定制开发，网站、App、小程序、前端后端开发等需求，请加QQ群：①群 781036591、②群 748359095、③群 450721519，口令recorder，联系群主（即作者），谢谢~

浏览器环境情况 :

Platforms:${RecordApp.Current.Key}
IsApp:${isApp}

AudioContext:${"AudioContext" in window}
webkitAudioContext:${"webkitAudioContext" in window}
mediaDevices:${!!navigator.mediaDevices}
mediaDevices.getUserMedia:${!!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia)}
navigator.getUserMedia:${!!navigator.getUserMedia}
navigator.webkitGetUserMedia:${!!navigator.webkitGetUserMedia}
AudioContext.scriptProcessor:{{
						"createScriptProcessor" in (Recorder.Ctx||{})
					 || "createJavaScriptNode" in (Recorder.Ctx||{})
					}}
AudioContext.audioWorklet:{{"audioWorklet" in (Recorder.Ctx||{})}}
AudioWorkletNode:${"AudioWorkletNode" in window}
MediaRecorder:${"MediaRecorder" in window}
MediaRecorder.ondataavailable:${"MediaRecorder" in window && "ondataavailable" in MediaRecorder.prototype}
MediaRecorder.WebM.PCM:${"MediaRecorder" in window && MediaRecorder.isTypeSupported("audio/webm; codecs=pcm")}

URL:${location.href.replace(/#.+/g,"")}
UA:${navigator.userAgent}

<span reclang="mt71">RecordApp库修改时间（有可能修改了忘改）：</span>${RecordApp.LM}
<span reclang="ySaK">Recorder库修改时间（有可能修改了忘改）：</span>${Recorder.LM}
<span reclang="Ls9o">本页面修改时间（有可能修改了忘改）：</span>${PageLM}