Javascript控制器新的音频标签
因此,我让javascript代码工作,以便它播放第一个文件,然后播放第二个文件。但是问题是,如果第一个文件没有回复,我现在不能暂停第二个文件 我想知道如何正确地将控制器设置为以下代码Javascript控制器新的音频标签,javascript,Javascript,因此,我让javascript代码工作,以便它播放第一个文件,然后播放第二个文件。但是问题是,如果第一个文件没有回复,我现在不能暂停第二个文件 我想知道如何正确地将控制器设置为以下代码 var audio = new Audio("FILE 1"); audio.play(); audio.addEventListener('ended',function(){ audio.id = "stream";
var audio = new Audio("FILE 1");
audio.play();
audio.addEventListener('ended',function(){
audio.id = "stream";
audio.src = "FILE2";
audio.load();
audio.play();
//alert("it should be playing");
});
因为您向音频添加了
end
事件。因此,当音频中的文件(“文件1”或“文件2”)结束时,它将加载并播放“文件2”。必须更改代码才能为“文件2”创建新的音频对象
最后,我采用了以下解决方案
Javascript代码
var aud = document.getElementById("player");
aud.onended = function() {
document.getElementById("player").setAttribute('src', 'ADVERT.mp3');
document.getElementById("player").play();
var advert = document.getElementById("player");
advert.onended = function() {
document.getElementById("player").setAttribute('src', 'EndOfAdvert.mp3');
document.getElementById("player").play();
var stationStream = document.getElementById("player");
stationStream.onended = function() {
document.getElementById("player").setAttribute('src', 'STREAM URL');
document.getElementById("player").play();
};
};
};
HTML
var aud = document.getElementById("player");
aud.onended = function() {
document.getElementById("player").setAttribute('src', 'ADVERT.mp3');
document.getElementById("player").play();
var advert = document.getElementById("player");
advert.onended = function() {
document.getElementById("player").setAttribute('src', 'EndOfAdvert.mp3');
document.getElementById("player").play();
var stationStream = document.getElementById("player");
stationStream.onended = function() {
document.getElementById("player").setAttribute('src', 'STREAM URL');
document.getElementById("player").play();
};
};
};
<audio id="player">
<source
src="StartOfAdvert.mp3"
type="audio/mpeg"
/>
</audio>