uniapp接入萤石微信小程序插件

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

如 小程序半屏  hls  rtmp  等

都TM有坑 文档写的依托答辩

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

效果如下

uniapp接入萤石微信小程序插件_第1张图片

1. 插件申请

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

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

邮件联系方式:[email protected],未邮件联系的小程序插件申请将不予通过。

uniapp接入萤石微信小程序插件_第2张图片

2. 插件引入

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

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

uniapp接入萤石微信小程序插件_第3张图片

3. 页面引入

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

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

uniapp接入萤石微信小程序插件_第4张图片

4. 页面使用

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

uniapp接入萤石微信小程序插件_第5张图片

提示

Tips

  1. 多看文档
  2. 播放URL传参较为严格  多一个 / 都不行
  3. 由于此方式调用播放协议为rtmp 故 微信开发者工具中无法播放 请使用真机调试测试
  4. 确定播放格式以及参数无误 且 真机依旧无法播放的情况下 看看控制台是否报错  有可能是未开放预览权限   不要等 handleError 报提示信息 这玩意跟个fw一样不提示

 

你可能感兴趣的:(小程序,uni-app,微信小程序,小程序)