html调用rpst 源码_如何在前端HTML中使用海康相机rtsp流（vlc）

据网上查证，好像没有一个浏览器不安装插件可以直接播放rtsp流媒体。经站长测试，即使安装了插件，有些浏览器也未必支持，比如QQ浏览器，谷歌浏览器等。

这里我们选用的是360安全浏览器。

第一步：下载插件：vlc-3.0.10-win32.exe

第二步：安装

双击一直下一步。打开vlc软件，依次点击菜单栏中的“媒体”，“打开网络串流”，输入以下流地址：

rtsp://admin:ruiyi123456@192.168.1.64:554

其中，rtsp：协议，admin：用户名，ruiyi123456：密码，192.168.1.64：摄像头IP，554：端口号。

在摄像头联网的情况下，可以直接在浏览器中输入摄像头IP，打开海康的后台管理页面，用户名密码同上。

第三步：测试，点击上面窗口的“播放”按钮即可。

第四步：在HTML中使用

在vue中使用，新建一个xxx.vue文件，贴入以下内容。

在HTML中使用：html>

ul li {

list-style: none;

}

#imgs {

height: 610px;

overflow-y: auto

}

#imgs li {

float: left;

}