当前位置: 首页 > news >正文

如何实现html显示WebRTC视频监控流

一:webrtc服务搭建

1:webrtc镜像服务拉取

webrtc镜像服务地址:https://hub.docker.com/r/mpromonet/webrtc-streamer

docker pull mpromonet/webrtc-streamer

2:webrtc镜像服务构建

docker run -d --restart="always" -p 8251:8000 --name webrtc mpromonet/webrtc-streamer -o

二:html调用webrtc服务查看视频监控

html调用webrtc服务查看监控需要使用到adapter.min.js和webrtcstreamer.js

https://download.csdn.net/download/huaweichenai/92240098

简单示例如下:

<html>
<head>
<script src="adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script>        var webRtcServer      = null;window.onload         = function() { webRtcServer      = new WebRtcStreamer("video",location.protocol+"//"+location.hostname+":8000");webRtcServer.connect("rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov");}window.onbeforeunload = function() { webRtcServer.disconnect(); }
</script>
</head>
<body> <video id="video" />
</body>
</html>

根据如上操作 我们就可以实现html显示WebRTC视频监控流

http://www.dtcms.com/a/564929.html

相关文章:

  • 长沙网站设计服务商wordpress和vue
  • DeepSeek-OCR 深度解析
  • [手机AI开发sdk] Aid_code IDE | PC浏览器同步访问
  • 视觉语言模型(VLM)深度解析:如何用它来处理文档
  • 空载长线电容效应
  • Text Grab,一款OCR 截图文字识别工具
  • 网站建设与管理教学方案网站的技术解决方案
  • 从零开始学习iOS App开发:Xcode、Swift和发布到App Store完整教程
  • HTMLCollection 对象
  • CANN算子开发实战:Batch Normalization高性能实现指南
  • 【Delphi】再谈给EXE文件动态添加数据(附加大数据 2G)
  • 1、Python-内置函数、Pass空语句
  • 为什么 Transformer 使用 LayerNorm 而不是 BatchNorm?
  • 昇腾 NPU 实战:Gemma 2 模型部署、多维度评测与性能优化全流程解析
  • 使用Visual Studio中的数据断点快速定位内存越界问题的实战案例分享
  • 做网站的大创结项项目建设表态发言稿
  • 家政类网站开发成本青岛最新疫苗接种
  • B站点击埋点数据分析
  • 用 PyTorch 训练 NestedUNet 分割细胞核
  • [7-01-02].第10节:开发应用 - 配置Kafka中消费消息策略
  • 学算法不再卡壳,Hello-Algo 让学习有画面感,cpolar远程访问更添便利
  • openEuler安装docker及其配置
  • 重组蛋白纯化标签:高效获取高质量蛋白的关键技术
  • agent智能体
  • 网站制作珠海公司asp 网站管理工具
  • html网站地图怎么做企业网站建设主要考虑哪些
  • 深入昇腾NPU:从架构到算子开发的全栈探索
  • Rust编程学习 - 内存分配机制,如何动态大小类型和 `Sized` trait
  • JavaSe—List集合系列
  • 1.1 大语言模型调用方式与函数调用(Function Calling):从基础到实战