RTSP协议导入web

最新推荐文章于 2024-06-12 21:32:12 发布

山崎贤人_学长

最新推荐文章于 2024-06-12 21:32:12 发布

阅读量441

点赞数

分类专栏： web前端 rtsp 视频文章标签： web接收RTSP

本文链接：https://blog.csdn.net/weixin_40935473/article/details/86673811

版权

web前端同时被 3 个专栏收录

5 篇文章 1 订阅

订阅专栏

rtsp

1 篇文章 0 订阅

订阅专栏

视频

1 篇文章 0 订阅

订阅专栏

最近因为工作原因，先把自己做过的项目和代码放到csdn上要不会忘记
因为本人主做web端开发
需要将后台，硬件协议需要实现
现在我回顾的是硬件摄像头录制好的视频需要用到rtsp协议将其传输到软件，我的任务是web端，接受rtsp协议的视频流
具体web代码如下

最好是自己电脑安装个VLC
经过测试rtsp视频流接收相当卡，不适合而在移动端接受是可以接受的

<head>
	<meta charset="UTF-8">
	<title></title>

</head>
<style>
	.tj {
		width: 400px;
		height: 200px;
	}
	
	* {
		margin: 0;
		padding: 0;
	}
	
	html,
	body {
		width: 100%;
		height: 100%;
	}
	
	embed {
		width: 100%;
		height: 100%;
	}
</style>
<!--VLC插件  测试VLC.html-->

<body>
	<object style="width: 400px;height: 200px;" classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab" id="vlc" name="vlc" class="vlcPlayer" events="True">
	    <param name="Src" value="rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov" />
	       <!--<param name="Src" value="rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov" />-->
	    <!--<param name="Src" value="rtsp://192.168.1.113/ss" />-->
	    <!--<param name="ShowDisplay" value="True" />-->
	    <!--<param name="AutoLoop" value="False" />-->
	    <!--<param name="AutoPlay" value="True" />-->
		
		
		<!--<param name="Filename" value="/**">--> <!--你的文件位置--> 
		<param name="PlayCount" value="0"> <!--“x”为几重复播放几次; x=0，无限循环--> 
			
		<param name="controls" value="0"> <!--控制 进度条显示-->
			
		<param name="AutoStart" value="1"><!--控制播放方式: x=1，打开网页自动播放; x=0，按播放键播放。-->
			
		<param name="ClickToPlay" value="1"><!--控制播放开关: x=1，可鼠标点击控制播放或暂停状态; x=0，禁用此功能。-->
		<param name="DisplaySize" value="0"><!--控制播放画面: x=0，原始大小; x=1，一半大小; x=2，2倍大小。-->
		<param name="EnableFullScreen Controls" value="0"><!--控制切换全屏: x=1，允许切换为全屏; x=0，禁用此功能。-->
	    <param name="ShowAudio Controls" value="1"><!--控制音量: x=1，允许调节音量; x=0，禁止音量调节。-->
	    	
	    
	    <!--controls='no' 是控制视频得进度条i是否显示-->
	    <embed class="tj" id="vlcEmb" controls='no' type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no"
	     target="rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov" >
	    </embed>
	    
	</objetc>
	<!--<input type="button" style="width:26px; height:24px; background-image:url('./icon/0.png');" onclick="myFunction()" value="单机">-->

山崎贤人_学长

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
RTSP协议导入web

最近因为工作原因，先把自己做过的项目和代码放到csdn上要不会忘记因为本人主做web端开发需要将后台，硬件协议需要实现现在我回顾的是硬件摄像头录制好的视频需要用到rtsp协议将其传输到软件，我的任务是web端，接受rtsp协议的视频流具体web代码如下最好是自己电脑安装个VLC经过测试rtsp视频流接收相当卡，不适合而在移动端接受是可以接受的&lt;head&gt; &lt;m...
复制链接

扫一扫

专栏目录