微信小程序取流说明

微信小程序内取流目前有四种方式:

  • 【推荐】使用臻云提供的半屏小程序接入,参见半屏小程序对接指南
  • 使用臻云提供的微信小程序插件,参见小程序插件对接指南
  • 通过H5开发取流页面,然后内嵌入小程序,此方法不需要任何类目上的资质。
  • 通过微信小程序内置的媒体组件live-player提供实时音视频的播放,此方法需要具备相关类目资质才能使用,参见官方开发文档

方案一:【推荐】半屏小程序

介绍

半屏小程序是指在用户的微信小程序内通过微信提供的wx.openEmbeddedMiniProgram接口拉起【臻识运维小助】的设备运维页面。

优势

  • 没有资质门槛,无需校验文件
  • 相比插件,开发更简单,一行代码即可集成
  • 一劳永逸,一次接入,后续增加新功能、修复问题都可同步更新

缺点

  • 需要申请半屏小程序接入资格(跟插件申请流程一致)
  • 相比插件,用户可以直接看到臻识运维小助 提供服务的字样
  • 半屏小程序内功能不支持自定义,只能使用插件提供的功能

适用范围

适用于没有资质门槛,且想简单快速实现设备运维功能的用户。

开发文档

半屏小程序对接指南

效果展示

设备运维小助手半屏小程序效果: 设备运维小助手半屏小程序效果:

方案二:微信小程序插件

介绍

臻云提供的微信小程序插件不仅基于微信小程序的live-player组件提供了取流的能力,而且还额外提供了与【臻识运维小助】同等的设备运维功能,用户只需要简单的开发即可将完整的设备运维能力集成到自己的小程序中。

优势

  • 没有资质门槛,无需校验文件
  • 相比半屏小程序跳转,完全隐藏【臻识运维小助】的信息
  • 作为插件,可以自由嵌入到自己的小程序中,灵活度高
  • 简单开发,即可享受完整的设备运维功能

缺点

  • 需要申请插件使用资格(跟半屏小程序接入申请流程一致)
  • 需要具备一定的小程序开发能力
  • 插件内功能不支持自定义,只能使用插件提供的功能
  • 用户使用插件必须指定版本,插件版本的更新不像半屏小程序方便

适用范围

带UI的接入方案,适用于没有资质门槛,但有一定开发能力,对UI自定义要求不高的用户

开发文档

小程序插件对接指南

效果展示

微信小程序插件效果: 微信小程序插件效果:

方案三:小程序内嵌H5

介绍

在小程序中通过web-view组件内嵌H5页面,使用Jessibuca等支持flv播放的库,服务在微信内置浏览器的环境下运行。

优势

  • 没有资质门槛
  • 自由度高

缺点

  • 限制于浏览器性能
  • 需要提供校验文件
  • 性能消耗更大,手机可能会出现卡顿发热
  • 只能播放视频,没有其他设备运维功能

适用范围

  • 没有资质门槛,不介意性能消耗问题
  • 对功能完整度要求较高,要和web端保持一致
  • 有较强的开发能力,对web端播放器比较熟悉

方案四:小程序原生开发:使用live-player组件

介绍

在小程序中通过live-player组件直接播放视频流。

优势

  • 使用微信运行环境,性能更佳
  • 可自由化界面设计,灵活度最高

缺点

  • 播放组件需要强制认证
  • 只能播放视频,没有其他设备运维功能

适用范围

无UI接入方案,适用于有开发能力,需要高度自定义样式的,且具备资质门槛的开发者

相关说明

请特别注意以下内容:

一、确保类目审核通过,其次开启了该组件的使用权限

image.png

二、微信的开发者工具上并不支持

image.png

三、加入request合法域名

要想在小程序里成功播放设备视频,必须将臻云的取流服务器域名加入到request合法域名里,如下图:

image.png

要加入的域名列表如下:

https://video1.vzicloud.com
https://video2.vzicloud.com
https://video3.vzicloud.com
https://video4.vzicloud.com

四、LivePlayer组件仅支持https-flv

LivePlayer组件仅支持https-flv视频流,所以请不要用它来播放wss-flv。

results matching ""

    No results matching ""