在浏览器中使用VLC插件实现播放RTSP流视频

最新推荐文章于 2024-09-13 22:31:03 发布

百里杨

最新推荐文章于 2024-09-13 22:31:03 发布

阅读量3w

点赞数 14

分类专栏： VLC 文章标签： VLC插件浏览器中播放视频 RTSP 浏览器插件

本文链接：https://blog.csdn.net/zyhse/article/details/113771661

版权

VLC 专栏收录该内容

9 篇文章 13 订阅

订阅专栏

在浏览器中使用VLC插件实现播放RTSP流视频

一、安装VLC插件
二、编写测试html文件
三、生成一个测试用RTSP流视频
四、在浏览器中播放RTSP流视频
五、VLC插件知识扩展

VLC播放器可以将视频文件进行推流，也可以播放流。并且VLC插件还可以嵌入浏览器，在浏览器中播放流视频。

在浏览器中，使用VLC插件，播放RTSP视频，效果如下所示：

在这里插入图片描述

下面，详细说一下过程，带大家体验一把。

一、安装VLC插件

在网上搜到的很多，要么浏览器不支持，要么就是播放不起，显示一片空白。实际是VLC版本的问题，高版本就会有问题，不知道为啥，所以只要VLC版本搞对了，就成功了一半。

我这里使用的测试环境：

Win10，64位；
搜狗浏览器11.0.0.33862，必须使用兼容模式；
vlc-1.0.5-win32，下载地址：http://download.videolan.org/pub/videolan/vlc/1.0.5/win32/vlc-1.0.5-win32.exe

我们下载vlc-1.0.5-win32.exe，按默认安装好。此时浏览器插件就自动装好了。

二、编写测试html文件

编写测试html文件，VLCPluginTest.html，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Video Test</title>
</head>
<body>
<object type='application/x-vlc-plugin' id='vlc' events='True'
        classid='clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921' codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab" width="720" height="540">
    <param name='mrl' value='rtsp://127.0.0.1:8554/' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
</object>
</body>
</html>

这里默认RTSP地址为本机rtsp://127.0.0.1:8554/，可以根据实际地址，进行修改。大家在测试时，一般只需要修改这个地址就行了，当然如果和我一样的地址，那就不用修改了。

以上html内容，就是当我们用浏览器，打开该html页面时，自动在页面中，播放该RTSP地址的流视频。

三、生成一个测试用RTSP流视频

这里我们还是用VLC播放器来推流视频，但是我这里用的是2.2.4版本的，用其他版本也是可以的，不影响。

下载地址：http://download.videolan.org/vlc/2.2.4/win64/vlc-2.2.4-win64.7z

然后，参考《设置VLC播放器进行RTSP推流视频》文章中，第二节内容，设置推流端，启动一个视频推流。

四、在浏览器中播放RTSP流视频

使用浏览器打开VLCPluginTest.html，并切换为兼容模式，如下：

在这里插入图片描述

大约缓冲个几秒，就会出现视频画面，如下：

在这里插入图片描述

如果没有，可以在“兼容模式”和“高速模式”间切换下，或者刷新下试试。

五、VLC插件知识扩展

我们先思考，如下几个问题，稍后一一解答。

为什么我们安装VLC播放器，VLC插件就自动装好了？
在浏览器中如何操作VLC插件，也就是在html中如何编写JS调用VLC插件的API？

1、VLC插件就是axvlc.dll

在安装好VLC播放器后，在其安装路径C:\Program Files (x86)\VideoLAN\VLC下的，axvlc.dll就是VLC的浏览器插件，是一个ActiveX控件，它运行时还依赖于同目录下的libvlc.dll、libvlccore.dll和plugins。

在这里插入图片描述

2、如何手动安装VLC插件

我们知道了axvlc.dll就是插件。所以想要安装VLC插件，除了直接安装VLC播放器外，我们还可以通过手动方式来安装，请看如下步骤。

注册插件

将axvlc.dll、libvlc.dll、libvlccore.dll和plugins文件夹，拷贝至任意目录下，再使用管理员权限运行cmd，输入regsvr32 axvlc.dll，对插件进行注册。

在这里插入图片描述

添加注册表项

在“运行”中输入regedit打开注册表编辑器，在路径[HKEY_LOCAL_MACHINE\Software\WOW6432Node\VideoLAN\VLC]下，添加注册表项InstallDir="D:\VLCPlugin"，这里我的插件放在D:\VLCPlugin路径下的，根据你自己的实际路径填写。