uniapp接入萤石微信小程序插件可播放可云台控制-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp接入萤石微信小程序插件可播放可云台控制。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

萤石官方提供了一些适用于uniapp / 小程序的方案

如小程序半屏 hls rtmp 等都有坑

截止到2023.11.7

hls不支持H265 rtmp需要在小程序申请直播类目所以都不适合项目使用故选用小程序插件方式 uniapp引入使用该方式仅需在小程序后台申请插件即可审核时间大约3天左右

本文参考了uniapp小程序插件以及萤石微信小程序插件接入文档

效果如下

uniapp引入小程序插件,小程序,uni-app,微信小程序,小程序

1. 插件申请

登录您的小程序微信公众平台，点击左侧菜单栏，进入设置页，在第三方设置->插件管理->添加插件中申请ezplayer插件，申请的插件appId为【wxf2b3a0262975d8c2】。

申请后请邮件联系萤石开放平台通过申请，并提供萤石账号、小程序名以及小程序appid

邮件联系方式：open-team@ezvizlife.com，未邮件联系的小程序插件申请将不予通过。

uniapp引入小程序插件,小程序,uni-app,微信小程序,小程序

2. 插件引入

打开根目录的 manifest.json 文件点击源码视图位置如图插入以下代码

// 萤石小程序插件
"plugins": {
    "ezplayer": {
    "version": "1.0.0",
    "provider": "wxf2b3a0262975d8c2"
    }
}

uniapp引入小程序插件,小程序,uni-app,微信小程序,小程序

3. 页面引入

打开根目录的 pages.json 文件在使用页面的路由内写入以下代码

"mp-weixin": {
    "usingComponents": {
    "ezplayer": "plugin://ezplayer/ezplayer"
    }
}

uniapp引入小程序插件,小程序,uni-app,微信小程序,小程序

4. 页面使用

直接当标签用就OK了标签属性是否必填参数配置等等问题参考官方文档

<ezplayer 
    id="ezplayer" 
    :accessToken="at.2s5bel782cnsdm748sv5j2ke09p7mpze-54xbxtugfh-0remxt9-gmfxmtml2"
    :url="rtmp://open.ys7.com/BA7248908/1/live" 
    :width="300" 
    :height="260"
    bind:handleError="handleError"
/>

uniapp引入小程序插件,小程序,uni-app,微信小程序,小程序

提示

Tips文章来源地址https://www.toymoban.com/news/detail-753954.html

多看文档

播放URL传参较为严格多一个 / 都不行

由于此方式调用播放协议为rtmp 故微信开发者工具中无法播放须使用体验版播放

确定播放格式以及参数无误且真机依旧无法播放的情况下看看控制台是否报错有可能是未开放预览权限不要等 handleError 报提示信息

到了这里，关于uniapp接入萤石微信小程序插件可播放可云台控制的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！