uni-app 使用 live-pusher 1. uni-app框架及其特点 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,它支持编译为 H5、App(iOS/Android)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉等)等多个平台。uni-app 通过一套代码,可以同时发布到 iOS、Android、以及各种小程序等多个平台,真正实现一次编写,多...
pusherInit() { // 获取当前窗口 const currentWebview = this.$mp.page.$getAppWebview(); // 创建推流,url不填写代表不上传 this.pusher = plus.video.createLivePusher('livepusher',{ url: '', top: '10%', left: '15%', width: '70%', height: '300px', position: 'absolute', muted: ...
this.context = uni.createLivePusherContext('livePusher', this); }, onLoad() { // 获取可视区域高度,减去固定高度 this.pusherCalss.width = wx.getSystemInfoSync().windowWidth; this.pusherCalss.height = wx.getSystemInfoSync().windowHeight; }, mounted() { // 一进页面,先调用摄像头,保证摄像头...
uni-app可以调用plus的api操作扩展能力,这块很简单,在app的条件编译里直接写就好了,也不需要plus ready。 但是HTML5 里有很多原生的可视化控件,包括map、video、livepusher、barcode、nview(包括原生头、原生tab),获取这些对象和操作他们需要有特殊写法。 5+app开发时,我们可以用plus.webview.currentWebview获取当前页...
于是参考别人的写法,看到有一个live-pusher直播流组件,用nvue写就可以兼容app。 技术拆分: 1.小程序端使用camera组件。页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机。 2.App端使用直播推流live-pusher组件,官方上说:如app平台的vue页面需要支持直播推流,需编写条件编译代码, ...
设置live-pusher组件的推流地址,推流视频模式等。 属性类型默认值必填说明平台差异说明 urlstring是推流地址,支持RTMP协议。 modestringSD否推流视频模式,可取值:SD(标清), HD(高清), FHD(超清)。 aspectstring3:2否视频宽高比例 mutedBooleanfalse否是否静音。
uni.createLivePusherContext(livePusherId, this) 创建live-pusher 上下文 livePusherContext 对象。 平台差异说明 AppH5微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序QQ小程序快手小程序 见下 x √ x x x √ x app-nvue 平台 2.2.5+ 支持 uni.createLivePusherContext(livePusherId, this) app...
//可选,JSON对象,LivePusher(直播推流) "description":"直播推流" }, "Maps":{ //可选,JSON对象,Maps(地图) "description":"地图" }, "Messaging":{ //可选,JSON对象,Messaging(短彩邮件消息) "description":"短彩邮件消息" }, "OAuth":{ ...
live-pusher(仅微信小程序、百度小程序、app-nvue支持,app-vue使用plus.video.LivePusher可实现推流) cover-view cover-image 混合渲染模式下原生组件的使用限制 由于原生组件脱离在 WebView 渲染流程外,因此在使用时有以下限制: 原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原...
1.小程序端使用camera组件。页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机。 2.App端使用直播推流live-pusher组件,官方上说:如app平台的vue页面需要支持直播推流,需编写条件编译代码, 使用plus.video.LivePusher,业务指南、 ...