网页播放rtsp视频流

原文：https://blog.csdn.net/u011562107/article/details/78548605?locationNum=10&fps=1

RTSP协议
（1）是流媒体协议。
（2）RTSP协议是共有协议，并有专门机构做维护。
（3）RTSP协议一般传输的是 ts、mp4 格式的流。
（4）RTSP传输一般需要 2-3 个通道，命令和数据通道分离。

1、vlc player
如果客户使用ie或者firefox的话，可以使用vlc player，vlc player 同样需要安装插件，需要电脑上安装vlc player的本地客户端(安装时勾选插件选项)，然后通过标签来引入播放https://www.videolan.org/，经测试发现，在IE8中可以正常运行，显示视频，在IE11和chrome浏览器中均不支持。

<!--[if IE]>
<object type='application/x-vlc-plugin' id='vlc' events='True'classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540"><param name='mrl' value='rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov' /><param name='volume' value='50' /><param name='autoplay' value='true' /><param name='loop' value='false' /><param name='fullscreen' value='false' />
</object>
<![endif]-->
<!--[if !IE]><!-->
<object type='application/x-vlc-plugin' id='vlc' events='True' width="1720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz"><param name='mrl' value='rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov' /><param name='volume' value='50' /><param name='autoplay' value='true' /><param name='loop' value='false' /><param name='fullscreen' value='false' />
</object>
<!--<![endif]-->

2、quicktime
也是需要安装quicktime客户端（安装时勾选插件），https://support.apple.com/kb/DL837?locale=zh_CN ，参考博客https://www.cnblogs.com/hahaha22/p/3630796.html ，
经测试，可以支持IE11，但是IE8的内核不支持，chrome也不支持

<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="1000px" height="600px" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"><!--<param name="src" value="sample.mov">--><param name="qtsrc" value="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov"><param name="autoplay" value="true"><param name="loop" value="false"><param name="controller" value="true"><embed  qtsrc="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" width="1320px" height="756px" autoplay="true" loop="false" controller="true" pluginspage="http://www.apple.com/quicktime/"></embed></object>

3、H5- streamedian
参考地址：https://streamedian.com/#demo ,支持chrome无插件播放，上述两个都需要安装客户端插件，streamedian不需要，但是其他浏览器不支持

<video id="test_video" controls autoplay><!--<source src="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" type="application/x-rtsp">--><source src="rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov" type="application/x-rtsp">
</video>
<script src="streamedian.js"></script>

网页播放rtsp视频流相关推荐

PHP如何调取vlc播放rtsp,H5+VLC播放RTSP视频流
最新项目涉及到摄像头,这篇文章记录一下在VUE中播放RTSP视频流. 这篇文章主要介绍使用VLC插件播放RTSP视频流,目前支持的浏览器有 360浏览器.2345浏览器,可用于一些对播放器要求不高的项 ...
Python Gstreamer播放rtsp视频流（海康IPCAM）
Python Gstreamer播放rtsp视频流(海康IPCAM) 播放思路: 图解: 1.首先通过IPCAM的ip与用户等信息获得rtsp码: 海康新版IPCAM的rtsp地址规则为:rtsp ...
H5无插件播放rtsp视频流
基于WebSocket的HTML5 RTSP流媒体视频播放器 Streamedian能让浏览器免插件播放rtsp视频流 Streamedian管网: https://streamedian.com/ ...
浏览器播放rtsp视频流：3、rtsp转webrtc播放
浏览器播放rtsp视频流:3.rtsp转webrtc播放文章目录浏览器播放rtsp视频流:3.rtsp转webrtc播放 1. 前言 2. rtsp转webRTC 3. 初步测试结果 4. 结合我 ...
轻松实现在web页面中直接播放rtsp视频流
轻松实现在web页面中直接播放rtsp视频流写在前面实现介绍如何使用准备ffmpeg 运行rtsp2web 参数说明(在 `new RTSP2web` 时,可配置的参数如下): 前端代码参 ...
网页中插入VLC播放器播放rtsp视频流步骤
1. 仿照http://download.csdn.net/detail/haowenxin123456789/8044245 中步骤: 2. 从http://www.videol ...
Windows上使用VLC插件的方式在IE浏览器上播放RTSP视频流
场景开源RTMP组件EasyPusher-Android+EasyDarwin实现APP推流给RTSP流媒体服务器: 开源RTMP组件EasyPusher-Android+EasyDarwin实现A ...
html播放rtsp流,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...
html播放rtsp视频,浏览器播放rtsp视频流解决方案
最近项目中需要实时播放摄像头rtsp视频流,于是就专门做了些研究.而浏览器不能直接播放,只有通过插件或者转码来实现这个需求. 要实现这个目的,可以采用的方案非常得多,有商业的也有开源的,这里主要列举一 ...

网页播放rtsp视频流

网页播放rtsp视频流

网页播放rtsp视频流相关推荐

最新文章

热门文章