在使用微信小程序的直播组件时，请教如何优化一个简单但导致卡顿的height过渡动画-微信小程序开发 ...。存在这样一种情况，第一次进入当前页面，方法只会触发onReady，但是不会播放直播流，查看日志，也没有触发bindnetstatus方法，但是第二次进入的时候，直播流才会触发，才能播放当前流，该现象不定时出现，烦请官方帮忙查看定位下。
代码如下：
wxml:

房间号:{{home}}








js：
// pages/liveplay/liveplay.js
Page({
/**
* 页面的初始数据
*/
data: {
// office wifi ip:192.168.253.2
// home wifi ip 192.168.1.2
url:"",
isFullScreen:false,
//直播间房号
home:"",
},
statechange(e) {
console.log('live-player code:', e.detail.code)
},
fullscreen(){
if (this.data.isFullScreen){
console.log("quit fullscreent")
this.data.playerContext.requestFullScreen()
}else{
this.playContext.exitFullScreen();
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("跳转参数");
console.log(options);
if(options.home){
this.setData({
home:options.home,
})
}
if (options.url) {
this.setData({
url: options.url,
})
console.log("当前直播流地址:"+this.data.url)
}
},


/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
//achieve live component
this.data.playerContext = wx.createLivePlayerContext('mylive');
this.data.playerContext.play({
success(){
console.log("播放流成功")
},
fail(){
console.log("播放流失败")
}
});
},


/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
//this.data.playerContext.play();
},


/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},


/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},


/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},


/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},


/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
var parameters='?url='+this.data.url+'&home='+this.data.home;
return {
title: '直播邀请', // 转发标题（默认：当前微信小程序名称）
path: '/pages/liveplay/liveplay' + parameters, // 转发路径（当前页面 path ），必须是以 / 开头的完整路径
success(e) {
// shareAppMessage: ok,
// shareTickets 数组，每一项是一个 shareTicket ，对应一个转发对象
// 需要在页面onLoad()事件中实现接口
wx.showShareMenu({
// 要求微信小程序返回分享目标信息
withShareTicket: true
});
},
fail(e) {
// shareAppMessage:fail cancel
// shareAppMessage:fail(detail message)
},
complete() { }
}
}
})




微信小程序开发相关问题解答；本文来自微信小程序工厂 http://www.xcxgc.com 转载请保留。

本文网址：http://www.91bianli.com/kaifazhinan/71667.html