螢石官方提供了一些適用于uniapp / 小程序的方案
如 小程序半屏? hls ?rtmp? 等 都有坑
截止到2023.11.7
hls不支持H265? rtmp需要在小程序申請直播類目? 所以都不適合項目使用? 故選用小程序插件方式 uniapp引入使用? 該方式僅需在小程序后臺申請插件即可? 審核時間大約3天左右??
本文參考了uniapp小程序插件? 以及?螢石微信小程序插件接入文檔
效果如下
1. 插件申請
登錄您的小程序微信公眾平臺，點擊左側(cè)菜單欄，進(jìn)入設(shè)置頁，在第三方設(shè)置->插件管理->添加插件 中申請ezplayer插件，申請的插件appId為【wxf2b3a0262975d8c2】。
申請后請郵件聯(lián)系螢石開放平臺通過申請，并提供螢石賬號、小程序名以及小程序appid
郵件聯(lián)系方式：open-team@ezvizlife.com，未郵件聯(lián)系的小程序插件申請將不予通過。
2. 插件引入
打開根目錄的?manifest.json 文件 點擊源碼視圖? 位置如圖? 插入以下代碼
// 螢石小程序插件
"plugins": {
"ezplayer": {
"version": "1.0.0",
"provider": "wxf2b3a0262975d8c2"
}
}
3. 頁面引入
打開根目錄的?pages.json 文件 在使用頁面的路由內(nèi)寫入以下代碼
"mp-weixin": {
"usingComponents": {
"ezplayer": "plugin://ezplayer/ezplayer"
}
}
4. 頁面使用
直接當(dāng)標(biāo)簽用就OK了? 標(biāo)簽屬性 是否必填??參數(shù)配置等等問題? 參考官方文檔
<ezplayer
id="ezplayer"
:accessToken="at.2s5bel782cnsdm748sv5j2ke09p7mpze-54xbxtugfh-0remxt9-gmfxmtml2"
:url="rtmp://open.ys7.com/BA7248908/1/live"
:width="300"
:height="260"
bind:handleError="handleError"
/>
文章來源：http://www.zghlxwxcb.cn/news/detail-753954.html
提示
Tips文章來源地址http://www.zghlxwxcb.cn/news/detail-753954.html
- 多看文檔
- 播放URL傳參較為嚴(yán)格? 多一個 / 都不行
- 由于此方式調(diào)用播放協(xié)議為rtmp 故?微信開發(fā)者工具中無法播放 須使用體驗版播放
- 確定播放格式以及參數(shù)無誤 且?真機(jī)依舊無法播放的情況下 看看控制臺是否報錯? 有可能是未開放預(yù)覽權(quán)限? ?不要等 handleError 報提示信息
到了這里，關(guān)于uniapp接入螢石微信小程序插件 可播放 可云臺控制的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
