标签搜索

使用微信API实现H5页面播放音频

冷言
2023-05-20 / - 评论 / - 阅读

自己写的某个页面需要在微信里能自动播放音乐,但奈何在ios微信端里不能自动播放,,于是就找到了下面的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<audio hidden="hidden" id="audio">
        <source src="alcohol.mp3" type="audio/mp3">
        <embed height="50px" width="100px" src="alcohol.mp3">
    </audio>
    <script src=”http://libs.baidu.com/jquery/2.1.1/jquery.min.js”></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript">
     wx.config({
        debug: false,
        appId: 'wxcee5eba3aba35e35',
        timestamp: 1559524606,
        nonceStr: 'fd6e1bfe6ead430db24a9bba4afbbc5f',
        signature: '7f3c14f2817f58321e7cce1ecc7c682bc4ad95c2',
        jsApiList: [
            'checkJsApi',
            'getLocation'
        ]
    });
    // setTimeout("getLocation()","3000");
    wx.ready(function(){
   
    });
     Orderprocessing();
     function autoPlayAudio() {
        wx.ready(function() {
            // document.getElementById('audio').play();
            var vid = document.getElementById("audio");//获取音频对象
            vid.play();
        });
    }
     function Orderprocessing(){
        var vid = document.getElementById("audio");//获取音频对象
        var start = 0;//定义循环的变量
        var times=3;//定于循环的次数
        autoPlayAudio(vid);
        if(vid.paused) {
            vid.play();// 这个就是播放
        }
        vid.addEventListener("ended",function() {
            autoPlayAudio(vid);
            if(vid.paused)                     {
                vid.play();// 这个就是播放
            }
            start++;//循环
            start == times && vid.pause();//也就是当循环的变量等于次数的时候,就会终止循环并且关掉音频
        });
    }
    </script>
</body>
</html>

本代码只在微信里可以播放,在浏览器里不行。

替换音频:自行修改alcohol.mp3为你的音频即可,也可以为音频外链。

免费资源
文件下载
index.zip附件下载

文件: index.zip

文件大小:1.0 K

更新时间:2023-05-20 15:27:31

蓝奏云网盘下载

2

评论

博主关闭了本网站的评论