iOS 微信音视频自动播放 && 原生接口WeixinJSBridge API

最新推荐文章于 2023-12-27 12:07:21 发布

红孩儿2011

最新推荐文章于 2023-12-27 12:07:21 发布

阅读量561

点赞数

文章标签：前端

原文链接：https://blog.csdn.net/qq_45504161/article/details/99741844?utm_medium=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-OPENSEARCH-1.add_param_isCf

版权

文链接1:https://www.w3ctech.com/topic/1165
原文链接2:https://www.cnblogs.com/jasonduan/p/5635048.html

做一下整理. 方便查看, 如有具体需求请去原始链接查看

文章包括:

iOS 微信音视频自动播放的解决方案
微信一些原生接口的api
微信原生经过混淆的js api (提供链接自行查看)
**

iPhone手机音频、视频无法自动播放？
**

通过下面的方式可以解决，在iPhone手机微信中正常自动播放。

必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效，猜测微信接口做了处理~

测试了90%的iPhone机型，大部分直接调用audio的play方法就可以自动播放了，但是一些奇葩iPhone机不可以

<audio preload="preload" controls id="car_audio" src="http://media.xitaoinfo.com/ei_zamenjiehunba.mp3" loop></audio>
<video id="video" controls="" preload="none" mediagroup="myVideoGroup" poster="http://media.w3.org/2010/05/sintel/poster.png">
      <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
      <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
      <p>Your user agent does not support the HTML5 Video element.</p>
</video>
<!-- 必须加在微信api资源 -->
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
     //一般情况下，这样就可以自动播放了，但是一些奇葩iPhone机不可以
     document.getElementById('car_audio').play();
    //必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
    document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('car_audio').play();
        document.getElementById('video').play();
    }, false);
</script>