我现在还有这个问题,全屏后退出全屏,样式错乱。并且,全屏时点击暂停,退出全屏时,画面会黑屏。请问你们解决了吗?
live-player直播组件使用遇到的几个问题一、文档上提供的接口不生效: ios手机上无法停止播放,代码如下: [代码]onReady() {[代码][代码] [代码][代码]this[代码][代码].playerContext = wx.createLivePlayerContext([代码][代码]'myLive'[代码][代码]);[代码][代码]},[代码][代码]handleStop() {[代码][代码] [代码][代码]if[代码] [代码]([代码][代码]this[代码][代码].data.isPlay) {[代码][代码] [代码][代码]this[代码][代码].playerContext.stop({[代码][代码] [代码][代码]success(){[代码][代码] [代码][代码]console.log([代码][代码]"stop success!"[代码][代码]);[代码][代码] [代码][代码]},[代码][代码] [代码][代码]fail(){[代码][代码] [代码][代码]console.log([代码][代码]"stop fail!"[代码][代码]);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]});[代码][代码] [代码][代码]}[代码][代码]}[代码]手机调试无法打印stop success!和stop fail! stop接口执行了但也无法打印成功失败的语句, 在安卓手机上也会偶尔出现无法停止播放的情况。 二、实测live-player标签上catchtap点击事件在 IOS不生效: 安卓机上能生效 三、全屏后点击退出全屏,出现样式错乱: 包括video组件也是这样,css就是使用了基本的flex布局,错乱时需触发一下其他事件才能恢复,比如此时点击一下vConsole,错乱现象就恢复正常了。 [图片]
2019-02-19同问,解决了吗,全屏后真的是各种问题,IOS全屏前cover-view可以覆盖在live-player上,全屏后就不能覆盖了。
live-palyer ios 全屏错位- 当前 Bug 的表现(可附上截图) 非全屏[图片] 全屏[图片] - 预期表现 - 复现路径 - 提供一个最简复现 Demo index.wxml页面 <view class='container-box'> <view class='camera-view'> <live-player style="width: 100%;height: 100%;" id="camera-player" src="rtmp://192.168.2.50:1937/camera/2" mode="RTC" orientation="vertical" object-fit="contain" background-mute="false" autoplay='true' bindstatechange="onCameraPlayEvent" bindfullscreenchange="cameraFullscreenChange"> <cover-image class="button_bottom" src="../../images/full.png" bindtap='cameraFullscreenClick'></cover-image> </live-player> </view> <view style='height:0.5%;'></view> <view class='camera-view'> <live-player style="width: 100%;height: 100%;" id="camera-player1" src="" mode="RTC" orientation="vertical" object-fit="contain" background-mute="false" autoplay='false' indstatechange="onCamera1PlayEvent" bindfullscreenchange="camera1FullscreenChange"> <cover-image class="button_bottom" src="../../images/full.png" bindtap='camera1FullscreenClick'></cover-image> </live-player> </view> </view> index.js Page({ /** * 页面的初始数据 */ data: { firstshow: true, cameraData: { cameraPlayUrl: '', cameraPlayCxt: {}, isFullscreen: false, }, camera1Data: { cameraPlayUrl: '', cameraPlayCxt: {}, isFullscreen: false, }, mute: false, }, onCameraPlayEvent: function (ret) { this.playEvent(ret.detail.code); }, onCamera1PlayEvent: function (ret) { this.playEvent(ret.detail.code); }, playEvent(code) { }, cameraFullscreenChange: function () { this.setData({ ['cameraData.isFullscreen']: !this.data.cameraData.isFullscreen }); }, camera1FullscreenChange: function () { this.setData({ ['cameraData1.isFullscreen']: !this.data.cameraData1.isFullscreen }); }, cameraFullscreenClick: function () { console.log(1); if (this.data.cameraData.isFullscreen) { this.data.cameraData.cameraPlayCxt.exitFullScreen(); } else { this.data.cameraData.cameraPlayCxt.requestFullScreen({ direction: 90 }); } }, camera1FullscreenClick: function () { console.log(1); if (this.data.cameraData1.isFullscreen) { this.data.cameraData1.cameraPlayCxt.exitFullScreen(); } else { this.data.cameraData1.cameraPlayCxt.requestFullScreen({ direction: 90 }); } }, createPlayCxt: function () { this.setData({ ['cameraData.cameraPlayCxt']: wx.createLivePlayerContext('camera-player'), ['cameraData1.cameraPlayCxt']: wx.createLivePlayerContext('camera-player1'), }) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { var self = this; this.createPlayCxt(); this.data.firstshow = false; }, /** * 生命周期函数--监听页面显示 */ onShow: function () { var self = this; // 保持屏幕常亮 wx.setKeepScreenOn({ keepScreenOn: true }) }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { console.log("onhide"); }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, }) index.css page{ background-color:#f3f3f3; } .container-box{ height: 100vh; width: 100%; } .camera-view{ /* height: 54.5%; */ height: 30.5%; } .camera-blank{ height: 0.5%; } .button_bottom { position: absolute; top:0px; left: 0px; z-index: 11111; width: 48px; height: 48px; display:inline-block; }
2019-02-13敢问楼主找到原因了吗。我们也出现这个问题。太奇怪了。
IOS 设备 cover-view 无法覆盖 live-player- 当前 Bug 的表现(可附上截图) 在 ios 设备上,在播放器右下角未展示全屏按钮(图片),如下图: [图片] 在 Android 设备上显示正常,如下图: [图片] - 预期表现 在 ios 和 android 设备上都可以正常展示全屏按钮。 - 测试过程 1,在 cover-image 上绑定了 imgLoadError 和 imgLoadSuccess 方法检测按钮图片是否正常加载,结论是两个设备都提示图片加载成功,所以不是加载问题。 2,在代码中删除 live-player 相关代码之后,均可看到全屏按钮图片。 综上,怀疑是因为在 ios 设备上 cover-view 或者 cover-image 未完全覆盖在 live-player 原生组件之上导致此问题。 - 相关代码: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"live-container"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]live-player[代码] [代码]class[代码][代码]=[代码][代码]"live"[代码][代码] [代码][代码]id[代码][代码]=[代码][代码]"live"[代码][代码] [代码][代码]src[代码][代码]=[代码][代码]"{{ live.flv_stream }}"[代码][代码] [代码][代码]mode[代码][代码]=[代码][代码]"live"[代码] [代码] [代码][代码]background-mute[代码][代码]=[代码][代码]"true"[代码][代码] [代码][代码]bindstatechange[代码][代码]=[代码][代码]"stateChange"[代码][代码] [代码][代码]bindfullscreenchange[代码][代码]=[代码][代码]"fullScreenChange"[代码][代码] [代码][代码]binderror[代码][代码]=[代码][代码]"error"[代码][代码] [代码][代码]bindtap[代码][代码]=[代码][代码]"toggleToolBar"[代码][代码] [代码][代码]/>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]hidden[代码][代码]=[代码][代码]"{{ !isFullScreen }}"[代码][代码] [代码][代码]bindtap[代码][代码]=[代码][代码]"exitFullscreen"[代码][代码] [代码][代码]class[代码][代码]=[代码][代码]"live-tool-bar-fullscreen"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-image[代码][代码] [代码][代码]class[代码][代码]=[代码][代码]"fullscreen"[代码][代码] [代码][代码]mode[代码][代码]=[代码][代码]"widthFix"[代码][代码] [代码][代码]src[代码][代码]=[代码][代码]"../../static/icons/live_back_icon.png"[代码][代码] [代码][代码]/>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]style[代码][代码]=[代码][代码]"display:{{ isFullScreen ? 'none' : 'block' }}"[代码][代码] [代码][代码]bindtap[代码][代码]=[代码][代码]"fullscreen"[代码][代码] [代码][代码]class[代码][代码]=[代码][代码]"live-tool-bar"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-image[代码][代码] [代码][代码]class[代码][代码]=[代码][代码]"fullscreen"[代码][代码] [代码][代码]mode[代码][代码]=[代码][代码]"widthFix"[代码][代码] [代码][代码]src[代码][代码]=[代码][代码]"../../static/icons/fullscreen_icon.png"[代码][代码] [代码][代码]/>[代码][代码] [代码][代码]</[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]view[代码][代码]>[代码]
2019-02-12同样需求,请问兄弟你解决了吗?
小程序 组件 behaviors 的externalClasses 没用- 需求的场景描述(希望解决的问题) - 希望提供的能力 behavior 里面可以统一配置 externelClasses
2019-01-23楼主现在这个问题解决了吗,申请的什么资质。
教育类直播资质,请贵方快速解答我们公司的直播就是升学规划领域的知识分享,也不收费。讲课的老师也是公司合法的员工。 我们去找北京文化局办理网络文化许可证(表演类的)压根不搭理我们。 另外我看到论坛里面说添加文娱-视频类目,提供网络文化许可证(音乐娱乐产品)的资质就可以直播。 请贵方确定是否可以。[图片]
2019-01-15请问楼主解决这个问题了吗,我现在也有类似的需求。
视频监看类需求-服务类目选择- 需求的场景描述(希望解决的问题) 我们要做特定场景(公司、园区、道路)视频监控的项目,有通过小程序实现快速监看的需求。 - 希望提供的能力 目前使用音视频组件实现rtmp流直播需要选社交-直播,所需的资质要求过高,能否增加我们这类场景的类目?
2019-01-15