码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-04 14:05:03      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:audio   开始   src   浏览器   如何   网页   music   音频   使用   

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();以此达到控制音频播放/暂停的效果

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

标签:audio   开始   src   浏览器   如何   网页   music   音频   使用   

原文地址:https://www.cnblogs.com/azure-zero/p/13042708.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!