1

在我的项目中,我有两个音频,我在 HTML 中添加如下:

<audio  id="sample1">
    <source src="sample1.mp3" type='audio/mpeg; codecs="mp3"' preload="auto" />
    <source src="sample1.ogg"; codecs="vorbis"' preload="auto" />
</audio>
<audio  id="sample2">
    <source src="sample2.mp3" type='audio/mpeg; codecs="mp3"' preload="auto" />
    <source src="sample2.ogg" type='audio/ogg; codecs="vorbis"' preload="auto" />
</audio>

我有两个按钮可以在这两者之间切换:

$(document).ready(function(){
var audio =null;
 $('#button1').click(function(){
     if(audio!=null){
           audio.pause();
     }
    audio =null; 
    audio=$('#sample1');
    audio.play();
});

$('#button2').click(function(){
     if(audio!=null){
           audio.pause();
     }
    audio =null; 
    audio=$('#sample2');
    audio.play();
});
}    

问题是,无论顺序如何,这些音频都是第一次工作,但是一旦播放音频并被要求重复,就听不到音频了。(例如:单击 2。音频有效。然后单击 1,音频有效,但下一次单击任何一个都听不到声音)。

这个问题似乎只存在于安卓浏览器中。它在 android 的 Chrome 浏览器以及 PC 的所有浏览器上都能完美运行。

4

0 回答 0