點擊播放MP3的一部分

Question

我有許多按鈕播放許多不同的聲音 - 每個按鈕播放不同的MP3時點擊。示例代碼：

<a onclick="this.firstChild.play()"><audio src="1.mp3" ></audio>1</a> 

對於我試圖從同一個MP3文件播放的所有不同的聲音的移動設備，所以我可以預載1個文件，並有更多的即時體驗。

所以我需要設置單擊時播放的mp3的起點和終點。

我該如何使用音頻html5或javascript？在短短的鍍鉻工作就足夠了...

Answer 1

我還沒有測試此代碼，但這應該工作：

<a id="audioTag1"><audio src="1.mp3" ></audio>1</a> 

var canPlay = false; 
var audio = document.getElementsByTagName('audio')[0]; 

document.getElementById('audioTag1').addEventListener('click', function(){ 
    playAudio(15); 
}); 

audio.addEventListener('canplay', function() { // listen for the `canplay`event, to make sure the file is loaded. 
    canPlay = true; // Set a boolean to "true" once the audio has loaded. 
}); 

function playAudio(time){ 
    audio.currentTime = time; // jump to 15 secs into the file 
    audio.play(); // I'm not certain if this line is necessary. 
} 

確保您在onload事件偵聽器運行JS代碼，因此音頻標籤在代碼執行時加載。