WXML:
<view class="index-bd" style="width: {{screenWidth}}px; height: {{screenHeight}}px;">
<live-player id="liveplayerDemo" src="rtmp://xxx.xx.xxx.xx:xxxx/hls/" mode="RTC" autoplay bindstatechange="statechange" style="width: {{screenWidth}}px; height: {{screenHeight}}px;" />
view>
播放
停止
静音
进入全屏
退出全屏
JS:
onShow:function(){
var that = this;
if (wx.createLivePlayerContext) {
that.data.LivePlayerContext = wx.createLivePlayerContext('liveplayerDemo');
console.log(that.data.LivePlayerContext);
}
},
playVideo:function(){
console.log('play----init', this.data.LivePlayerContext);
if (this.data.livePlayerContext){
this.data.livePlayerContext.play(); //找不到livePlayerContext下所有的方法,麻烦查下,IOS和android都是一样
}
}
PS:想通过js中wx.createLivePlayerContext API 来操作,live-player组件,目前情况是没办法通过js操作此组件,另外文档中能否有个demo一类的作为参考,很难理解,此API的this是啥东东。
@官方,麻烦帮忙看看。
在工具中将基础库设定为1.7.0以上。
this 倒是容易理解,就是 当前页面所属的 this 。
通过 这个 this ,找到当前页面的 元素。
举例来说,就是 你在2个页面 ,都定义了 player1 这个 domId ,那么 传入this 就可以区分到底找哪个。
关于实时音视频,我有一个帖子( https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0000a09e9dced09c84169ada15b000&token=64412741&lang=zh_CN )。。反正,一句话,就是 这个功能,至少在我看来,是 个实验室产品。