在移动浏览器中使用 HTML5 进行录音（访问麦克风）

Posted 2023-03-05

【中文标题】在移动浏览器中使用 HTML5 进行录音（访问麦克风）

【英文标题】：Audio Recording(Accessing microphone) using HTML5 in mobile browsers

【发布时间】：2013-01-04 08:19:45

【问题描述】：

我们可以使用手机的麦克风来使用 html5 录制我们的声音吗？

我正在尝试这个链接：

http://www.html5rocks.com/en/tutorials/getusermedia/intro/

我在哪里

我使用以下输入标签来访问麦克风，但它在设备的 HTML 查看器中不起作用。

请帮忙。

提前致谢。

【参考方案1】：

您使用的是哪种浏览器？您可以使用 getUserMedia 而不是 input type="file"。此演示适用于 Chrome 桌面：http://jsfiddle.net/GD63T/2/，但要在 Chrome for android 中运行，您必须使用 chrome://flags 将其打开

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||     navigator.mozGetUserMedia || navigator.msGetUserMedia;

var audio = document.querySelector('audio');

if (navigator.getUserMedia) 
    navigator.getUserMedia(
        audio: true,
        video: false
    , function (stream) 
       audio.src = window.URL.createObjectURL(stream);
    , onFailSoHard);
 else 
    alert("sorry, not supported in your browser");