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视频流地址修改即可。

你可能感兴趣的:(html中播放RTSP视频流)