iOS 微信 音视频自动播放 && 原生接口WeixinJSBridge API(一些整理 & 小技巧)

原文链接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>

最近又发现一个问题,Android不能同时播放两个音频? @李猜猜回答:因为ready只会触发一次,所以不能播放多个音频。但是如果需要播放多个音频,其实只要调用一下eixinJSBridge进行包裹即可。 示例代码如下

function playAudio() {
    if (setting.autoplay) {
        if (window.WeixinJSBridge) {
            WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                audio.play();
            }, false);
        } else {
            document.addEventListener("WeixinJSBridgeReady", function () {
                WeixinJSBridge.invoke('getNetworkType', {}, function (e) {
                    audio.play();
                });
            }, false);
        }
        audio.play();
    } else {
        audio.pause();
    }
    return false;
}

**

微信WeixinJSBridge API

**
提供一些 别人整理好的api , 在微信官方文档 没找到

<!DOCTYPE html>
<html>
 <head>
  <title>微信WeixinJSBridge API</title>
  <meta charset="utf-8" />
  <script type="text/javascript">
(function(){
var a=document.getElementsByTagName("html")[0];
window.Session={appDomain:a.getAttribute("data-app-domain")||"",staticDomain:a.getAttribute("data-static-domain")||""}
})();
  
window.registNS=function(fullNS,isIgnorSelf){
var reg=/^[_$a-z]+[_$a-z0-9]*/i;var nsArray=fullNS.split(".");
var sEval="";
var sNS="";
var n=isIgnorSelf?nsArray.length-1:nsArray.length;
for(var i=0;i<n;i++){
    if(!reg.test(nsArray[i])){throw new Error("Invalid namespace:"+nsArray[i]+"");
    return
    }
    if(i!=0){sNS+="."}
    sNS+=nsArray[i];
    sEval+="if(typeof("+sNS+")=='undefined') "+sNS+"=new Object();
    else "+sNS+";"
}
if(sEval!=""){
return eval(sEval)
}
return{}
  
};
  
</script>
 </head>
 <body>
  <section class="mod-page-body">
   <div class="mod-page-main wordwrap clearfix">
    <div class="mod-pageheader"></div>
    <div class="mod-pagecontent">
     <div class="mod-weixinjsapi">
      <div class="x-desc">
       微信客户端自带的Js Api:WeixinJSBridge
      </div>
      <div id="WeixinJsApi">
       <input type="button" id="imagePreview" value="图片预览" />
       <input type="button" id="profile" value="查看profile" />
       <a href="weixin://profile/gh_412d74fbb474">企业微信小助手</a>
       <input type="button" id="shareWeibo" value="分享微博" />
       <input type="button" id="shareFB" value="分享facebook" />
       <input type="button" id="addContact" value="添加联系人" />
       <input type="button" id="scanQRCode" value="扫描二维码" />
       <input type="button" id="jumpToBizProfile" value="跳转到指定公众账号页面" />
       <input type="button" id="toggleMenuBtn" value="隐藏右上角按钮" />
       <input type="button" id="toggleToolbar" value="隐藏底部导航栏" />
       <input type="button" id="getNetType" value="获取网络状态" />
       <input type="button" id="closeWindow" value="关闭" />
       <input type="button" id="getBrandWCPayRequest" value="发起公众号微信支付" />
       <input type="button" id="setPageState" value="设置页面状态" />
       <input type="button" id="sendEmail" value="发邮件" />
       <input type="button" id="openSpecificView" value="微信团队打开webView,跳到指定页面" />
       <input type="button" id="getCanIAPPay" value="getCanIAPPay" />
       <input type="button" id="getBrandIAPPayRequest" value="发起公众号IAP支付" />
       <input type="button" id="openUrlByExtBrowser" value="用safari打开指定链接" />
       <input type="button" id="openProductView" value="跳转微信商品页" />
       <input type="button" id="openLocation" value="查看地理位置" />
       <input type="button" id="timelineCheckIn" value="朋友圈签到" />
       <input type="button" id="getBrandWCPayCreateCreditCardRequest" value="开通微信信用卡" />
       <input type="button" id="geoLocation" value="获取地理位置" />
       <input type="button" id="getInstallState" value="获取某app是否安装" />
       <input type="button" id="editAddress" value="公众号编辑收货地址" />
       <input type="button" id="getLatestAddress" value="公众号获取最近的收货地址" />
       <input type="button" id="launch3rdApp" value="启动第三方APP" />
       <input type="button" id="jumpWCMall" value="跳转微信商品购买界面" />
       <input type="button" id="addEmoticon" value="添加表情" />
       <input type="button" id="cancelAddEmoticon" value="取消下载某表情" />
       <input type="button" id="hasEmoticon" value="查询是否存在某表情" />
      </div>
     </div>
    </div>
   </div>
  </section>
  <script>
