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,出现监控画面
相关推荐
GIS数据转换器4 分钟前
基于3D GIS的监控视频精准标定平台
人工智能·物联网·3d·音视频·无人机·知识图谱
换个昵称都难2 小时前
webrtc 视频传输Flexfec模块
音视频·webrtc
Kang.lee2 小时前
2026.6.4【MIPI C-PHY】C-PHY v2.1协议阅读后问题总结
音视频·soc·asic
dualven_in_csdn5 小时前
h265视频的播放问题
音视频
企业老板ai培训7 小时前
2026中小企业AI应用落地白皮书:从AI短视频矩阵到数字人获客的破局增长趋势
人工智能·矩阵·音视频
换个昵称都难7 小时前
webrtc视频Ulpfec介绍
音视频·webrtc
MegaSig美格信7 小时前
非处方气导助听器音频测试解决方案
音视频·音频·健康医疗
CoderIsArt7 小时前
声纹识别与音频AI领域
人工智能·音视频
tedcloud1237 小时前
HyperFrames部署教程:用HTML生成MP4视频
前端·数据库·人工智能·html·音视频
美狐美颜SDK开放平台7 小时前
直播APP开发实战:第三方美颜sdk接入步骤与注意事项
人工智能·音视频·美颜sdk·第三方美颜sdk·短视频美颜sdk