html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能

html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能_第1张图片

音频标记在HTML5中使用. 2113DOM中的文本如下. 文本是“播放”. 当单击5261时js实现网页音乐播放器,播放音乐广播4102js实现网页音乐播放器,并且文本将变为“暂停”. 根据是否在1653年播放音乐,这两个文本将切换. 这里要注意的一件事是音频兼容性问题. 如果考虑到它的兼容性,您可以看一下这种体验: HTML5音频如何与各种浏览器兼容以实现自动播放

html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能_第2张图片

播放

JS部分:

html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能_第3张图片

$(document).ready(function() {

var voice = document.getElementById(voice); //获取到audio元素

$(.but).click(function() { //点击文字事件

if (voice.paused) { //判断音乐是否在播放中,暂停状态

voice.play(); //音乐播放

$(.but).text(暂停); //切换文字

} else { //播放状态

voice.pause(); //音乐停止

$(.but).text(播放); //切换文字

}

});

});

html调用js自动播放音乐,使用html js实现点击文本和播放音乐的功能_第4张图片

本文来自电脑杂谈,转载请注明本文网址:

http://www.pc-fly.com/a/bofangqi/article-269850-1.html

你可能感兴趣的:(html调用js自动播放音乐)