100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue实现录音跟读功能

vue实现录音跟读功能

时间:2024-05-03 23:27:24

相关推荐

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);

使用示例:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。