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

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

recorder.js实现录音功能

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

recorder.js实现录音功能

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

recorder.js实现录音功能

 

以上就是此次录音功能的效果啦~~  有兴趣了解代码的小伙伴可以点击下面GitHub链接进行查看,并且留意一下项目文档里介绍的兼容情况哦~~~

https://github.com/OmegaMibai/SoundRecording/tree/master/recorder

相关文章:

  • 2022-12-23
  • 2022-03-13
  • 2021-12-28
  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
  • 2021-11-14
  • 2021-12-28
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-30
  • 2021-04-13
  • 2021-12-26
  • 2022-12-23
相关资源
相似解决方案