点击播放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代码，因此音频标签在代码执行时加载。