在移动浏览器中使用HTML5录音(访问麦克风)

时间:2013-01-21 09:43:00

标签: html5 google-chrome web cross-browser mobile-browser

我们可以使用HTML5访问手机麦克风来录制我们的语音吗?

我正在尝试这个链接:

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

我得到的地方

< input type =“file”accept =“audio / *; capture = microphone”>

我使用以下输入标记来访问麦克风,但它在设备的HTML查看器中没有用。

请帮忙。

提前致谢。

1 个答案:

答案 0 :(得分: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");
}