html video rtsp流 浏览器网页显示监控视频实时画面(无浏览器插件)

  1. 去 这里 下载webrtc-streamer,解压出来
  1. 双击webrtc-streamer.exe运行,出现小黑窗口
  1. 拷贝html/webrtcstreamer.js和html/libs/adapter.min.js到demo文件夹,并创建aa.html如下内容
html 复制代码
<html>
<head>
<script src="adapter.min.js" ></script>
<script src="webrtcstreamer.js" ></script>
<script>        
    var webRtcServer1 = null;

	window.onload = function ()
	{ 
		webRtcServer1 = new WebRtcStreamer("video1", "http://127.0.0.1:8000");		      
        webRtcServer1.connect("rtsp://xxxxxxxxxxxxxxxxxxxxx");
	}

	window.onbeforeunload = function() { webRtcServer.disconnect(); }

</script>
</head>
<body>

	<div>
		<video id="video1" style="border: 1px solid green;" controls autoplay muted />
	</div>

</body>
</html>
  1. 浏览器打开aa.html,出现监控画面
相关推荐
乐橙开放平台1 小时前
海康和大华摄像头能统一管理吗?可以通过 GB28181 或视频融合平台接入
网络·后端·物联网·音视频
Mirawork7 小时前
Mirawork v0.32.0 更新体验:会话引用、任务分享与音频转写怎么用
人工智能·音视频
熬夜磕代码丶1 天前
RN鸿蒙空间音频实战
华为·音视频·harmonyos
一条破秋裤3 天前
【V4L2采集视频】
音视频
橙橙笔记3 天前
QT的学习第四部分
linux·qt·学习·音视频
AI视频工具指南4 天前
用 AI 能做哪些视频?按想交付的作品选做法
人工智能·aigc·音视频
希和20274 天前
免费AI视频生成工具汇总(国内优先,适合做漫剧、短视频,Obsidian笔记版)
人工智能·笔记·音视频
謓泽4 天前
【插件】用写网页的方式做视频?HyperFrames 让我重新理解了“做视频“这件事!
gpt·ai·大模型·音视频·媒体·claude·视频
无忧_wy4 天前
MoneyPrinterTurbo 自动化视频生成实战指南
运维·人工智能·自动化·音视频
联犀5 天前
联犀 Go SIMD 实战:视频转码从 16.5ms 到 5.46ms
开发语言·golang·音视频