html播放器支持rtsp,html中播放RTSP视频流

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值