开关背景音乐

1、兼容ios和安卓背景音乐自动播放

$(document).ready(function(){ autoPlayMusic(); audioAutoPlay(); }); function audioAutoPlay() { var audio = document.getElementById('bg-music'); audio.play(); document.addEventListener("WeixinJSBridgeReady", function () { audio.play(); }, false); }

        // 音乐播放

        function autoPlayMusic() {

        // 自动播放音乐效果,解决浏览器或者APP自动播放问题

        function musicInBrowserHandler() { musicPlay(true); document.body.removeEventListener('touchstart', musicInBrowserHandler); } document.body.addEventListener('touchstart', musicInBrowserHandler);

        // 自动播放音乐效果,解决微信自动播放问题

        function musicInWeixinHandler() { musicPlay(true); document.addEventListener("WeixinJSBridgeReady", function () { musicPlay(true); }, false); document.removeEventListener('DOMContentLoaded', musicInWeixinHandler); } document.addEventListener('DOMContentLoaded', musicInWeixinHandler); } function musicPlay(isPlay) { var media = document.querySelector('#bg-music'); if (isPlay && media.paused) { media.play(); } if (!isPlay && !media.paused) { media.pause(); } }

2、点击开关按钮


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,154评论 0 2
  • 一直想开通一个blog,但是由于工作太忙(此处写给领导看),还有自己的有三个原因,一是懒,二是懒,三是懒,把这个事...
    Luc汤阅读 17,617评论 12 18
  • AMD 和 CMD 的区别有哪些?AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 3,966评论 0 1
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 7,218评论 1 5
  • 第八章 慈悲心 在别的传承中,魔障是需要驱走的。我的传承却主张以悲心来接纳魔障。 ———...
    小小熊宝阅读 3,790评论 0 0