Html5 实现摄像头监控问题:html5并不支持rtsp协议,所以使用vlc进行转码,将rtsp转http流,这样才可以直接播放...
2020-02-29 21:57
561 查看
今天在写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?
输完地址之后在右下角选择串流
2.点击底下的下一步->Http,选中HTTP
然后点击右边的添加->在路径处写上/stream,转换出来的视频流地址为,你本机服务器的IP地址+/stream,如http://192.168.1.4:8080/stream
3.点击下一步->选择要转换成的编码格式:Video-Theora+Vorbis(OGG)
4.点击next下一步
5.点击 Stream 流 即可,这时VLC标题栏显示 流 ,说明已经在转码
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- 使用vlc进行摄像头捕获、RTSP串流、播放
- 使用VLC进行RTSP到TS的转码
- 用H5Stream实现海康摄像头不装ie插件,用其他浏览器谷歌等并可以在手机端app播放RTSP流视频查看
- HTML5的可以支持RTMP 但是无法播放RTSP 兼容浏览器
- 使用Html5的Canvas功能来实现海康摄像头的无插件监控
- html5实现摄像头拍照并使用java进行照片保存
- 使用VLC进行RTSP到TS的转码
- 使用ASP.NET 2.0 HttpHandler实现生成图片验证码的问题
- 一个可以直接使用的可用iptables配置的stateless NAT实现
- 使用MFC类CInternetSession直接访问HTTP内容,支持断点续传,可轻松改为Windows API方式
- 基于http live streaming, 使用vlc + mediastreamsegmenter + apache 实现iOS视频直播
- 求助:TelephonyManager.listen 监听使用的问题--如何实现TM同时监控多个状态的改变
- HTML5 audio标签使用js进行播放控制实例
- android客户端通过Get方式提交参数给服务器,使用URL和HttpURLConnection实现,以及乱码问题解决
- 【C/S通信交互之Http篇】使用Curl与Jetty(Server)实现手机网游Http通信框架&解决curl.h头文件找不到问题
- 在cacti中使用ATS的stats_over_http模块进行监控部分性能
- 三招教你用VLC Player 通过RTSP over Http 播放 live555 mediasever 来的流媒体
- 一个可以直接使用的可用iptables配置的stateless NAT实现
- Window 下 Qt5 使用QMediaplayer 进行视频播放 流播放问题
- 使用HttpWebRequest和HttpWebResponse实现模拟登录需要登陆后才可以访问的页面