最新项目涉及到摄像头,这篇文章记录一下在VUE中播放RTSP视频流。

这篇文章主要介绍使用VLC插件播放RTSP视频流,目前支持的浏览器有 360浏览器、2345浏览器,可用于一些对播放器要求不高的项目中。

安装VL插件

VLC插件网上有很多,需要的小伙伴网上下载一个就行,我用的是 vlc-3.0.8-win32.exe ,我有使用过 win64 的发现插件不支持,具体原因还没有去深究,知道的小伙伴欢迎留言。

安装VLC主要注意勾选 Mozilla 插件,否则视频流也是播放不了的。

播放RTSP视频流

rtsp视频流播放是使用 标签

width="100%" height="100%">

使用此方法会产生一个很难受的问题,就是  会默认是最顶层的,并且z-index 也控制不了他的层级。

因为 标签不在 dom 文档流里面,浏览器在解析的时候先把 放置在最上层,然后依次解析dom文档,放在下层,所以在这里使用z-index是无效的。

为了解决这个问题,我引入了 标签, 标签的级别高于  标签,而又由于

能够遮挡,所以可以通过在

中加入来解决该类问题。

这样处理虽然不是最好的方法,但是勉强能实现视频播放。

还有更好的办法欢迎留言!

PHP如何调取vlc播放rtsp,H5+VLC播放RTSP视频流相关推荐

  1. 8K播放网络全终端播放器H5播放器网页直播/点播播放器EasyPlayer和vlc播放RTSP流地址不兼容问题排查解决

    背景介绍 EasyPlayer实现了对遵循标准流媒体码流协议进行实时播放以及码流录制,在流的播放速度以及画质的解码显示上均做了大量深度的优化.支持Windows(支持多窗口.包含ActiveX,npA ...

  2. VLC和Qt结合编写流媒体rtsp播放器

    VLC播放器是一款功能强大且小巧的播放器,它支持多种多样的音视频格式,比如MPEG1,2以及mp3等等.并且通过Qt和VLC的结合能让每个开发者写出自己的视频流媒体播放器. Qt与VLC结合编写流媒体 ...

  3. 在谷歌Chrome上用VLC低延迟(300毫秒)播放播放海康大华RTSP

    一.历史背景 在遍地都是摄像头的今天,往往需要在各种B/S信息化系统中集成视频播放功能,海康.大华.华为等大厂摄像头遵循监控行业标准,一般只支持RTSP传输协议,而Chrome.Firefox.Edg ...

  4. 支持使用vlc在chrome等各种浏览器打开rtmp rtsp 谷歌浏览器Chrome播放rtsp视频流解决方案

    AppEmit v1.0.9 新功能 浏览器调用本地应用程序 调用第三方DLL ,支持使用vlc在chrome等各种浏览器最新版本打开rtmp rtsp 更多主页 直接播放rtsp {"em ...

  5. 用vlc插件在页面上播放海康rtsp推流监控

    原文链接:https://blog.csdn.net/weixin_43948724/article/details/104422825 vlc插件目前只能在360.搜狗等可以开启兼容模式下的浏览器使 ...

  6. vlc录制网络流_vlc如何播放网络流

    基于VLC的播放器开发 VLC的C++封装 因为工作需要,研究了一段时间的播放器开发,如果从头开始做,可以学习下FFmpeg(http://www.ffmpeg.org/),很多播放器都是基于FFmp ...

  7. 简单的多屏播放器示例(vlc+qt)

    介绍 简单的多屏播放器 最多同时播放16个视频 支持本地文件和rtsp.rtmp等流媒体播放 VS2015工程,依赖Qt+VLC 练手作品 截图 下载 程序:download.csdn.net/det ...

  8. dss linux 摄像头 rtsp,用VLC读取摄像头产生RTSP流,DSS主动取流转发(一)(二) 【转】...

    摄像机地址是192.1.101.51,VLC运行在192.1.101.77上,DSS服务器架设在192.1.101.30上,二级DSS服务器(可选)架设在192.1.101.78上. Step1:VL ...

  9. EasyNVR纯H5摄像机直播解决方案前端解析之:RTSP安防监控实时直播的网页H5自动播放方案

    我们很多安防.互联网.直播的应用场景中,在打开一路直播流后,极少看到需要点击播放按钮才能直播 播放视频流的情况,但是由于H5场景的播放需要兼容的浏览器非常多,这样的情况下经常会遇到各种各样的摄像机网页 ...

最新文章

  1. 控制显示隐藏_大众发动机控制单元隐藏功能刷写
  2. MapReduce的统计和排序功能
  3. 亲测SQLServer的最大连接数
  4. torch.norm
  5. 使用Silverlight for Embedded开发绚丽的界面(3)
  6. tensorflow 最小二乘拟合详细代码注释
  7. 编译时多态和运行时多态
  8. Unity3D 入门 游戏开发 Unity3D portal game development
  9. 三足鼎立 —— GPM 到底是什么?(一)
  10. faster rcnn的测试
  11. 用心整理,1000行MySQL命令,很实用,建议收藏
  12. 王德华:导师的学术胸怀与学术视野
  13. oracle昨日时间,。。今日,昨日,上周,本月,本年,按时间统计总金额
  14. 网站流量预测任务第一名解决方案:从GRU模型到代码详解时序预测
  15. TableView全展开实现ContentSizedTableView
  16. 基于单片机无线防丢报警器设计过程分享
  17. uni-app开发环境配置及混合开发流程
  18. Python redis安装使用教程
  19. c语言程序怎么实现模块化,【干货】教你如何对一个大的项目进行模块化编程...
  20. 基于tensorflow的RNN中文自动写诗程序

热门文章

  1. 比特币官网管理者Cobra认可BCH支付属性
  2. XXL-REGISTRY v1.0.2 发布,分布式服务注册中心
  3. 面向开发者的2018年AI趋势分析
  4. 教育安全认证体系建设项目容灾备份体系建设项目
  5. 高可用Hadoop平台-Oozie工作流
  6. UVA 10487 Closest Sums
  7. [译] Flutter 从 0 到 1, 第二部分
  8. util.promisify 的那些事儿
  9. 资深专家深度剖析Kubernetes API Server第1章(共3章)
  10. ASP.NET中数据缓存