this.context = uni.createLivePusherContext('livePusher', this); }, onLoad() { // 获取可视区域高度,减去固定高度 this.pusherCalss.width = wx.getSystemInfoSync().windowWidth; this.pusherCalss.height = wx.getSystemInfoSync().windowHeight; }, mounted() { // 一进页面,先调用摄像头,保证摄像头...
使用uniapp 集成多人音视频SDK,需要下载环信uniapp原生插件、配合一起使用。音视频SDK依赖IM SDK, 所以要先集成IM,并把IM SDK实例挂载在全局变量下:uni.WebIM = websdk, 可以参考uniapp demoutils/WebIM 文件。 运行demo 下载好uniapp demo后,导入hbuilder...
2.小程序端通过canvas提供的API可实现。 关于gcanvas 参考官方示例https://github.com/dcloudio/NvueCanvasDemo <template><viewclass="live-camera":style="{ width: `${windowWidth}px`, height: `${windowHeight}px` }"><viewclass="preview":style="{ width: `${windowWidth}px`, height: `${window...
使用uniapp 集成多人音视频SDK,需要下载环信uniapp原生插件、配合一起使用。音视频SDK依赖IM SDK, 所以要先集成IM,并把IM SDK实例挂载在全局变量下:uni.WebIM = websdk, 可以参考uniapp demoutils/WebIM 文件。 运行demo 下载好uniapp demo后,导入hbuilder...
由于微信开发者工具不支持原生组件(即 <live-pusher> 和 <live-player> 标签),需要在真机上进行运行体验。 步骤一:开发前准备 1. 开通小程序权限 由于TUIRoomKit 所使用的小程序标签有更苛刻的权限要求,因此集成 TUIRoomKit 的第一步就是要开通小程序的类目和标签使用权限。否则无法使用,这包括如下步骤: 小程序...
由于小程序测试号不具备live-pusher和live-player的使用权限,请使用企业小程序账号申请相关权限进行开发(具体操作步骤可参见:小程序权限申请)。 由于微信开发者工具不支持原生组件(即live-pusher和live-player标签),需要在真机上进行运行体验。 配置项目合法域名(具体配置方法可参见:小程序控制台配置合法域名)。
于是参考别人的写法,看到有一个live-pusher直播流组件,用nvue写就可以兼容app。 技术拆分: 1.小程序端使用camera组件。页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机。 2.App端使用直播推流live-pusher组件,官方上说:如app平台的vue页面需要支持直播推流,需编写条件编译代码, ...
nvue下有live-pusher组件,和小程序对齐。而vue页面下使用直播,需在条件编译里单独调用plus.video的API。 App端nvue文件的map和小程序拉齐度更高。vue里的map则与plus.map功能一致,和小程序的地图略有差异。 App端实现粘性布局,比如滚动吸顶,则nvue才能保证高性能,例子见插件市场此外,App端,vue页面上也可以覆盖sub...
获取Demo工程工程可以通过插件页面获取,插件页面地址如下 https://ext.dcloud.net.cn/plugin?id=4729 获取方式很简单,通过点击导入示例项目的按钮导入工程即可,具体如下 在完成工程导入之后,我们还需要对项目进行一些调整,双击打开manifest.json(根目录下),选择“基础配置”,点击重新获取AppId,否则将有可能出现打包自定...
nvue原生组件: live-pusher(直播推流)feature/weex_livepusher不支持https://uniapp.dcloud.io/component/live-pusher nvue原生组件: video视频feature/weex_videoplayer不支持https://uniapp.dcloud.io/component/video nvue原生组件: canvasfeature/weex_gcanvas不支持https://github.com/dcloudio/NvueCanvasDemo ...