Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript控制器新的音频标签_Javascript - Fatal编程技术网

Javascript控制器新的音频标签

Javascript控制器新的音频标签,javascript,Javascript,因此,我让javascript代码工作,以便它播放第一个文件,然后播放第二个文件。但是问题是,如果第一个文件没有回复,我现在不能暂停第二个文件 我想知道如何正确地将控制器设置为以下代码 var audio = new Audio("FILE 1"); audio.play(); audio.addEventListener('ended',function(){ audio.id = "stream";

因此,我让javascript代码工作,以便它播放第一个文件,然后播放第二个文件。但是问题是,如果第一个文件没有回复,我现在不能暂停第二个文件

我想知道如何正确地将控制器设置为以下代码

 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>