如何在加载页面上自动提交按钮。 [英] How to auto submit button on load page.
问题描述
以下是index.html文件，用户必须按下记录按钮才能录制语音，我希望按钮在几秒钟后自动开始录制并在一定时间后自行停止。任何人都可以帮助我
我尝试过：
< ！DOCTYPE html>
< meta http-equiv =Content-Typecontent = text / html; charset = utf-8>
< title>实时输入记录和回放
ul {list-风格：无; }
#recordingslist audio {display：block; margin-bottom：10px; }
< h1>录制到MP3测试
记录
停止
录音
Following is the index.html file, where a user has to press the button "Record" in order to record the voice, I want the button to automatically start recording after few seconds timer and stop itself after certain defined time. can anyone help me
What I have tried:
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Live input record and playback
ul { list-style: none; }
#recordingslist audio { display: block; margin-bottom: 10px; }
Record to MP3 Test
record
stop
Recordings
函数__log（e，数据）{
log.innerHTML + =\ n+ e ++（数据||''）;
}
var audio_context;
var录音机;
function startUserMedia（stream）{
var input = audio_context.createMediaStreamSource（stream）;
__log（'Media stream created。'）;
__log（输入采样率+ input.context.sampleRate）;
//反馈！
//input.connect（audioio_context .destination）;
__log（'输入连接到音频上下文目的地。'）;
记录器=新记录器（输入，{
numChannels：1
}）;
__log（'记录器初始化。'）;
}
功能startRecording（按钮）{
录音机&& recorder.record（）;
button.disabled = true;
button.nextElementSibling.disabled = false;
__log（'记录.. 。'）;
}
功能stopRecording（按钮）{
录音机&& recorder.stop（）;
button.disabled = true;
button.previousElementSibling.disabled = false;
__log（'停止录制。 '）;
//使用音频数据blob创建WAV下载链接
createDownloadLink（）;
recorder.clear（）;
}
函数createDownloadLink（）{
录音机&& recorder.exportWAV（function（blob）{
/ * var url = URL.createObjectURL（blob）;
var li = document.createElement（'li'）;
var au = document.createElement（'audio'）;
var hf = document.createElement（'a'）;
au.controls = true;
au.src = url;
hf.href = url;
hf.download = new Date（）。toISOString（）+'。wav';
hf.innerHTML = hf.download;
li.appendChild（au）;
li.appendChild（hf）;
recordingslist.appendChild（li）; * /
}）;
}
window.onload = function init（）{
try {
// webkit shim
window.AudioContext = window.AudioContext || window.webkitAudioContext;
navigator.getUserMedia =（navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia）;
window.URL = window.URL || window.webkitURL;
audio_context = new AudioContext;
__log（'Audio context set up。'）;
__log（'navigator.getUserMedia'+（navigator.getUserMedia？'available。'：'not present！'））;
} catch（e）{
alert（'此浏览器中没有网络音频支持！'）;
}
navigator.getUserMedia（{audio：true}，startUserMedia ，功能（e）{
__log（'没有现场音频输入：'+ e）;
}）;
};
function __log(e, data) {
log.innerHTML += "\n" + e + " " + (data || '');
}
var audio_context;
var recorder;
function startUserMedia(stream) {
var input = audio_context.createMediaStreamSource(stream);
__log('Media stream created.' );
__log("input sample rate " +input.context.sampleRate);
// Feedback!
//input.connect(audio_context.destination);
__log('Input connected to audio context destination.');
recorder = new Recorder(input, {
numChannels: 1
});
__log('Recorder initialised.');
}
function startRecording(button) {
recorder && recorder.record();
button.disabled = true;
button.nextElementSibling.disabled = false;
__log('Recording...');
}
function stopRecording(button) {
recorder && recorder.stop();
button.disabled = true;
button.previousElementSibling.disabled = false;
__log('Stopped recording.');
// create WAV download link using audio data blob
createDownloadLink();
recorder.clear();
}
function createDownloadLink() {
recorder && recorder.exportWAV(function(blob) {
/*var url = URL.createObjectURL(blob);
var li = document.createElement('li');
var au = document.createElement('audio');
var hf = document.createElement('a');
au.controls = true;
au.src = url;
hf.href = url;
hf.download = new Date().toISOString() + '.wav';
hf.innerHTML = hf.download;
li.appendChild(au);
li.appendChild(hf);
recordingslist.appendChild(li);*/
});
}
window.onload = function init() {
try {
// webkit shim
window.AudioContext = window.AudioContext || window.webkitAudioContext;
navigator.getUserMedia = ( navigator.getUserMedia ||
navigator.webkitGetUserMedia ||
navigator.mozGetUserMedia ||
navigator.msGetUserMedia);
window.URL = window.URL || window.webkitURL;
audio_context = new AudioContext;
__log('Audio context set up.');
__log('navigator.getUserMedia ' + (navigator.getUserMedia ? 'available.' : 'not present!'));
} catch (e) {
alert('No web audio support in this browser!');
}
navigator.getUserMedia({audio: true}, startUserMedia, function(e) {
__log('No live audio input: ' + e);
});
};
推荐答案
使用 DOMContentLoaded - Event [ ^ ]触发页面加载时的操作。
使用窗口setTimeout（）方法 [ ^ ]在一段预定义的持续时间后执行其他操作。
请参考 HTML DOM click（）方法 [ ^ ]调用按钮点击事件
use DOMContentLoaded - Event [^] to trigger an action on page load.
use Window setTimeout() Method[^] to perform other action after some predefined duration.
refer HTML DOM click() Method[^] to invoke a button click event
这篇关于如何在加载页面上自动提交按钮。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
