V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
scott15975
V2EX  ›  分享创造

纯 HTML5 实现的录音功能

  •  
  •   scott15975 ·
    wangpengfei15975 · 2017-02-24 13:50:22 +08:00 · 6718 次点击
    这是一个创建于 2837 天前的主题,其中的信息可能已经有所发展或是发生改变。

    主要是通过封装 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

    第 1 条附言  ·  2017-02-27 17:47:37 +08:00

    换了一个HTTPS的体验地址,体验更好一点 = =
    Demo:Demo

    5 条回复    2017-02-28 10:00:59 +08:00
    RE
        1
    RE  
       2017-02-24 13:59:12 +08:00
    这几天流行的那个什么 8 分音符的游戏,还在想要是能做成网页版,尤其是微信小游戏,那该多好,粗略了解了一下好像上述的很多接口在微信浏览器中是行不通的,不知道楼主这个能不能在微信里面玩?
    scott15975
        2
    scott15975  
    OP
       2017-02-24 14:17:32 +08:00
    @RE 我去看下是什么游戏 = = 还没玩过
    RE
        3
    RE  
       2017-02-24 14:25:04 +08:00 via iPhone
    @scott15975 呃,微博上搜一下… 就是一个靠音调高低来操作的小游戏…
    scott15975
        4
    scott15975  
    OP
       2017-02-24 14:33:41 +08:00
    @RE 不行的 = = 移动端兼容性很差
    omygod
        5
    omygod  
       2017-02-28 10:00:59 +08:00
    不错
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3060 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 00:40 · PVG 08:40 · LAX 16:40 · JFK 19:40
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.