利晶设计机构博客

关注研究网站设计及SEO网站优化技术!致力于为客户提供最专业、最有效的全方面网站设计解决方案。

订阅RSS

手机网站触摸屏事件自动播放音乐的代码

类别:网站前端开发    时间:2016-02-26

这个搞了两天终于搞定,网站的资料,不知道查了多少。分享给大家,原理就是打开手机网站的事情,用户会触摸屏幕,然后影响音乐事件!

<audio id="bgmusic" src="sound/s1.mp3" preload="auto" autoplay="autoplay" loop="loop"></audio>
<script>
var content = document.querySelector(".content");
content.addEventListener("touchstart", function(e){
       //e.preventDefault();
    loadbgmusic();
})
content.addEventListener("click", function(e){
  loadbgmusic();
});
 var loadbgmusic = function() {
  var audio = document.getElementById('bgmusic');
  if(audio.paused){
   audio.load();
   audio.play();
  }
 };
</script>

转载声明:
原载:利晶科技博客 - 关注研究最新网站设计技术及SEO网站优化!
本文链接:http://www.ljun.net/blog/35.html
如需转载必须以链接形式注明原载或原文地址,谢谢合作!

文章分类

服务项目

友情链接

Copyright © 2006-2012 利晶设计机构 版权所有