html5微信浏览器背景音乐播放

Love The Way You Lie 2023-01-02 02:21 210阅读 0赞

参考：[https://blog.csdn.net/doutao6677/article/details/51768486][https_blog.csdn.net_doutao6677_article_details_51768486]

<!DOCTYPE html>
    <html>
    <head lang= "en" >
         <meta charset= "UTF-8" >
         <title>Audio auto play  in  mobile</title>
         <script src= "jquery-1.10.2.min.js" ></script>
    </head>
    <body>
         <audio preload= "preload"  id= "car_audio"  src= "music.mp3"  loop= "" ></audio>
    <script>
         setTimeout( function (){
             $(window).scrollTop(1);
         },0);
     
         /*音乐*/
      var  audio = $( '#car_audio' );
         var  isPlaying =  false ;
         function  playAudio() {
             var  audio = $( '#car_audio' );
             if  (audio.attr( 'src' ) == undefined) {
                 audio.attr( 'src' , audio.data( 'src' ));
             }
             audio[0].play();
             isPlaying =  true ;
         }
         $( function (){
             playAudio();
             document.addEventListener( "WeixinJSBridgeReady" ,  function  () {
                 WeixinJSBridge.invoke( 'getNetworkType' , {},  function  (e) {
                     network = e.err_msg.split( ":" )[1];   //结果在这里
      playAudio();
                 });
             },  false );
         })
    </script>
    </body>
    </html>

[https_blog.csdn.net_doutao6677_article_details_51768486]: https://blog.csdn.net/doutao6677/article/details/51768486

发表评论取消回复

表情：

评论列表（有 0 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关 html5微信浏览器背景音乐播放

参考：[https://blog.csdn.net/doutao6677/article/details/51768486][https_blog.csdn.net_douta

Love The Way You Lie/ 2023年01月02日 02:21/ 0 赞/ 211 阅读

相关音乐播放进度条html,微信原生小程序实现音乐播放进度条

audio标签、progress标签实现音乐播放进度条 HTML5 audio标签、progress标签实现音乐播放及进度条，通过拖动进度条更新播放进度。本次分享以功能实现为

野性酷女/ 2022年10月06日 07:56/ 0 赞/ 181 阅读

相关 html中bgsound背景音乐标签在浏览器里无法播放

1.原代码： <body>  <bgsound src=

待我称王封你为后i/ 2022年09月30日 10:50/ 0 赞/ 160 阅读

相关 H5 自动播放背景音乐

html: <audio id="audio" controls loop autoplay preload hidden>

- 日理万妓/ 2022年09月11日 13:26/ 0 赞/ 170 阅读

相关解决ios下的微信页面背景音乐无法自动播放问题

前言在做各种HTML5场景页面的时候，插入背景音乐是一个很普遍的需求。我们都知道，iOS下的safari是无法自动播放音乐的，以至一直以来形成了一种认知，iOS是无法自动播

小鱼儿/ 2022年08月22日 05:51/ 0 赞/ 276 阅读

相关兼容IE、FireFox等跨浏览器播放背景音乐 html

原文：[http://tsyouaschen.iteye.com/blog/709816][http_tsyouaschen.iteye.com_blog_709816]

男娘i/ 2022年06月12日 09:55/ 0 赞/ 178 阅读

相关 h5 audio 背景音乐播放开关控制

现在的活动h5基本都会有bgm的需求，下面提供一个通用的做法。 ![这里写图片描述][70] ![这里写图片描述][70 1] 上面是开关的按钮，页面刚加载进来的时

迈不过友情╰/ 2022年05月31日 07:50/ 0 赞/ 633 阅读

相关 html背景音乐

audio的自动播放在IE下生效，chrome和火狐不生效宽和高都设置为0，就隐藏了 <audio id="myaudio" class="media-audio" sr

野性酷女/ 2022年05月18日 01:07/ 0 赞/ 227 阅读

相关 HTML 5 网页播放音乐

我主要使用的是 audio 标签播放音乐,网上还有其他方法可以自行查找. 一个简单的案例: <audio src="a.mp3" autoplay loop>

谁借莪１个温暖的怀抱￠/ 2022年04月06日 15:24/ 0 赞/ 327 阅读

相关微信播放背景音乐

api->媒体->背景音频播放 wx.playBackgroundAudio({ dataUrl: '', titl

旧城等待，/ 2021年07月24日 15:53/ 0 赞/ 487 阅读