单击另一个时,HTML5音频暂停 - IE发出问题

时间:2014-02-25 15:40:19

标签: javascript html5-audio

我有一个HTML页面,其中包含一些HTML5音频嵌入。这是设置,以便当一个人正在播放而另一个人被点击时,它会暂停第一个。因此,不应同时播放两个音频文件。我已经在Firefox和Chrome中使用它,但在IE中没有运气。

这是我的JSFiddle:http://jsfiddle.net/dledet1/55vag/11/

此外,这是我的代码:

HTML:

<!-- AUDIO 1 -->
<p><a onClick="EvalSound('song1'); return true;" target="player"><IMG SRC="http://designlab360.org/fhi/splash/dev2/images/arrow-right.png" BORDER=0 WIDTH=30 HEIGHT=29></a>    
<audio id="song1" src="http://designlab360.org/fhi/splash/dev2/audio/wash-song1_2.mp3" controls preload="auto" autobuffer></audio>

<!-- AUDIO 2 -->
<p><a onClick="EvalSound('song2'); return true;" target="player"><IMG SRC="http://designlab360.org/fhi/splash/dev2/images/arrow-right.png" BORDER=0 WIDTH=30 HEIGHT=29></a>   
<audio id="song2" src="http://designlab360.org/fhi/splash/dev2/audio/wash-song2_2.mp3" controls preload="auto" autobuffer></audio></p>

使用Javascript:

var currentPlayer;
function EvalSound(soundobj) {

 var thissound=document.getElementById(soundobj);
 if(currentPlayer  && currentPlayer != thissound) {
      currentPlayer.pause(); 
 }
 if (thissound.paused)
            thissound.play();
    else
        thissound.pause();
        thissound.currentTime = 0;
         currentPlayer = thissound;
}

非常感谢任何帮助!谢谢!

1 个答案:

答案 0 :(得分:0)

我正在进行实验,它似乎在所有IE版本中从9向上完美运行,但音频甚至不会在IE 8中播放。我做了一些研究,但事实证明{{1}在IE 9之前不支持}标记。

看起来你没有运气让它在IE8中运行,唯一的方法是使用embed标签:     <audio>     <embed src="http://designlab360.org/fhi/splash/dev2/audio/wash-song1_2.mp3"

您必须编辑您的javascript以补偿更改,但我希望我能帮助您。