HTML录音直到沉默？ [英] HTML Audio recording until silence?
问题描述
我正在寻找基于浏览器的录制方式，直到发生沉默。
I'm looking for a browser-based way of recording until a silence occurs.
可以从麦克风录制HTML音频在Firefox和Chrome中 - 使用
Recordmp3js参见：
http://nusofthq.com/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/
和github上的代码： http://github.com/nusofthq/Recordmp3js
HTML audio recording from the microphone is possible in Firefox and Chrome - using Recordmp3js see: http://nusofthq.com/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/ and the code on github: http://github.com/nusofthq/Recordmp3js
我看不到改变代码的方法，直到沉默。
I can't see a way to change that code to record until silence.
记录，直到沉默可以使用Java为本机完成（和调整） Android应用程序 - 请参阅此处：
Android音频捕获静音检测
Record until silence can be done (and tuned) using Java for a native Android App - see here: Android audio capture silence detection
谷歌语音搜索演示了浏览器可以做什么 - 但我怎样才能使用Javascript？
任何想法？
Google Voice Search demonstrates a browser can doit - but how can I using Javascript? Any ideas?
推荐答案
如果您使用Web Audio API，请打开一个实时麦克风音频捕获调用：navigator.getUserMedia，然后使用：createScriptProcessor创建一个节点，然后为该节点分配一个回调事件：onaudioprocess。在你的回调函数里面（我使用script_processor_analysis_node）你可以访问实时的实时音频缓冲区，然后你可以解析它寻找静音（振幅低的某个时间长度[保持接近于零]）。
If you use the Web Audio API, open up a live microphone audio capture by making a call to : navigator.getUserMedia , then create a node using : createScriptProcessor, then you assign to that node a callback for its event : onaudioprocess . Inside your callback function (below I use script_processor_analysis_node) you have access to the live real-time audio buffer to which you can then parse looking for silence (some length of time where amplitude is low [stays close to zero]).
正常时域音频曲线请参阅：array_time_domain
每次调用回调时都会重新填充script_processor_analysis_node ...类似于频域请参阅array_freq_domain
for normal time domain audio curve see : array_time_domain which is populated fresh upon each call to callback script_processor_analysis_node ... similarly for frequency domain see array_freq_domain
调低扬声器音量或使用耳机以避免来自麦克风的反馈 - >扬声器 - >麦克风......
Turn down your speaker volume or use headphones to avoid feedback from mic -> speaker -> mic ...
<html><head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>capture microphone then show time & frequency domain output</title>
<script type="text/javascript">
var webaudio_tooling_obj = function () {
var audioContext = new AudioContext();
console.log("audio is starting up ...");
var BUFF_SIZE_RENDERER = 16384;
var audioInput = null,
microphone_stream = null,
gain_node = null,
script_processor_node = null,
script_processor_analysis_node = null,
analyser_node = null;
if (!navigator.getUserMedia)
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia || navigator.msGetUserMedia;
if (navigator.getUserMedia){
navigator.getUserMedia({audio:true},
function(stream) {
start_microphone(stream);
},
function(e) {
alert('Error capturing audio.');
}
);
} else { alert('getUserMedia not supported in this browser.'); }
// ---
function show_some_data(given_typed_array, num_row_to_display, label) {
var size_buffer = given_typed_array.length;
var index = 0;
console.log("__________ " + label);
if (label === "time") {
for (; index < num_row_to_display && index < size_buffer; index += 1) {
var curr_value_time = (given_typed_array[index] / 128) - 1.0;
console.log(curr_value_time);
}
} else if (label === "frequency") {
for (; index < num_row_to_display && index < size_buffer; index += 1) {
console.log(given_typed_array[index]);
}
} else {
throw new Error("ERROR - must pass time or frequency");
}
}
function process_microphone_buffer(event) {
var i, N, inp, microphone_output_buffer;
microphone_output_buffer = event.inputBuffer.getChannelData(0); // just mono - 1 channel for now
}
function start_microphone(stream){
gain_node = audioContext.createGain();
gain_node.connect( audioContext.destination );
microphone_stream = audioContext.createMediaStreamSource(stream);
microphone_stream.connect(gain_node);
script_processor_node = audioContext.createScriptProcessor(BUFF_SIZE_RENDERER, 1, 1);
script_processor_node.onaudioprocess = process_microphone_buffer;
microphone_stream.connect(script_processor_node);
// --- enable volume control for output speakers
document.getElementById('volume').addEventListener('change', function() {
var curr_volume = this.value;
gain_node.gain.value = curr_volume;
console.log("curr_volume ", curr_volume);
});
// --- setup FFT
script_processor_analysis_node = audioContext.createScriptProcessor(2048, 1, 1);
script_processor_analysis_node.connect(gain_node);
analyser_node = audioContext.createAnalyser();
analyser_node.smoothingTimeConstant = 0;
analyser_node.fftSize = 2048;
microphone_stream.connect(analyser_node);
analyser_node.connect(script_processor_analysis_node);
var buffer_length = analyser_node.frequencyBinCount;
var array_freq_domain = new Uint8Array(buffer_length);
var array_time_domain = new Uint8Array(buffer_length);
console.log("buffer_length " + buffer_length);
script_processor_analysis_node.onaudioprocess = function() {
// get the average for the first channel
analyser_node.getByteFrequencyData(array_freq_domain);
analyser_node.getByteTimeDomainData(array_time_domain);
// draw the spectrogram
if (microphone_stream.playbackState == microphone_stream.PLAYING_STATE) {
show_some_data(array_freq_domain, 5, "frequency");
show_some_data(array_time_domain, 5, "time"); // store this to record to aggregate buffer/file
// examine array_time_domain for near zero values over some time period
}
};
}
}(); // webaudio_tooling_obj = function()
</script>
</head>
<body>
<p>Volume</p>
<input id="volume" type="range" min="0" max="1" step="0.1" value="0.5"/>
</body>
</html>
这篇关于HTML录音直到沉默？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
