js鼠标经过时播放音乐 单击文字然后播放音乐的功能
一、jsaudio播放音乐突然终止
音频文件路径错误,音频文件格式不支持。
1、音频文件路径错误:jsaudio播放音乐突然终止检查音频文件的路径是否正确,确保文件存在且路径正确,否则无**常播放音乐。
2、音频文件格式不支持:jsaudio只支持特定的音频格式,例如mp3、wav等,检查音频文件的格式是否被支持,不支持需要转换为支持的格式。
二、用html***js实现***单击文字然后播放音乐的功能
html5中使用audio标签,DOM里如下,文字是“播放”,当点击时,音乐播放,文字会变成"暂停"。两个文字会随着音乐是否播放而切换。这里需要注意的一点是audio的兼容性的问题。如果考虑其兼容性,可以看下这个经验:html5的audio如何兼容各浏览器实现自动播放
<audioid="voice"src=""></audio>
<pclass="but">播放</p>
JS部分:
<scriptsrc=""></script>
<script>
$(document).ready(function(){
varvoice=document.getElementById('voice');//获取到audio元素
$('.but').click(function(){//点击文字**
if(voice.paused){//判断音乐是否在播放中,暂停状态
voice.play();//音乐播放
$('.but').text('暂停');//切换文字
}else{//播放状态
voice.pause();//音乐停止
$('.but').text('播放');//切换文字
}
});
});
</script>