Html5

今天在写html5中播放旷视C2摄像头视频监控的功能,查了很多资料,才发现Html5 <video>并不支持rtsp协议。后来查到使用第三方转码才得以实现。

这里把方法写下来分享给大家。

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

如大华的是

rtsp://user:pwd@ip:port/cam/ realmonitor?channel=1&subtype=0

海康的是

rtsp://user:pwd@ip:port/MPEG-4/ch1/main/av_stream

旷视 C2

  rtsp://192.168.1.10/user=admin&password=&channel=1&stream=0.sdp?

一,通过VLC转码
1.媒体->打开网络串流,输入IPCamera的视频流地址,这个地址可以问卖摄像头的人要,或直接问厂家要,如C2的是

rtsp://192.168.1.10/user=admin&password=&channel=1&stream=0.sdp?

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

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

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

2.点击底下的下一步->Http,选中HTTP

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

然后点击右边的添加->在路径处写上/stream,转换出来的视频流地址为,你本机服务器的IP地址+/stream,如http://192.168.1.4:8080/stream

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

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

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

4.点击next下一步

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

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

Html5 <video>实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样<video>才可以直接播放

上一篇:diff 比较两个文件的差异


下一篇:防止IE7,8进入怪异模式