5

これは私にはうまくいきません！誰かが同じ問題を抱えていますか？私のコードは単純に見えますが、何度も再生できる必要がある場合にのみ再生されます。次のように参照してください。

私のHTML：

<audio id="siren" src="sounds/400.ogg" preload="auto">

そして私のJS：

function play_siren() {
    log("play sound");
    if(document.getElementById('siren').paused == true){
        document.getElementById('siren').play();
    }
}
function pause_siren() {

    try{
        if(document.getElementById('siren').paused == false){
            document.getElementById('siren').pause();
        }
        log("paused siren");
    }catch(err){
        log(err.message);
    }
    try{
        if(document.getElementById('siren').currentTime > 0.0){
           document.getElementById('siren').currentTime = 0.0;
        }
        log("reset siren");
    }catch(err){
        log(err.message);
    }
}

次のように、JS コードでプログラムによって開始されます。

if(Obj[3].siren == true && isPlayingSiren == false){
    play_siren();
    isPlayingSiren = true;
}else if(Obj[3].siren == false && isPlayingSiren == true){
    pause_siren();
    isPlayingSiren = false;
}

この紳士のコードと彼の DOES が機能しているように見えます: http://html5.komplett.cc/code/chap_video/js_audioPlayer_en.html

しかし、「currentTime = 0」を設定しても、何もしません。

私はそれを理解することはできません。Chrome、Firefox、Safari でテストしました。Firefox は今のところまったく動作しません。HTML5 には Chrome が最適なようですが、それでも 1 回しかプレイできません。

mp3 と ogg も同じ動作を試しました。

光を当ててください。ありがとうございました！

完全な HTML は次のとおりです。

<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" media="all" href="js_audioPlayer.css">
<title>HTMLMediaElement example - Audio Player</title>
<script src="../js/audioPlayer.js"></script>
</head>
<body>
<fieldset>
<audio src="sounds/400.ogg" preload="auto"></audio>
<legend>Audio Player (400)</legend>
</fieldset>

<script>
function loadXMLDoc(){ 
_pause();
updateProgress(0);
playPause();
}

var loadXmlTimer = setInterval(loadXMLDoc, 2000);
</script>
</body>
</html>

ここに完全なJavaScriptがあります：

// global callback functions
var playPause, updateProgress, _play, _pause;

/* initialize audio player */
window.onload = function() {
// keep track of playback status
var AudioStatus = {
isPlaying : false
};

// define references to audio, pulldown menu, play-button, slider and time display
var audio = document.querySelector("AUDIO");

/* load track by menu-index */
var loadTrack = function(idx) {
audio.src = '../sounds/400.ogg';
audio.load();
};

/* callback to play or pause */
_play = function() {
audio.play();
log("play");
AudioStatus.isPlaying = true;
};

_pause = function() {
audio.pause();
log("pause");
AudioStatus.isPlaying = false;
};

playPause = function() {
if (audio.paused) {
  _play();
}
else {
  _pause();
}
};

/* callback to set or update playback position */
updateProgress = function(value) {

  audio.currentTime = value;
  log("updateProgress");
};

};

タイマーは、有効期限が切れるとプログラムでサウンドを再生します。これは、プライベートである限り機能します。なぜ非公開にしなければならないのか理解できませんでした。

4

2 に答える 2

0

サウンドが再生されるたびに同じサウンド ファイルをダウンロードするため、以前のソリューションはすべて受け入れられません。シンプルさと効率のために、代わりにこれを行います。

var sound = document.getElementById("mySound")
if(window.chrome){
  sound = sound.cloneNode()
}
sound.play()

これは、クロムの問題を具体的に修正した方法です。

于 2014-07-16T01:11:58.737 に答える