纯 HTML5 实现的录音功能

2017-02-24 13:50:22 +08:00
 scott15975

主要是通过封装 H5 的一些 API ,如 WebRTC 、 AudioContext 、 Worker 、 Video/Audio API 、 Blob 、 URL 等。
编码是 mp3 格式,依赖 lame
兼容性感人,主要 API 是 WebRTC 下的 getUserMedia ,但是它不兼容 IE 全版本和 Safari 全版本。
目前可兼容的浏览器有: Chrome 、 FF 、 Edge 、 QQ 、 360
还有该 API 要求安全的网络环境,所以要尽量在 HTTPS 的环境下。
所以访问的时候 Chrome47 以上版本和 QQ 浏览器因为没有 HTTPS 支持会直接报错。
烦请尽量使用 FF 、 Edge 、 360 进行体验,或者下载到本地通过 localhost 方式进行体验,全浏览器可行。

Demo :recorder.js
Github :recorder.js
Blog :recorder.js

6566 次点击
所在节点    分享创造
5 条回复
RE
2017-02-24 13:59:12 +08:00
这几天流行的那个什么 8 分音符的游戏,还在想要是能做成网页版,尤其是微信小游戏,那该多好,粗略了解了一下好像上述的很多接口在微信浏览器中是行不通的,不知道楼主这个能不能在微信里面玩?
scott15975
2017-02-24 14:17:32 +08:00
@RE 我去看下是什么游戏 = = 还没玩过
RE
2017-02-24 14:25:04 +08:00
@scott15975 呃,微博上搜一下… 就是一个靠音调高低来操作的小游戏…
scott15975
2017-02-24 14:33:41 +08:00
@RE 不行的 = = 移动端兼容性很差
omygod
2017-02-28 10:00:59 +08:00
不错

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/342900

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX