基于webrtc-streamer软件的多视频在一个网页多个Rtsp协议监控实况的实现

最新推荐文章于 2024-04-26 22:29:03 发布

VIP文章 ice，berg

最新推荐文章于 2024-04-26 22:29:03 发布

阅读量3.4k

点赞数

文章标签：音视频 html5 webrtc

本文链接：https://blog.csdn.net/icebergsun/article/details/122238054

版权

1.下载webrtc-streamr和摄像头码流格式的准备

webrtc-streamer 是一个使用简单机制通过 WebRTC 流式传输视频捕获设备和 RTSP 源的项目，它内置了一个小型的 HTTP server 来对 WebRTC需要的相关接口提供支持。

此处仅使用了windows系统，下载地址：webrtcstreamer（git）.

注意：摄像头的码流格式需要提前在摄像头web中心中设置成h264格式当下仅支持这种格式。

2.使用webstreamer

很简单，但是不好理解，打开webrtc-streamer.exe文件，此时会发现这个程序在实时监听本机端口8000，当程序出现一下画面表示进入监听Rtsp流阶段。
在这里插入图片描述

此时访问127.0.0.1/8000会发现程序在实时直播本机的画面。

3.使用html文件夹中各个js进行相应配置

在附带的html文件夹中，我们首先要将libs文件夹和webrtcstreamer.js这两个主要文件导入到自己的项目中，如下

此时test.html文件中的代码就是我们的主要测试代码文件，但此时并不能实现多个视频流的同时实况展示，仅作为测试。
test.html核心代码：

<!DOCTYPE html>
<html>
	<head>
		<!-- 前期导入的libs包和webrtcstreamer的js包 -->
		<script src="libs/request.min.js"></script>
		<script src="libs/adapter.min.js"></script>
		<script src="webrtcstreamer.js"></script>
		<script>
			var webRtcServer = null;
			window.

最低0.47元/天解锁文章

ice，berg

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
基于webrtc-streamer软件的多视频在一个网页多个Rtsp协议监控实况的实现

1.下载webrtc-streamr和摄像头码流格式的准备webrtc-streamer 是一个使用简单机制通过 WebRTC 流式传输视频捕获设备和 RTSP 源的项目，它内置了一个小型的 HTTP server 来对 WebRTC需要的相关接口提供支持。此处仅使用了windows系统，下载地址：webrtcstreamer（git）.注意：摄像头的码流格式需要提前在摄像头web中心中设置成h264格式当下仅支持这种格式。2.使用webstreamer很简单，但是不好理解，打开webrtc-st
复制链接

扫一扫