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实现录音跟读功能)