From b4fa90a66adffdd9138d5e4705e61ff825e13189 Mon Sep 17 00:00:00 2001 From: xiangyuecn <753610399@qq.com> Date: Tue, 9 Apr 2024 22:58:42 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96AudioContext=E7=9A=84?= =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=81=A2=E5=A4=8D=E9=80=BB=E8=BE=91iOS?= =?UTF-8?q?=E4=B8=8A=E8=A1=A8=E7=8E=B0=E6=9B=B4=E7=A8=B3=E5=AE=9A=EF=BC=8C?= =?UTF-8?q?=E6=8F=90=E4=BE=9B=E6=B5=8B=E8=AF=95=E7=94=A8=E7=9A=84=E6=9C=AC?= =?UTF-8?q?=E5=9C=B0=E6=9C=8D=E5=8A=A1=E5=99=A8nodejs=E4=BB=A3=E7=A0=81=20?= =?UTF-8?q?-=20=E4=BF=AE=E5=A4=8Dbeta-amr-engine.js=E5=9C=A81.3=E4=B8=AD?= =?UTF-8?q?=E5=9B=A0=E4=BB=A3=E7=A0=81=E7=B2=BE=E7=AE=80=E5=8F=82=E6=95=B0?= =?UTF-8?q?=E7=9A=84bug=20-=20=E8=B0=83=E6=95=B4mp3=E3=80=81amr=E3=80=81og?= =?UTF-8?q?g=E5=86=85=E9=83=A8flush=E9=80=BB=E8=BE=91=20-=20=E5=AE=8C?= =?UTF-8?q?=E5=96=84uni-app=20demo=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 13 + QuickStart.html | 18 +- README.md | 35 +- app-support-sample/.gitignore | 15 + app-support-sample/QuickStart.html | 21 +- app-support-sample/README.md | 20 +- app-support-sample/demo_UniApp/README.md | 417 ++++++++---- app-support-sample/demo_UniApp/manifest.json | 3 +- app-support-sample/demo_UniApp/pages.json | 6 + .../pages/recTest/main_recTest.vue | 125 +++- .../demo_UniApp/pages/recTest/page_nvue.nvue | 19 +- .../recTest/page_vue3____composition_api.vue | 314 +++++++++ .../pages/recTest/test_native_plugin.vue | 235 +++++++ .../pages/recTest/test_player___.vue | 4 +- .../pages/recTest/test_realtime_voice.vue | 544 ++++++++++++++++ .../pages/recTest/test_upload_saveFile.vue | 313 +++++++++ .../Recorder-UniCore/app-uni-support.js | 16 +- .../Recorder-UniCore/i18n/Template.js | 41 +- .../Recorder-UniCore/i18n/en-US.js | 34 +- .../uni_modules/Recorder-UniCore/readme.md | 66 +- app-support-sample/index.html | 21 +- app-support-sample/miniProgram-wx/README.md | 32 +- .../miniProgram-wx/pages/recTest/recTest.wxml | 2 +- assets/demo-ts/dist/index.js | 2 +- assets/demo-ts/index.html | 4 +- assets/demo-ts/index.ts | 20 +- assets/demo-vue/component/recordapp.vue | 19 +- assets/demo-vue/component/recorder.vue | 18 +- assets/demo-vue/dist/index.js | 4 +- assets/demo-vue/dist/recordapp.js | 4 +- assets/demo-vue/index.html | 4 +- assets/demo-vue/recordapp.html | 4 +- assets/node-localServer/README.md | 103 +++ assets/node-localServer/main.js | 50 ++ assets/node-localServer/package.json | 12 + assets/node-localServer/server-http.js | 265 ++++++++ assets/node-localServer/server-websocket.js | 331 ++++++++++ assets/npm-home/hash-history.txt | 8 +- assets/page-i18n/QuickStart_html/en-US.js | 8 +- assets/page-i18n/app_QuickStart_html/en-US.js | 8 +- assets/page-i18n/app_index_html/en-US.js | 8 +- assets/page-i18n/index_html/en-US.js | 8 +- assets/runtime-codes/lib.js-binary-bytes.js | 607 ++++++++++++++++++ .../teach.realtime.encode_transfer_mp3.js | 2 +- assets/zdemo.widget.donate.js | 4 +- ...0\201\345\210\206\345\217\221Runtime.html" | 6 +- ...13\350\257\225\350\204\232\346\234\254.js" | 13 + .../app-support/app-miniProgram-wx-support.js | 2 +- dist/app-support/app.js | 2 +- dist/engine/beta-amr.js | 2 +- dist/engine/beta-ogg.js | 2 +- dist/engine/mp3.js | 2 +- dist/extensions/asr.aliyun.short.js | 2 +- dist/extensions/buffer_stream.player.js | 2 +- dist/i18n/Template.js | 2 +- dist/i18n/en-US.js | 2 +- dist/i18n/es.js | 2 +- dist/i18n/fr.js | 2 +- dist/recorder-core.js | 2 +- index.html | 18 +- recorder.mp3.min.js | 2 +- recorder.wav.min.js | 2 +- src/app-support/app-miniProgram-wx-support.js | 126 ++-- src/app-support/app.js | 27 +- src/engine/beta-amr-engine.js | 69 +- src/engine/beta-amr.js | 19 +- src/engine/beta-ogg.js | 9 +- src/engine/mp3.js | 7 +- src/extensions/asr.aliyun.short.js | 12 +- src/extensions/buffer_stream.player.js | 68 +- src/i18n/Template.js | 14 +- src/i18n/en-US.js | 12 +- src/i18n/es.js | 16 +- src/i18n/fr.js | 16 +- src/recorder-core.js | 112 +++- 75 files changed, 3868 insertions(+), 511 deletions(-) create mode 100644 .gitignore create mode 100644 app-support-sample/.gitignore create mode 100644 app-support-sample/demo_UniApp/pages/recTest/page_vue3____composition_api.vue create mode 100644 app-support-sample/demo_UniApp/pages/recTest/test_native_plugin.vue create mode 100644 app-support-sample/demo_UniApp/pages/recTest/test_realtime_voice.vue create mode 100644 app-support-sample/demo_UniApp/pages/recTest/test_upload_saveFile.vue create mode 100644 assets/node-localServer/README.md create mode 100644 assets/node-localServer/main.js create mode 100644 assets/node-localServer/package.json create mode 100644 assets/node-localServer/server-http.js create mode 100644 assets/node-localServer/server-websocket.js create mode 100644 assets/runtime-codes/lib.js-binary-bytes.js diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..93e5809 --- /dev/null +++ b/.gitignore @@ -0,0 +1,13 @@ +node_modules +/assets/demo-asr/NodeJsServer_asr.aliyun.short__local.js +/assets/demo-vue/copy +/assets/node-codes/temp +/assets/node-localServer/upload +/assets/node-localServer/main__local.js +/assets/node-localServer/package-lock.json +/assets/npm-home/npm-files +/assets/npm-home/version.patch.txt +/assets/page-i18n/temp_check +/assets/sonic-java/test.wav +/assets/sonic-java/Main.class +/assets/sonic-java/Sonic.class diff --git a/QuickStart.html b/QuickStart.html index 9456943..da84c77 100644 --- a/QuickStart.html +++ b/QuickStart.html @@ -275,12 +275,12 @@ //本例子假设使用原始XMLHttpRequest请求方式，实际使用中自行调整为自己的请求方式 //录音结束时拿到了blob文件对象，可以用FileReader读取出内容，或者用FormData上传 - var api="https://xx.xx/test_request"; - var onreadystatechange=function(title){ + var api="http://127.0.0.1:9528"; + var onreadystatechange=function(xhr,title){ return function(){ if(xhr.readyState==4){ if(xhr.status==200){ - reclog(title+Html_$T("G2MU::上传成功"),2); + reclog(title+Html_$T("G2MU::上传成功")+' response: '+xhr.responseText+'',2); }else{ reclog(title+Html_$T("TUdi::没有完成上传，演示上传地址无需关注上传结果，只要浏览器控制台内Network面板内看到的请求数据结构是预期的就ok了。"), "#d8c1a0"); @@ -289,7 +289,7 @@ }; }; }; - reclog(Html_$T("QnSI::开始上传到{1}，请求稍后...",0,api)); + reclog(Html_$T("QnSI::开始上传到{1}，请稍候... （你可以先到源码 /assets/node-localServer 目录内执行 npm run start 来运行本地测试服务器）",0,api)); /***方式一：将blob文件转成base64纯文本编码，使用普通application/x-www-form-urlencoded表单上传***/ var reader=new FileReader(); @@ -300,9 +300,9 @@ //...其他表单参数 var xhr=new XMLHttpRequest(); - xhr.open("POST", api); + xhr.open("POST", api+"/uploadBase64"); xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); - xhr.onreadystatechange=onreadystatechange(Html_$T("gG1f::上传方式一【Base64】")); + xhr.onreadystatechange=onreadystatechange(xhr,Html_$T("gG1f::上传方式一【Base64】")); xhr.send(postData); }; reader.readAsDataURL(blob); @@ -313,8 +313,8 @@ //...其他表单参数 var xhr=new XMLHttpRequest(); - xhr.open("POST", api); - xhr.onreadystatechange=onreadystatechange(Html_$T("vDzB::上传方式二【FormData】")); + xhr.open("POST", api+"/upload"); + xhr.onreadystatechange=onreadystatechange(xhr,Html_$T("vDzB::上传方式二【FormData】")); xhr.send(form); }; @@ -414,7 +414,7 @@ window.Html_xT=function(v){ return v } } -reclog(Html_$T('Hzox::如需录音功能定制开发，网站、App、小程序、前端后端开发等需求，请加QQ群：①群 781036591、②群 748359095，口令recorder，联系群主（即作者），谢谢~'),"#333;font-size:22px;font-weight:bold"); +reclog(Html_$T('Hzox::如需录音功能定制开发，网站、App、小程序、前端后端开发等需求，请加QQ群：①群 781036591、②群 748359095、③群 450721519，口令recorder，联系群主（即作者），谢谢~'),"#333;font-size:22px;font-weight:bold"); reclog(Html_$T("m0EU::Recorder App基于Recorder H5的跨平台录音，支持在浏览器环境中使用（H5）、各种使用js来构建的程序中使用（App、小程序、UniApp、Electron、NodeJs）")+unescape("%uD83C%uDF89"),"#f60;font-weight:bold;font-size:24px"); reclog(Html_$T("v17f::Recorder H5使用简单，功能丰富，支持PC、Android、iOS 14.3+")+unescape("%uD83D%uDCAA"),"#0b1;font-weight:bold;font-size:24px"); reclog(Html_$T('EfeX::本页面修改时间（有可能修改了忘改）：')+PageLM,"#999"); diff --git a/README.md b/README.md index 8998ea4..b3e04ac 100644 --- a/README.md +++ b/README.md @@ -73,8 +73,9 @@ 18. [【测试】【信号处理】FFT频域分析ECharts频谱曲线图](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=dsp.test.fft.analysis) 19. [【测试】WebM格式解析并提取音频](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.webm.extract_audio) 20. [【测试】G711、G72X编码和解码播放](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.g7xx.engine) -21. [【测试】音乐合成-用波形函数将歌曲简谱文本转成PCM](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.create-audio.nmn2pcm) -22. [【测试】音频可视化相关插件测试](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.extensions.visualization) +21. [【Demo库】js二进制转换-Base64/Hex/Int16Array/ArrayBuffer/Blob](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=lib.js-binary-bytes) +22. [【测试】音乐合成-用波形函数将歌曲简谱文本转成PCM](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.create-audio.nmn2pcm) +23. [【测试】音频可视化相关插件测试](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=test.extensions.visualization) ### App Demo @@ -91,7 +92,7 @@ iOS Demo App ：[下载源码](https://github.com/xiangyuecn/Recorder/tree/maste ## 【QQ群】交流与支持 -欢迎加QQ群：①群 781036591、②群 748359095，纯小写口令：`recorder` +欢迎加QQ群：①群 781036591、②群 748359095、③群 450721519，纯小写口令：`recorder` @@ -132,7 +133,7 @@ iOS Demo App ：[下载源码](https://github.com/xiangyuecn/Recorder/tree/maste > > 获取泛域名通配符证书推荐：[在线免费申请（ZeroSSL、Let’s Encrypt）](https://xiangyuecn.gitee.io/acme-html-web-browser-client/ACME-HTML-Web-Browser-Client.html)；不建议自己生成根证书来签发域名证书，一个是流程复杂，每个设备均要导入根证书，致命的是很多现代浏览器不再信任用户目录下导入的根证书（Android）。 > -> 如果必须http访问，Chrome中可尝试打开`chrome://flags/#unsafely-treat-insecure-origin-as-secure`，启用`Insecure origins treated as secure`，把你的地址含端口配置进去。 +> 如果必须http访问，Chrome中可尝试打开`chrome://flags/#unsafely-treat-insecure-origin-as-secure`，启用`Insecure origins treated as secure`，把你的地址含端口配置进去，然后重启浏览器。 ## 【1】加载框架 Recorder的所有js文件均为手动引入（内部不会自动引用），因此未被你引入的文件均可删除来精简源码大小。 @@ -150,7 +151,7 @@ Recorder的所有js文件均为手动引入（内部不会自动引用），因 - + ``` **方式二**：通过import/require引入 @@ -158,7 +159,7 @@ Recorder的所有js文件均为手动引入（内部不会自动引用），因 通过 npm 进行安装 `npm install recorder-core` ，如果直接clone的源码下面文件路径调整一下即可 ``` javascript //必须引入的核心，换成require也是一样的。注意：recorder-core会自动往window下挂载名称为Recorder对象，全局可调用window.Recorder，也许可自行调整相关源码清除全局污染 -import Recorder from 'recorder-core' +import Recorder from 'recorder-core' //注意如果未引用Recorder变量，可能编译时会被优化删除（如vue3 tree-shaking），请改成 import 'recorder-core'，或随便调用一下 Recorder.a=1 保证强引用 //引入相应格式支持文件；如果需要多个格式支持，把这些格式的编码引擎js文件放到后面统统引入进来即可 import 'recorder-core/src/engine/mp3' @@ -167,7 +168,7 @@ import 'recorder-core/src/engine/mp3-engine' //如果此格式有额外的编码 //以上三个也可以合并使用压缩好的recorder.xxx.min.js //比如 import Recorder from 'recorder-core/recorder.mp3.min' //已包含recorder-core和mp3格式支持 -//可选的插件支持项 +//可选的插件支持项，把需要的插件按需引入进来即可 import 'recorder-core/src/extensions/waveview' //ts import 提示：npm包内已自带了.d.ts声明文件（不过是any类型） @@ -350,7 +351,7 @@ public void onPermissionRequest(PermissionRequest request) { [​](?) ## 【附】iOS App - WebView中录音示例 -在iOS App WebView中使用本库来录音，需要在App源码 `Info.plist` 中声明使用麦克风 `NSMicrophoneUsageDescription`，无需其他处理，WebView会自己处理好录音权限。 +在iOS App WebView中使用本库来录音，需要在App源码 `Info.plist` 中声明使用麦克风 `NSMicrophoneUsageDescription`，无需其他处理，WebView会自己处理好录音权限；注意：iOS App需要在项目Background Modes中勾选Audio才能在后台保持录音，不然App切到后台后立马会停止录音。 iOS 14.3+以上版本才支持WebView中进行H5录音；iOS 15+提供了静默授权支持，参考[WKUIDelegate](https://developer.apple.com/documentation/webkit/wkuidelegate)中的 `Requesting Permissions` -> `requestMediaCapturePermissionFor`，默认未实现，会导致WebView每次打开后第一次录音时、或长时间无操作再打开录音时均会弹出录音权限对话框。 @@ -483,6 +484,7 @@ set={ //可选直接提供一个媒体流，从这个流中录制、实时处理音频数据（当前Recorder实例独享此流）；不提供时为普通的麦克风录音，由getUserMedia提供音频流（所有Recorder实例共享同一个流） //比如：audio、video标签dom节点的captureStream方法（实验特性，不同浏览器支持程度不高）返回的流；WebRTC中的remote流；自己创建的流等 //注意：流内必须至少存在一条音轨(Audio Track)，比如audio标签必须等待到可以开始播放后才会有音轨，否则open会失败 + //注意：在rec.close时不会主动关闭此流，需自行管理关闭 //,runningContext:AudioContext //可选提供一个state为running状态的AudioContext对象(ctx)；默认会在rec.open时自动创建一个新的ctx，无用户操作（触摸、点击等）时调用rec.open的ctx.state可能为suspended，会在rec.start时尝试进行ctx.resume，如果也无用户操作ctx.resume可能不会恢复成running状态（目前仅iOS上有此兼容性问题），导致无法去读取媒体流，这时请提前在用户操作时调用Recorder.GetContext(true)来得到一个running状态AudioContext（用完需调用CloseNewCtx(ctx)关闭） @@ -513,7 +515,9 @@ set={ *注：如果录音结束后生成的音频文件的比特率和采样率和set中的不同，将会把set中的bitRate、sampleRate更新成音频文件的。* ### 【方法】rec.open(success,fail) -请求打开录音资源，如果浏览器不支持录音、用户拒绝麦克风权限、或者非安全环境（非https、file等）将会调用`fail`；打开后需要调用`close`来关闭，因为浏览器或设备的系统可能会显示正在录音。 +普通的麦克风录音时：请求打开录音资源，如果浏览器不支持录音、用户拒绝麦克风权限、或者非安全环境（非https、file等）将会调用`fail`；打开后需要调用`close`来关闭，因为浏览器或设备的系统可能会显示正在录音。 + +直接提供的流`set.sourceStream`时：会连接上此流进行录制，打开后同样需要调用`close`来断开连接，但不会主动关闭此流，需自行管理此sourceStream的关闭。 `success`=fn(); @@ -527,7 +531,7 @@ set={ ### 【方法】rec.close(success) 关闭释放录音资源，释放完成后会调用`success()`回调。如果正在录音或者stop调用未完成前调用了close将会强制终止当前录音。 -注意：普通的麦克风录音时（所有Recorder实例共享同一个流），如果创建了多个Recorder对象并且调用了open（应避免同时有多个对象进行了open），只有最后一个新建的才有权限进行实际的资源释放（和多个对象close调用顺序无关），浏览器或设备的系统才会不再显示正在录音的提示；直接提供的流 set.sourceStream 无此问题（当前Recorder实例独享此流）。 +注意：普通的麦克风录音时（所有Recorder实例共享同一个流），如果创建了多个Recorder对象并且调用了open（应避免同时有多个对象进行了open），只有最后一个新建的才有权限进行实际的资源释放（和多个对象close调用顺序无关），浏览器或设备的系统才会不再显示正在录音的提示；直接提供的流 set.sourceStream 无此问题（当前Recorder实例独享此流，会直接释放掉录制此流的相关资源），但不会主动关闭此流，需自行管理此sourceStream的关闭。 ### 【方法】rec.start() 开始录音，需先调用`open`；未close之前可以反复进行调用开始新的录音。注意：open和start至少有一个应当在用户操作（触摸、点击等）下进行调用，原因参考`runningContext`配置。 @@ -610,7 +614,7 @@ prevChunk=chunk; //存起来，下次从当前已转换位置继续转换 //这就是上面的代码自动截取到的最新未转换pcm数据 //你也可以自行从buffers中截取出需要转码的pcm //或者从其他地方获取到pcm数据，比如用解码其他音频文件得到pcm，即可实现不同音频格式之间转码 -var pcm=chunk.data; +var pcm=chunk.data; //pcm=new Int16Array(pcmArrayBuffer) 可以使用16位pcm二进制数据直接构造 var sampleRate=chunk.sampleRate; //调用mock方法把pcm转码成mp3或其他格式 @@ -634,7 +638,7 @@ mockRec.stop(function(blob,duration){ 本方法调用一次后，可通过`Recorder.Ctx`来获得此全局对象，可用于音频文件解码：`Recorder.Ctx.decodeAudioData(fileArrayBuffer)`。本方法是从老版本的`Recorder.Support()`中剥离出来的，调用Support会自动调用一次本方法。已知iOS16中全局对象无法多次用于录音，当前Recorder打开录音时均会尝试创建新的非全局对象，同时会保留一个全局的对象。 ### 【静态方法】Recorder.IsOpen() -由于Recorder持有的普通麦克风录音资源是全局唯一的，可通过此方法检测是否有Recorder已调用过open打开了麦克风录音功能。 +由于Recorder持有的普通麦克风录音资源是全局唯一的，可通过此方法检测是否有Recorder已调用过open打开了麦克风录音功能；注意：此方法无法检测直接提供的流 set.sourceStream 是否已打开，需自行判断。 ### 【静态方法】Recorder.Destroy() 销毁已持有的所有全局资源（AudioContext、Worker），当要彻底移除Recorder时需要显式的调用此方法。大部分情况下不调用Destroy也不会造成问题。 @@ -1370,6 +1374,8 @@ EncodeMix对象： ### Recorder.pcm2wav(data,True,False) 已实现的一个把pcm转成wav格式来播放的方法，`data = { sampleRate:16000 pcm的采样率 , bitRate:16 pcm的位数 取值：8 或 16 , blob:pcm的blob对象 }`，`True=fn(wavBlob,duration)`。要使用此方法需要带上`wav`格式编码器。 +提示：16位的pcm二进制数据可以直接通过`new Int16Array(pcmArrayBuffer)`来构造成Int16Array，然后通过`rec.mock`来转码成其他任意格式。 + ## wav (raw pcm format) 格式 依赖文件：`wav.js`（或使用根目录的`recorder.wav.min.js`一个文件即可），不支持实时编码（因为wav文件头中需要提供文件最终长度）只能一次性将所有pcm转成wav格式，wav格式编码器是参考网上资料写的，会发现代码和别人家的差不多。源码4kb大小。[wav转其他格式参考和测试](https://xiangyuecn.gitee.io/recorder/assets/工具-代码运行和静态分发Runtime.html?jsname=lib.transform.wav2other) @@ -1411,6 +1417,9 @@ EncodeMix对象： ### Recorder.amr2wav(amrBlob,True,False) 已实现的一个把amr转成wav格式来播放的方法，`True=fn(wavBlob,duration)`。要使用此方法需要带上上面的`wav`格式编码器。仿照此方法可轻松转成别的格式，参考`mock`方法介绍那节。 +### AMR实时编码解码 +使用`Recorder.AMR.GetDecoder() | .GetEncoder(12.2)`可以获得amr解码器和编码器，支持实时操作（amr帧、小文件片段连续编解码）；如何使用请阅读`beta-amr-engine.js`源码开头部分代码，`Recorder.amr2wav`底层调用的`Recorder.AMR.decode`方法有用到。 + ## beta-webm 格式 依赖文件：`beta-webm.js`，不支持实时编码，这个编码器时通过查阅MDN编写的一个玩意，没多大使用价值：录几秒就至少要几秒来编码。。。原因是：未找到对已有pcm数据进行快速编码的方法。数据导入到MediaRecorder，音频有几秒就要等几秒，类似边播放边收听形。(想接原始录音Stream？我不可能给的!)输出音频虽然可以通过比特率来控制文件大小，但音频文件中的比特率并非设定比特率，采样率由于是我们自己采样的，到这个编码器随他怎么搞。只有比较新的浏览器支持（需实现浏览器MediaRecorder），压缩率和mp3差不多。源码3kb大小。 @@ -1431,6 +1440,8 @@ Recorder.prototype.aac=function(pcmData,successCall,failCall){ //调用 Recorder({type:"aac"}) + +//如仅需要得到aac格式文件，你可以尝试直接用Recorder录制wav格式，然后调用 https://github.com/salomvary/fdk-aac.js库 来将wav转码成aac，详细请参考 assets/手动测试脚本.js 里面有可用的测试代码 ``` diff --git a/app-support-sample/.gitignore b/app-support-sample/.gitignore new file mode 100644 index 0000000..93a92d2 --- /dev/null +++ b/app-support-sample/.gitignore @@ -0,0 +1,15 @@ +node_modules +/demo_android/demo_android.iml +/demo_android/local.properties +/demo_android/.gradle +/demo_android/.idea +/demo_android/app/app.iml +/demo_android/app/build +/demo_ios/._recorder.xcodeproj +/demo_ios/recorder.xcodeproj/._project.xcworkspace +/demo_ios/recorder.xcodeproj/xcuserdata +/demo_ios/recorder.xcodeproj/project.xcworkspace/xcuserdata +/miniProgram-wx/copy-rec-src/src +/miniProgram-wx/project.private.config.json +/demo_UniApp/.hbuilderx +/demo_UniApp/unpackage diff --git a/app-support-sample/QuickStart.html b/app-support-sample/QuickStart.html index b63d038..6718a0a 100644 --- a/app-support-sample/QuickStart.html +++ b/app-support-sample/QuickStart.html @@ -6,7 +6,7 @@ RecordApp QuickStart: 快速入门 - + @@ -119,6 +123,12 @@ DCloud 插件市场下载组件: https://ext.dcloud.net.cn/plugin?name=Recorder- + + + + + + @@ -126,13 +136,29 @@ DCloud 插件市场下载组件: https://ext.dcloud.net.cn/plugin?name=Recorder- {{obj.txt}} + + + {{reclogLast.txt}} + + - + + + + + + + + + + + + @@ -142,7 +168,7 @@ DCloud 插件市场下载组件: https://ext.dcloud.net.cn/plugin?name=Recorder- RecordApp的uni-app支持文档和示例: https://github.com/xiangyuecn/Recorder/tree/master/app-support-sample/demo_UniApp (github可以换成gitee) - 如需录音功能定制开发，网站、App、小程序、前端后端开发等需求，请加QQ群：①群 781036591、②群 748359095，口令recorder，联系群主（即作者），谢谢~ + 如需录音功能定制开发，网站、App、小程序、前端后端开发等需求，请加QQ群：①群 781036591、②群 748359095、③群 450721519，口令recorder，联系群主（即作者），谢谢~ @@ -176,11 +202,18 @@ DCloud 插件市场下载组件: https://ext.dcloud.net.cn/plugin?name=Recorder- + + + + + + + + + + + + + + + + + + diff --git a/app-support-sample/demo_UniApp/pages/recTest/test_native_plugin.vue b/app-support-sample/demo_UniApp/pages/recTest/test_native_plugin.vue new file mode 100644 index 0000000..008202c --- /dev/null +++ b/app-support-sample/demo_UniApp/pages/recTest/test_native_plugin.vue @@ -0,0 +1,235 @@ + + + \ No newline at end of file diff --git a/app-support-sample/demo_UniApp/pages/recTest/test_player___.vue b/app-support-sample/demo_UniApp/pages/recTest/test_player___.vue index 04c10ee..dc05c5c 100644 --- a/app-support-sample/demo_UniApp/pages/recTest/test_player___.vue +++ b/app-support-sample/demo_UniApp/pages/recTest/test_player___.vue @@ -1,3 +1,4 @@ +