2019-01-29音频播放

js (native-0.9.15.js,jquery.min.js)

 var u = navigator.userAgent;
         var browser = {
             versions: function () {
                 return {   //移动终端浏览器版本信息
                     trident: u.indexOf('Trident') > -1, //IE内核
                     presto: u.indexOf('Presto') > -1, //opera内核
                     webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                     gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                     mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                     ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                     android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
                     iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                     iPad: u.indexOf('iPad') > -1, //是否iPad
                     webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
                 };
             }(),
             language: (navigator.browserLanguage || navigator.language).toLowerCase()
         };
         var ua = u.toLowerCase();//获取判断用的对象

         /*页面音乐*/
         function play_music() {
             //微信自动播放背景
             if (ua.match(/MicroMessenger/i) == "micromessenger") {//微信
                 document.addEventListener('WeixinJSBridgeReady', function () {
                     playM1();
                 });
             }

             //bbt自动播放背景
             if(bbtNative.isApp()){
                 bbtNative.ready(function () {
                     playM1();
                 });
             }
             //背景音乐按钮
             function playM() {
                 $('#music audio').each(function (index,el) {
                     el.pause();
                 });
                 $('#music audio')[pagen].play();
                 $('#music').attr('class','on');
             }
             function playM1() {
                 $('#music audio').each(function (index,el) {
                     el.play();
                     el.pause();
                 });

                 $('#music audio')[pagen].play();
                 $('#music').attr('class','on');
                 //alert(2)
             }
             playM();
         }

        play_music();

html

<a id="music" class="off">
    <audio id="bgaudio"  src="./images/1.mp3?v11" loop autoplay></audio>
    <audio   src="./images/3.mp3" loop ></audio>
    <audio  src="./images/2.mp3" loop ></audio>
</a>

猜你喜欢

转载自blog.csdn.net/weixin_34000916/article/details/86979908