网页播放rtsp视频流

网页播放rtsp视频流网页播放rtsp视频流原文:https://blog.csdn.net/u011562107/article/details/78548605?locationNum=10&fps=1RTSP协议(1)是流媒体协议。(2)RTSP协议是共有协议,并有专门机构做维护。(3)RTSP协议一般传输的是ts、mp4格式的流。(4)RTSP传输一般需要2-3个通…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

GitHub – vbence/stream-m: An HTML5-compatible live streaming server supporting the WebM and H.264 formats.

GitHub – 131/h264-live-player: A live h264 player for the browser (ideal for raspberrypi / raspicam )

网页播放rtsp视频

原文:网页播放rtsp视频流_江山夜雨的博客-CSDN博客_web播放rtsp

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

1、vlc player 
如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地客户端(安装时勾选插件选项),然后通过 标签来引入播放VLC: Official site – Free multimedia solutions for all OS! – VideoLAN,经测试发现,在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客户端(安装时勾选插件),下载 Windows 版 QuickTime 7.7.9 (中国) ,参考博客使用Quicktime 实现视频直播(Live video using Quicktime) (转) – FLANKE – 博客园 , 
经测试,可以支持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 
参考地址:Streamedian ,支持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>

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011562107/article/details/78548605

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/180689.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月18日 上午11:16
下一篇 2022年10月18日 上午11:36


相关推荐

  • 学习Oracle这一篇就够了

    学习Oracle这一篇就够了配套资料,免费下载链接:https://pan.baidu.com/s/1yjJY3IstA8aMQBPYhWNlCw提取码:qmpd复制这段内容后打开百度网盘手机App,操作更方便哦第一章数据库概述1.1、数据库的好处将数据持久化到本地提供结构化查询功能1.2、数据库的常见概念DB:数据库,存储数据的仓库DBMS:数据库管理系统,又称为数据库软件或者数据库产品,用于创建和管理数据库,常见的有MySQL、Oracle、SQLServerDBS:数据库系统,数据库系统是一个通称

    2022年10月8日
    6
  • OpenClaw 爆火的AI神器!Clawdbot 安装部署教程

    OpenClaw 爆火的AI神器!Clawdbot 安装部署教程

    2026年3月13日
    4
  • pyqt5安装配置_离线安装pyqt5

    pyqt5安装配置_离线安装pyqt5请按顺序进行依次执行.1、更新pip:python-mpipinstall–upgradepip-ihttps://pypi.tuna.tsinghua.edu.cn/simple如果上一步无法安装成功请执行则执行:python-mpipinstall-U–force-reinstallpip2、安装sip:pipinstallsip-ihttps://pypi.tuna.tsinghua.edu.cn/simple3、安装pyqt5

    2025年8月9日
    2
  • int 和bigint差别有多大?

    int 和bigint差别有多大?

    2021年10月27日
    86
  • python中单引号、双引号的区别

    python中单引号、双引号的区别1 如果需要表示 Let sfly 这个字符串 则单引号 Let sfly 双引号 Let sfly 注意单引号中的转义字符 如果这种需要前加转移字符的字符很多 字符串就会很难看 2 如果要表示 Ilike python 这个字符串 则单引号 Ilike python 双引号 Ilike python 为什么会这样呢 如果字符串使用单引号表示 则字符串中的双引号会被 python 当成普通字符处理 反过来也一样 所以单引号和双引号 pyt

    2026年3月16日
    3
  • request获取请求参数_request.getquerystring()

    request获取请求参数_request.getquerystring()IachievethePOSTrequestinAndroidanduploadapicturetoservicesuccessful.IdidnotusethesetRequestPropertyfunction;ButIwanttoknowwhattheeffectaboutthisfunctionis.Thisistheco…

    2025年10月23日
    5

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号