如何在网页插入音频，并用script来控制播放

Posted 2020-12-24 azure-zero

1.将此代码放入html页面中

<audio src="audio/music.mp3" style="display: none;" class="music" >
        当前浏览器不支持audio
</audio>

2.首先使用js获取这段音频

 var music=document.getElementsByClassName(‘music‘)[0];

3.控制暂停

  function stop(){
                    music.pause();
      }

4.控制开始

function start(){
                    music.play();
      }

5.可以给元素添加点击事件来触发函数，如图片上添加onclick=start();以此达到控制音频播放/暂停的效果