vue实现录音跟读功能
使用方式
script方式
直接引入dist下的recorder.js即可
let recorder = new Recorder();
npm方式
关注我的微信公众号【前端基础教程从0开始】,加我微信,可以免费为您解答问题。回复“1”,拉你进程序员技术讨论群。回复“小程序”,领取300个优秀的小程序开源代码+一套入门教程。回复“领取资源”,领取300G前端,Java,微信小程序,Python等资源,让我们一起学前端。
安装:npm i js-audio-recorder
调用:在需要录音的地方引入
import Recorder from ‘js-audio-recorder’
let recorder = new Recorder()
API
// 开始录音
recorder.start();
// 暂停录音
recorder.pause();
// 继续录音
recorder.resume()
// 结束录音
recorder.stop();
// 录音播放
recorder.play();
// 销毁录音实例,释放资源,fn为回调函数,
recorder.destroy(fn);
recorder = null;
下载功能
// 下载pcm文件
recorder.downloadPCM();
// 下载wav文件
recorder.downloadWAV();
// 重命名pcm文件,wav也支持
recorder.downloadPCM(‘重命名’);
获取录音时长
// 回调持续输出时长
recorder.onprocess = function(duration) {
console.log(duration);
}
// 手动获取录音时长
console.log(recorder.duration);
公众号:
微信:
以上是 vue实现录音跟读功能 的全部内容, 来源链接: utcz.com/z/375870.html