3

HTMLページを開いたときにオーディオクリップを再生したいのですが、10秒後に停止し、オーディオが正常に再生されたというメッセージが表示されます。

以下のようにhtml5で簡単なオーディオ再生用

<!DOCTYPE html>
<html>
<body>


<audio controls>
  <source src="kill_bill.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script>
setInterval(function(), 10000);

$.each($('audio'), function () { this.stop(); alert('Audio Stop Successfully'); });



</script>

</body>
</html>
4

4 に答える 4

1

タイマー/カウンターを JS の負荷に置き、10 秒になると以下の関数を呼び出します。

タイマー setInterval(Call Below Function, 10000)

オーディオを停止 $.each($('audio'), function () { this.stop(); alert('Audio Stop Successfully'); });

これを試して ：：：：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>TIMER</title>  
</head>
<body>


<audio id="aud" controls autoplay>
  <source src="test.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


<script type="text/javascript">
 var myaud = document.getElementById("aud");
 var k = setInterval("pauseAud()", 10000);

 function playAud() {
     myaud.play();
 }

 function pauseAud() {
     myaud.pause();
     alert('Audio Stop Successfully');
     clearInterval(k); 
 } 
</script> 
</body>
</html>
于 2013-05-03T09:28:21.787 に答える
0

まず、注意してください。自動再生は iOS では機能しません。Appleがそれを可能にするのを妨げているからです。

オーディオの停止に関しては、HTML5 以外のブラウザーをサポートし、オーディオの再生を開始/停止するための完全なインターフェイスを備えたmediaelementライブラリを使用することを常にお勧めします。

于 2013-05-03T09:24:33.077 に答える