• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序接入海康威视萤石云直播

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

微信小程序接入海康威视萤石云直播

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

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

萤石云开放平台

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

微信开发者工具

  1. 搭建好自己的微信小程序(我们使用mpvue),原生也可以.

    在mpvue中,采用vue语法嵌入video组件,并将HLS地址写入src中。
<video direction="0" src="https://hls01open.ys7.com/openlive/d34ae15138ff4bfe8b1348f2e00fd8eb.m3u8" controls="true" objectFit="cover" autoplay :show-fullscreen-btn="false" :show-play-btn="false"> </video>
  1. 利用微信开发者工具分享二维码,在真机上测试,模拟器不支持!!!

OK,大功告成!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
谈一下小程序点赞功能的实现发布时间:2022-07-18
下一篇:
微信小程序分享到朋友圈方法与技巧发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap