使用VLC转码,在HTML5页面播放实时监控

时间:2024-03-26 16:34:58

首先要获取摄像机品牌的RTSP地址:

如大华的是

     rtsp://user:[email protected]:port/cam/ realmonitor?channel=1&subtype=0 

海康的是

    rtsp://user:[email protected]:port/MPEG-4/ch1/main/av_stream

Html5 <video>并不支持rtsp,所以使用vlc进行转码,将rtsp转http流,这样<video>就可以直接播放了

一,通过VLC转码
1.媒体->打开网络串流,输入IPCamera的视频流地址,这个地址可以问卖摄像头的人要,或直接问厂家要,在此拿海康的做例子:

rtsp://admin:[email protected]:554/MPEG-4/ch1/main/av_stream

使用VLC转码,在HTML5页面播放实时监控


输完地址之后在右下角选择串流


使用VLC转码,在HTML5页面播放实时监控


2.点击底下的下一步->Http,点击添加->在路径处写上/stream,转换出来的视频流地址为,你本机服务器的IP地址+/stream,如http://192.168.1.4:8080/stream

使用VLC转码,在HTML5页面播放实时监控使用VLC转码,在HTML5页面播放实时监控

3.点击下一步->选择要转换成的编码格式:Video-Theora+Vorbis(OGG)

使用VLC转码,在HTML5页面播放实时监控

4.点击下一步,修改串流输出字符串

使用VLC转码,在HTML5页面播放实时监控

5.点击 流 即可,这时VLC标题栏显示 流 ,说明已经在转码

使用VLC转码,在HTML5页面播放实时监控

二,网页

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <video src="http://192.168.1.4:8080/stream" type="video/ogg" width="600" height="450" autoplay="autoplay" controls="controls" loop="loop"> 
Your browser does not support the video tag. 

</video>
    </body>
</html>

用chrome浏览器打开即可,如果打开时没有出来,是因为流还没有转换到播放的程度,可以稍等片刻。播放监控过程中不可把VLC关闭,否则视频只会播放到转码的部分