scott15975
V2EX  ›  问与答

纯 HTML5 实现的录音功能,支持回放和上传

  •  
  •   scott15975 · Feb 24, 2017 · 19507 views
    This topic created in 3398 days ago, the information mentioned may be changed or developed.

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

    3 replies    2018-03-05 14:38:05 +08:00
    cnZary
        1
    cnZary  
       Feb 24, 2017
    lz 是不是没让浏览器弹出是否允许使用麦克风啊..........
    cnZary
        2
    cnZary  
       Feb 24, 2017
    呃原来你给的连接没有 https......
    xieyuanxiang
        3
    xieyuanxiang  
       Mar 5, 2018
    请问下 lz 这个在移动端使用可以吗?我试了在 PC 端没问题,移动端好像获取不到语音输入
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5568 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 59ms · UTC 08:21 · PVG 16:21 · LAX 01:21 · JFK 04:21
    ♥ Do have faith in what you're doing.