function onBridgeReady() {
    WeixinJSBridge.on('menu:share:appmessage', function(argv)
    {
        WeixinJSBridge.invoke('sendAppMessage',{
                    "link":"http://m.exmail.qq.com/",
                    "desc":"desc",
                    "title":"title for WeiXinJsBridge"
        }, function(res) {
            WeixinJSBridge.log(res.err_msg);
        });
    });
    WeixinJSBridge.on('menu:share:timeline', function(argv)
    {
    WeixinJSBridge.invoke("shareTimeline",{
        "link":"http://m.exmail.qq.com",
        "img_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png",
        "img_width":"172",
        "img_height":"40",
        "desc":"i am description",
        "title":"just test from WeixinJsBridge"
        },
        function(e){
        alert(e.err_msg);
        })
    });
}
  
if (typeof WeixinJSBridge === "undefined"){
    if (document.addEventListener){
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
    }
}else{
    onBridgeReady();
}
  
    var menuHidden=!1,toolbarHidden=!1,netType={"network_type:wifi":"wifi网络","network_type:edge":"非wifi,包含3G/2G","network_type:fail":"网络断开连接","network_type:wwan":"2g或者3g"};
    document.addEventListener("WeixinJSBridgeReady",function(){
            document.getElementById("imagePreview").addEventListener(
            "click",function(){
                                WeixinJSBridge.invoke("imagePreview",{
                "urls":[
                "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png",
                "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png",
                "http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_workStyle1ca3fe.png"
                ],
                "current":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png"
                })
                        },!1),
        document.getElementById("profile").addEventListener(
            "click",function(){
                alert("profile clicked");
                WeixinJSBridge.invoke("profile",{
                    "username":"gh_412d74fbb474",
                    "nickname":"企业微信小助手"   
                })
            },!1),
        document.getElementById("shareWeibo").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("shareWeibo",{
                    "type":"link",
                    "link":"http://m.exmail.qq.com"
                },
                function(e){
                    alert(e.err_msg);
                })
            },!1),
        document.getElementById("shareFB").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("shareFB",{
                    "link":"http://m.exmail.qq.com"
                })
            },!1),
        document.getElementById("scanQRCode").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("scanQRCode",{
                })
            },!1),
        document.getElementById("addEmoticon").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("addEmoticon",{
                    "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png",
                    "thumb_url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/logo1ca3fe.png"
  
                },
                function(e){
                                        alert(e.err_msg);
                                })
            },!1),
        document.getElementById("cancelAddEmoticon").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("cancelAddEmoticon",{
                    "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png"
  
                },
                function(e){
                                        alert(e.err_msg);
                                })
            },!1),
        document.getElementById("hasEmoticon").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("hasEmoticon",{
                    "url":"http://rescdn.qqmail.com/bizmail/zh_CN/htmledition/images/bizmail/v3/icons_features1ca3fe.png"
  
                },
                function(e){
                                        alert(e.err_msg);
                                })
            },!1),
        document.getElementById("addContact").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("addContact",{
                    "webtype":"1",
                    "username":"gh_412d74fbb474"
                },
                function(e){
                    alert(e.err_msg);
                })
            },!1),
        document.getElementById("jumpToBizProfile").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("jumpToBizProfile",{
                    "tousername":"gh_2248a2ade13e"
                },
                function(e){
                    alert(e.err_msg);
                })
            },!1),
        document.getElementById("toggleMenuBtn").addEventListener(
            "click",function(){
                menuHidden?
                (WeixinJSBridge.call("showOptionMenu"),menuHidden=!1,this.value="隐藏右上角按钮")
                :
                (WeixinJSBridge.call("hideOptionMenu"),menuHidden=!0,this.value="显示右上角按钮")
            },!1),
        document.getElementById("toggleToolbar").addEventListener(
            "click",function(){
                toolbarHidden?
                (WeixinJSBridge.call("showToolbar"),toolbarHidden=!1,this.value="隐藏底部导航栏")
                :
                (WeixinJSBridge.call("hideToolbar"),toolbarHidden=!0,this.value="显示底部导航栏")
            },!1),
        document.getElementById("getNetType").addEventListener(
            "click",function(){
                WeixinJSBridge.invoke("getNetworkType",{},
                    function(e){
                        alert(netType[e.err_msg])
                    })
            },!1),
         document.getElementById("closeWindow").addEventListener(
                        "click",function(){
                                WeixinJSBridge.invoke("closeWindow",{},function(e){})
                        },!1),
        document.getElementById("getBrandWCPayRequest").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("getBrandWCPayRequest",{
                "appId" : "wxf8b4f85f3a794e77", //公众号名称,由商户传入
                "timeStamp" : "189026618", //时间戳 这里随意使用了一个值
                "nonceStr" : "adssdasssd13d", //随机串
                "package" :
                "body=xxx&fee_type=1&input_charset=GBK&notify_url=http&out_trade_no=16642817866003386000&partner=1900000109&return_url=http&spbill_create_ip=127.0.0.1&total_fee=1&sign=273B7EEEE642A8E41F27213D8517E0E4", //扩展字段,由商户传入
                "signType" : "SHA1", //微信签名方式:sha1
                "paySign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8" //微信签名
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("setPageState").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("setPageState",{
                "state" : "1"
                })
            },!1),
  
        document.getElementById("sendEmail").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("sendEmail",{
                "title" : "title!",
                "content" : "i am an Email!", //时间戳 这里随意使用了一个值
                },
                function(e){
        //          alert(e.err_msg)
                })
            },!1),
        document.getElementById("openSpecificView").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("openSpecificView",{
                "specificview" : "contacts"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("getCanIAPPay").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("getCanIAPPay",{  },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("getBrandIAPPayRequest").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("getBrandIAPPayRequest",{
                "appId" : "wxf8b4f85f3a794e77", //公众号名称,由商户传入
                "timeStamp" : "189026618", //时间戳 这里随意使用了一个值
                "nonceStr" : "adssdasssd13d", //随机串
                "package" : "bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign=CF8922F49431FFE8A1834D0B32B25CE3",
                //扩展字段,由商户传入
                "signType" : "SHA1", //微信签名方式:sha1
                "paySign" : "1e6f13f78ca0ec43fbb80899087f77568af66987" //微信签名
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("openLocation").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("openProductView",{  
                "latitude" : 23.113, //纬度
                "longitude" : 113.23, //经度
                "name" : "TIT创意园", //POI名称
                "address" : "广州市海珠区新港中路397号", //地址
                "scale" : 14, //地图缩放级别
                "infoUrl" : "http://weixin.qq.com/", //查看位置界面底部的超链接               
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("timelineCheckIn").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("timelineCheckIn",{  
                "img_url": "http://mmsns.qpic.cn/mmsns/RLllkTm3DUdV24xbZnKicx9jJWxXI0Bq84zzbtibGuRyk/0", // 分享到朋友圈的缩略图
                "img_width": "640", // 图片的长度
                "img_height": "640", // 图片高度
                "link": "http://news.qq.com/zt2012/cxkyym/index.htm", // 连接地址
                "desc": "这个是描述啊啊", // 描述
                "title": "朝鲜称中国渔船越界捕捞", // 分享标题
                "latitude" : 23.113, //纬度
                "longitude" : 113.23, //经度
                "poiId" : "dianping_2331037", //商户id
                "poiName" : "TIT创意园", //POI名称
                "poiAddress" : "广州市海珠区新港中路397号", //地址
                "poiScale" : 14, //地图缩放级别
                "poiInfoUrl" : "http://weixin.qq.com/" //查看位置界面底部的超链接
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("geoLocation").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("geoLocation",{  
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("getBrandWCPayCreateCreditCardRequest").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("getBrandWCPayCreateCreditCardRequest",{ 
                "appId" : "wxf8b4f85f3a794e77", //公众号名称,由商户传入
                "timeStamp" : "189026618", //时间戳 这里随意使用了一个值
                "nonceStr" : "adssdasssd13d", //随机串
                "package" : "bankType=CITIC_CREDIT&bankName=%e4%b8%ad%e4%bf%a1%e9%93%b6%e8%a1%8c&sign= CF8922F49431FFE8A1834D0B32B25CE3",
                //扩展字段,由商户传入
                "signType" : "SHA1", //微信签名方式:sha1
                "paySign" : "1e6f13f78ca0ec43fbb80899087f77568af66987" //微信签名
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("getInstallState").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("getInstallState",{  
                    "packageUrl":"teamcircle://"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("openProductView").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("openProductView",{  
                    "productInfo":"json"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("getLatestAddress").addEventListener(
                "click",function(){
                WeixinJSBridge.invoke("getLatestAddress",{ 
                    "appId" : "wxf8b4f85f3a794e77", //公众号名称,由商户传入
                    "timeStamp" : "189026618", //时间戳 这里随意使用了一个值
                    "nonceStr" : "adssdasssd13d", //随机串
                    "signType" : "SHA1", //微信签名方式:sha1
                    "addrSign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8", //微信签名
                    "scope"    : "snsapi"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("editAddress").addEventListener(
                "click",function(){
                WeixinJSBridge.invoke("editAddress",{  
                    "appId" : "wxf8b4f85f3a794e77", //公众号名称,由商户传入
                    "timeStamp" : "189026618", //时间戳 这里随意使用了一个值
                    "nonceStr" : "adssdasssd13d", //随机串
                    "signType" : "SHA1", //微信签名方式:sha1
                    "addrSign" : "b737015b5b1eabe5db580945a07eac08c7bb55f8", //微信签名
                    "scope"    : "snsapi"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("launch3rdApp").addEventListener(
                "click",function(){
                WeixinJSBridge.invoke("launch3rdApp",{ 
                    "appId" : "wx5823bf96d3bd56c7", //公众号名称,由商户传入
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("jumpWCMall").addEventListener(
                "click",function(){
                WeixinJSBridge.invoke("jumpWCMall",{   
                    "appId" : "wx5823bf96d3bd56c7", //公众号名称,由商户传入
                    "funcId":"1000"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1),
        document.getElementById("openUrlByExtBrowser").addEventListener(
            "click",function(){
            WeixinJSBridge.invoke("openUrlByExtBrowser",{
                "url" : "http://m.exmail.qq.com"
                },
                function(e){
                    alert(e.err_msg)
                })
            },!1)
        }
    );
</script>
 </body>
</html>

**

微信原生经过混淆的js api

**

链接:https://res.wx.qq.com/open/js/jweixin-1.3.2.js

感兴趣的可以自行格式化 看看 .不过 看起来比较困难就是了.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值