live-player-plugin插件,并获取其AppID。具体步骤如下: 登录微信公众平台。点击设置中的第三方设置 -> 添加插件。点击小程序直播组件,获取其AppID。2. 在uniapp项目中配置插件 在uniapp项目中,你需要在manifest.json文件中配置该插件。具体配置方式如下:
//#ifdef MP-WEIXINthis.videoContext = uni.createLivePlayerContext('live-video');this.videoContext.requestFullScreen({ direction:90});this.btnToggle =true;//#endif},//退出全屏quitFullScreen() {//#ifdef APP-PLUSthis.videoContext = uni.createVideoContext('myVideo');this.videoContext.exitFullSc...
orientation:horizontal 第一种就是创建live-player上下文livePlayerContext对象,如同video的全屏一样,会铺满整个屏幕,并覆盖原来页面上的东西。 第二种则是live-player组件的属性orientation,设置画面方向,可以将画面直接变成横向播放,不会有覆盖的问题 最终选择了第一种,使用livePlayerContext进行全屏,考虑的点也有两个: ...
支持在主包或分包内引入【直播组件】 live-player-plugin 代码包,不要改变provider的appId (1) 主包引入 "plugins":{"live-player-plugin":{"version":"1.2.4",// 注意填写该直播组件最新版本号,微信开发者工具调试时可获取最新版本号(复制时请去掉注释)"provider":"wx2b03c6e691cd7370"// 必须填该直播组...
为了在小程序中播放rtmp直播流,研究了下小程序的live-player控件,首先必须在小程序后台开通权限才可以播放视频,个人账号暂时没有权限,必须是公司账号,需要在小程序后台的服务类目设置相应的类目,具体类目可以看文档,设置好类目之后在开发中的接口设置中打开实时播放音视频流,这样你才能够看到视频。
App的实时音视频播放,不是使用 live-player,而是直接使用 video 组件。 关键属性: mode:live(直播),RTC(实时通话,该模式时延更低) sound-mode:声音输出方式;可选值speaker扬声器、ear听筒 object-fit :contain-图像长边填满屏幕,短边区域会被填充;fillCrop-图像铺满屏幕,超出显示区域的部分将被截掉 ...
live-player 支持 app不支持 百度小程序支持 m3u8 格式;微信小程序支持 flv, rtmp 格式 所以决定微信小程序使用liveplayer,app中使用video 注意:使用live-player 组件需注意:如果发布到小程序,需要先通过各家小程序的审核。指定类目的小程序才能使用(微信小程序类目、百度小程序类目),审核通过后在各家小程序管理后台...
uniapp live-player横屏功能笔记 需求背景：点击全屏按钮使得原本竖屏的直播变成横屏状态，并在横屏中显⽰⾃定义的控件。这⾥的需求是点击按钮进⾏全屏翻转，⽽不需要做监听翻转，所以⽅法相对简单⼀些。开发核⼼点 如何横屏？⼀开始我有以下两种⽅向 uni.createLivePlayerContext()orientation：...
我现在是把live-player封装成了一个组件，我把这个组件放置在一个绝对定位的容器内，也是可行的吗 ...
思路: 点击刷新时,用v-if将video元素隐藏,改变一个值,并在watch里监听这个值,值改变的时候 <live-player id="live-video" :src="dataObj.serverAddress" v-if="showV