在Web浏览器中录制高质量的音频 [英] High Quality Audio Recording in Web Browser
本文介绍了在Web浏览器中录制高质量的音频的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
单行版本：
什么样的开源软件(WAMI-Recorder)/Web浏览器(通过getUserMedia)可以为我提供最佳质量的录音？
高质量定义为(44.1或48采样率)和16位样本大小。
更多信息：
所以目前我的解决方案是WAMI-Recorder，但我想知道HTML5规范在浏览器中是否已经成熟到了一个点，这样我就可以在没有Flash的情况下进行录制，并获得同等或更高质量的音频记录。目前看来，WAMI的最大用户数量为22050。我不需要跨浏览器支持，因为这是内部业务使用。
最好使用非闪存解决方案。
推荐答案
我发现了一些东西here。希望它能帮助您录制音频
<html>
<body>
<audio controls autoplay></audio>
<script type="text/javascript" src="recorder.js"> </script>
<input onclick="startRecording()" type="button" value="start recording" />
<input onclick="stopRecording()" type="button" value="stop recording and play" />
<script>
var onFail = function(e) {
console.log('Rejected!', e);
};
var onSuccess = function(s) {
var context = new webkitAudioContext();
var mediaStreamSource = context.createMediaStreamSource(s);
recorder = new Recorder(mediaStreamSource);
recorder.record();
// audio loopback
// mediaStreamSource.connect(context.destination);
}
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var recorder;
var audio = document.querySelector('audio');
function startRecording() {
if (navigator.getUserMedia) {
navigator.getUserMedia({audio: true}, onSuccess, onFail);
} else {
console.log('navigator.getUserMedia not present');
}
}
function stopRecording() {
recorder.stop();
recorder.exportWAV(function(s) {
audio.src = window.URL.createObjectURL(s);
});
}
</script>
</body>
</html>
下载示例https://github.com/rokgregoric/html5record/archive/master.zip
这篇关于在Web浏览器中录制高质量的音频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
