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,出现监控画面
相关推荐
2601_962069531 小时前
2026年医学数字人做科普视频的技术路线:从开源工具链到半自动化的工程复盘
开源·音视频
≮傷£≯√2 小时前
Qt 面试(一)
qt·ffmpeg·音视频
2601_962304912 小时前
2026年视频素材怎么找合适的:从全手动翻站到半自动采集的工程复盘
音视频
2601_962069533 小时前
2026年视频素材命名规范:从全手动开源链到半自动成片的工程演进
音视频
奈斯先生Vector4 小时前
AIGC 视频生成实战:用 Kling Video 拆解文生视频、图生视频与完整工作流
开发语言·人工智能·windows·python·aigc·音视频
johnsong4 小时前
超越实时:Video DeltaNet 如何让视频生成比播放更快
音视频
2601_962100735 小时前
2026年旧素材怎么二次利用:图文批量转视频的自动化工作流工程复盘
运维·自动化·音视频
FFZero15 小时前
[mpv架构] (4) demux 线程到底在“预读“什么?
c++·架构·音视频·多媒体
却道天凉_好个秋6 小时前
音视频学习(一百零五):Access Unit (AU)和RTP分包
学习·音视频·access unit·rtp分包
刘广睿6 小时前
AI 配音怎么做?语音合成 TTS 技术选型与本地部署实战(edge-tts / GPT-SoVITS / CosyVoice / Piper)
人工智能·音视频·效率工具·语音合成·tts