1

私のプロジェクトには、次のように HTML 内に追加した 2 つのオーディオがあります。

<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>

これら 2 つを切り替えるための 2 つのボタンがあります。

$(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 ブラウザーにのみ存在するようです。Android の Chrome ブラウザと、PC のすべてのブラウザで完全に動作します。

4

0 に答える 0