recorder.js实现录音功能

最近闲来无事,便想着去了解一下长按录音功能,于是网上各种搜,但是都没有我想要的效果,于是决定干脆自己弄一个,话不多说先放效果图。(考虑到recorder.js的兼容性,本文用是火狐浏览器进行测试的)

图一:打开浏览器,输入项目地址,弹出请求权限,点击“请求权限即可”

recorder.js实现录音功能_第1张图片

图二:长按按钮,弹出正在录音提示,表示正在录音中......

recorder.js实现录音功能_第2张图片

图三:松开录音按钮,录音结束,查看本次录音

recorder.js实现录音功能_第3张图片

 

下面是HTML+js代码



    
        
        
        
        
    
    
        

录音中······

 

 下面是项目所依赖的js

下载地址:https://github.com/OmegaMibai/SoundRecording/tree/master/recorder/js

你可能感兴趣的:(recorder.js实现录音功能)