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

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

<audio id="voice" src="http://vk88.vka88.com/00006/2017063014590719381_Stay the Night.mp3"></audio>
<p class="but">播放</p>

JS部分:

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        var voice = document.getElementById(voice); //获取到audio元素
          $(.but).click(function() { //点击文字事件
            if (voice.paused) { //判断音乐是否在播放中，暂停状态
                voice.play(); //音乐播放
                $(.but).text(暂停); //切换文字
                
            } else { //播放状态
                voice.pause(); //音乐停止
                $(.but).text(播放); //切换文字
            }
        });
     });
</script>

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-269850-1.html