methods: {//进入全屏fullScreen() {//#ifdef APP-PLUSthis.videoContext = uni.createVideoContext('myVideo');this.videoContext.requestFullScreen();this.btnToggle =true;//#endif //#ifdef MP-WEIXINthis.videoContext = uni.createLivePlayerContext('live-video');this.videoContext.requestFullScreen({ ...
第一种就是创建live-player上下文livePlayerContext对象,如同video的全屏一样,会铺满整个屏幕,并覆盖原来页面上的东西。 第二种则是live-player组件的属性orientation,设置画面方向,可以将画面直接变成横向播放,不会有覆盖的问题 最终选择了第一种,使用livePlayerContext进行全屏,考虑的点也有两个: 横屏之后面上的控件是...
你好,请问怎么解决的?
你好,使用原生小程序会有这个问题吗?若还有问题麻烦提供出现问题的具体机型、微信版本号、系统版本号,...
为了在小程序中播放rtmp直播流,研究了下小程序的live-player控件,首先必须在小程序后台开通权限才可以播放视频,个人账号暂时没有权限,必须是公司账号,需要在小程序后台的服务类目设置相应的类目,具体类目可以看文档,设置好类目之后在开发中的接口设置中打开实时播放音视频流,这样你才能够看到视频。
支持在主包或分包内引入【直播组件】 live-player-plugin 代码包,不要改变provider的appId (1) 主包引入 "plugins":{"live-player-plugin":{"version":"1.2.4",// 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)"provider":"wx2b03c6e691cd7370"// 必须填该直播组...
uniapplive-player横屏功能笔记需求背景:点击全屏按钮使得原本竖屏的直播变成横屏状态,并在横屏中显示自定义的控件。 这里的需求是点击按钮进行全屏翻转,而不需要做监听翻转,所以方法相对简单一些。开发核心点如何横屏?一开始我有以下两种方向uni.createLivePlayerContext()orientation:horizontal第一种就是创建live-player...
live-player 是原生组件,层级高于前端组件,请勿在 scroll-view、swiper、picker-view、movable-view 中使用 小程序下覆盖live-player需要使用cover-view。详见 live-player 组件相关 JS API:createLivePlayerContext 小程序平台使用live-player有审核限制,请注意参考各家文档。 App端使用直播,推荐nvue页面下用video组件,可...
因为live-player 没有全屏和退出的按钮,使用使用cover-view 给他加上一个退出全屏的按钮 代码语言:javascript 复制 // 进入全屏fullScreen(){// #ifdef APP-PLUS// const subNvue=uni.getSubNVueById('popup'); //获取// subNvue.show() // 显示this.videoContext=uni.createVideoContext('myVideo');//...
4.为什么出现黑屏/画面卡住? 您可以检查我们小程序 demo 左下方的控制面板。打开 debug 选项,可以在界面上看到详细的推拉流信息,如果没有推拉流的信息则是未进房成功或是 live-pusher,live-player 创建失败。以下是我们控制面板的介绍 参数含义 appVersion微信版本号 ...