html5音頻和javascript操作問題

我試圖操縱音頻文件（mp3），使用<audio>和javascript，但是當我單擊鏈接時沒有任何反應。 alert()正在工作，但音頻沒有任何反應，即沒有暫停，沒有播放，什麼都沒有，無論是在Safari還是Firefox。編碼是狡猾的還是什麼？html5音頻和javascript操作問題

檢查了這一點：

的jQuery/JavaScript的：

$(document).ready(function(){ 

    var audioElement = document.getElementById('audio_player'); 

    $('div.audioControls .play').live('click', function(){ 
    //alert('play'); 
    audioElement.play(); 
    }); 
    $('div.audioControls .pause').live('click', function(){ 
    //alert('pause'); 
    audioElement.pause(); 
    }); 
    $('div.audioControls .playatTime').live('click', function(){ 
    alert('play at time: 30 sec'); 
    audioElement.currentTime = 30; 
    audioElement.play(); 
    return false; 
    }); 

});

HTML：

<audio id="audio_player" controls="controls" src="aaliyah.mp3"> 
Your browser does not support the audio element. 
</audio> 

<div class="audioControls"> 
<a href="#" class="play buttons" style="border:1px solid #ccc;">play</a> 
<a href="#" class="pause buttons" style="border:1px solid #ccc;">pause</a> 
<a href="#" class="playatTime buttons" style="border:1px solid #ccc;">play at 35 secondes</a> 
</div>

謝謝！

來源

2010-12-06 Shaoz

我現在知道爲什麼，它沒有工作。要使用JavaScript API，控件屬性需要從html標籤本身中刪除，它應該可以工作。

謝謝

來源

2010-12-07 11:36:31 Shaoz

html5音頻和javascript操作問題

回答

相關問題