微信之ios端音频、视频自动播放

本文探讨了微信iOS端浏览器中实现音频、视频自动播放的方法。解析了weixinJSBridgeReady事件的失效原因,并提供了有效的多媒体播放代码示例。文章还讲解了如何通过配置验证触发wx.ready函数,以确保多媒体文件的顺利加载与播放。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ios 微信浏览器 多媒体自动播放

关于微信APIJS

weixinJSBridgeready这个事件,我注入在js代码库中,发现一个问题
监听这个事件,函数是不会执行的,我猜测微信那边应该是有修改,这个事件无效

 document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('music1').play();
    }, false);

有效的 微信多媒体播放代码为

我发现,不在同一个作用于域下的wx.config 并不会触发 wx.ready(function () { }), 若想使之生效,二者应在统一作用域下

// 先使用配置验证用来触发下面的ready
wx.config({
   wx.config({
       // 配置信息, 即使不正确也能使用 wx.ready
       debug: false,
       appId: '',
       timestamp: 1,
       nonceStr: '',
       signature: '',
       jsApiList: []
   });
})
// 经过上面配置验证后,会触发ready,从而执行多媒体播放事件
wx.ready(function(){
	// 若多媒体文件过大,可以先用另一个方法去加载,加载完成后再执行播放
	//不然就必须等待下载完成后才能播放,就会出现进入微信浏览器音频没有播放,等待几十秒或者几分钟后,音频开始播放的效果
	$('#audio')[0].play(); // 音频
})

微信之ios端音频、视频自动播放

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值