<!DOCTYPE html>
<html>
<head>
<style>
</head>
<body>
<audio id="audio_with_controls" controls autobuffer >
<source src="http://www.wav-sounds.com/various/beep.wav" type="audio/wav" />
Audio tag not supported
</audio>
<!-- some actions from Javascript -->
<button id="play">Play</button>
<button id="play2">Play2</button>
<button id="pause">Pause</button>
<button id="duration">Show duration</button>
<div id="duration-log"></div>
<script>
var song = document.getElementById('audio_with_controls');
document.getElementById('play').addEventListener('click', function() { song.play(); }, false);
document.getElementById('play2').addEventListener('click', function() { song.play(); }, false);
document.getElementById('pause').addEventListener('click', function() { song.pause(); }, false);
document.getElementById('duration').addEventListener('click', function() { document.querySelector('#duration-log').textContent = song.duration; }, false);
</script>
FFとChromeの両方で正常に動作します。あなたはFFとChromeとの違いを見ることができます。サウンド再生が完了したら、特にスライダーが見えます。 FFでは、途中で立ち往生し、数秒後に終了します。これが私のアプリケーションで問題になっています。
出典
2012-02-23 16:10:18
PRP
私はプロトタイプを使用しています。しかし、これは私の問題を解決しません。私は分割を入れ、firebugを使ってjavascriptコードを追跡します。音が出るたびに。だから私はそれが正常な状態で正常に動作しないという問題が何であるか分からない。 – PRP
@PRPコードをウェブ上のどこかに置くことができれば、これをさらに詳しく見ることができます。 – jonycheung
このコードを少し変更して今変更しました var obj = $( "playmysong"); 〜 var obj = $( "playmysong")。cloneNode(true); これで問題が解決しました。しかし、これが正しいかどうかは分かりません。 私のコードの詳細を提供するには 音の長さは0.045秒と非常に短いです。だから基本的に私はボタンをクリックするたびに再生する必要があります。 – PRP