html接入海康视频数据
来源:互联网 发布:java基础自学需要多久 编辑:程序博客网 时间:2024/06/05 08:45
因本人项目原因,需要前端显示海康视频进行实时监控,其中遇到了些许问题,特整理此文档以帮助后人,勿谢伙计。
1.安装vlc播放器,一直下一步即可;
2.获取海康rstp视频流,例如:rtsp://zhangchaoming:zhangchaoming/192.168.0.2/MPEG-4/ch1/main/av_stream;
3.html插入
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410"> <param name='mrl' value='rtsp://zhangchaoming:zhangchaoming/192.168.0.2/MPEG-4/ch1/main/av_stream' /> <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>
4.此方法仅在ie上显示,新版谷歌&火狐不支持;
1.在谷歌&火狐显示实时视频流
最后:
<video src="http://192.168.1.7:9876/testVideo" width="600" height="450" autoplay="autoplay" loop="loop"> Your browser does not support the video tag. </video>
完毕,打开谷歌&火狐就可以访问了。谢我跟你急。
阅读全文
3 0
- html接入海康视频数据
- iOS 关于接入海康视频SDK的步骤
- 【视频开发】EasyIPCamera通过RTSP协议接入海康、大华等摄像机,摒弃私有SDK接入弊端
- 海康相机接入流媒体实现实时转发,全天录像,历史回放,视频下载
- 小结1--视频接入
- 各视频网站在Webview中接入用html代码示例 长期更新
- 海康相机接入 sos 流媒体 使用阿里云oss储存 实现实时转发,全天录像,历史回放,视频下载
- 大华视频接入(二)
- Vungle 视频广告接入踩坑记
- 腾讯短视频的接入
- MTA大数据接入
- filebeat接入数据kafka
- HTML视频
- HTML 视频
- HTML 视频
- HTML视频
- HTML视频
- EasyCamera开源摄像机接入海康威视摄像机实时视频
- HDU1029-Ignatius and the Princess IV
- 15_接水问题
- ifconfig
- 使用POI导入Excel文件信息
- 织梦DEDE网站程序动态化+静态化+伪静态设置(图文)教程
- html接入海康视频数据
- Eureka+ribbon 实现服务注册与发现和负载均衡
- Netty ByteBuf 释放注意事项
- 网站开发(九)后台栏目的删除操作
- 微信中Google坐标转换为百度地图坐标
- Android 接入银联支付
- 生成随机数
- 导入paramiko库时报 UnicodeDecodeError 错误的解决方案
- dll包含的函数