微信小程序中播放海康萤石云HLS '.m3u8'视频 video标签

前言

因为项目需要在微信小程序上展示实时视频流信息，以下内容是我将萤石云平台官方文档和自己实践过程中遇到的问题的总结。官方文档地址：https://open.ys7.com/doc/zh/book/index/live_proto.html 传送门

萤石云开放平台

步骤：

1. 按照萤石摄像机官方携带的说明书进行注册 ，图中①和②都有HLS地址，①是官方给用户试用的地址，②是自己添加的摄像头地址。
2. 以①为例，获取萤石云试用设备HLS地址 ，点击播放测试，即可观看当前HLS地址的视频信息。
   
   

微信开发者工具

1. 搭建好自己的微信小程序（我们使用mpvue），原生也可以
   
   在mpvue中，