html中播放RTSP视频流

从摄像机获取的RTSP视频流直接在浏览器中播放,这里采用vlc插件进行播放,设置步骤如下

1、下载32位的vlc播放器,安装时选择安装插件,安装路径不要有空格,注意64位播放器安装上也不能正常播放(我测试不能正常播放)

2、注册VLC插件(否则视频无法正常显示):使用cmd 运行:regsvr32 D:\VideoLAN32\VLC\axvlc.dll 其中D:\VideoLAN32\VLC为VLC安装目录,可参考你的安装路径进行修改,注意不能有空格

3、新建一个html页面,内容包含以下代码。

<body>

<div style="width:100%;height:100%;background-color: #0c0c0c;">     

<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc'

            events='false' width="720" height="410">

    <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' />

    <param name='controls' value='false' />

</object>       

</div>

</body>

其中,value='rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov'为视频流地址

另外一些参数的含义如下

type='application/x-vlc-plugin'指定要使用的插件

pluginspage指明插件的位置,在需要时便于安装

id:标识

events

width以百分比或象素指定影片的宽度

height以百分比或象素指定影片的高度

mrl:视频流地址

volume:声音大小设置

autoplay:是否自动播放

loop: (true或false),是否循环

fullscreen:是否全屏

controls:显示默认的控件

4、目前测试IE浏览器和360浏览器可以正常支持vlc插件播放

5、若需要播放多个视频,将object标签拷贝几次,将id改一下,将不同的RTSP视频流地址修改即可。

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值