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

2023-11-02

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

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

在这里插入图片描述

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

一、安装VLC插件

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

我这里使用的测试环境:

我们下载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路径下的,根据你自己的实际路径填写。

我这里在64位系统上使用32位VLC插件,所以注册表路径需要在WOW6432Node下;如果在64位系统上使用64位VLC插件的话,注册表路径应该为[HKEY_LOCAL_MACHINE\Software\VideoLAN\VLC]

完成注册插件、添加注册表项后,就可以在浏览器中使用该插件,与直接安装播放器效果一样,均可以播放视频了。

以上2个步骤,如果需要编写脚本自动完成,可以参考《vlc的应用之二:vlc的ActiveX及cab》,该文章有介绍。

3、如何在html中通过JS调用VLC插件

VLC除了安装版,还有免安装版,下载地址:

http://download.videolan.org/pub/videolan/vlc/1.0.5/win32/vlc-1.0.5-win32.7z

解压后,在vlc-1.0.5-win32\vlc-1.0.5\activex目录下,README.TXT文件,对VLC插件的编译、调试、安装、编程API等进行了说明。同时,还提供了一个测试用test.html。

在这里插入图片描述

最后,我们对test.html进行一个测试,利用我们前面生成的RTSP流地址:rtsp://127.0.0.1:8554/,在test.html中看能否播放该视频。

经测试,发现播放不了,原因是JS传递的参数options,指定的协议有问题。我们的RTSP实际是基于UDP来的,所以需要修改一下。我们将test.html中,第496行改为var options = [":rtsp-udp"];

在这里插入图片描述

然后,在浏览器(兼容模式)中打开test.html,输入MRL,如下所示:

在这里插入图片描述

然后点击“Go”,缓冲一两秒,正常播放,如下:

在这里插入图片描述

参考链接:

《VLC的ACtiveX插件使用方法》
《vlc的应用之二:vlc的ActiveX及cab》



若对你有帮助,欢迎点赞、收藏、评论,你的支持就是我的最大动力!!!

同时,阿超为大家准备了丰富的学习资料,欢迎关注公众号“超哥学编程”,即可领取。

在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在浏览器中使用VLC插件实现播放RTSP流视频 的相关文章

  • 将 RTSP 流转换为虚拟网络摄像头

    我正在尝试使用来自 IP 摄像机的 RTSP 流作为 Windows 上各种应用程序 例如 Skype Zoom Microsoft Teams 等 的视频输入源 到目前为止我找到的唯一解决方案是使用 webcam 7 http www w
  • RTSP RTP 客户端流、时间戳、live555

    我有一个位于不同国家 地区的网络摄像机 具有不同的时区 并且应用了它自己的日期时间值 例如 2012 04 16 11 30 00 然后是我的电脑所在的位置 例如我的电脑时间是 2012 14 16 06 10 00 我的目的 流式传输时
  • 无法在 Samsung Galaxy S2 的 VideoView 中播放 RTSP 视频

    我正在尝试播放实时 RTSP 视频 来自rtsp media2 tripsmarter com LiveTV BTV using VideoView 这是我的代码 public class ViewTheVideo extends Acti
  • RTSP YouTube 链接

    我已经查遍了谷歌 但无法从 YouTube 视频中获取 rtsp 链接 给定 VIDEO ID 我对如何使用该 id 然后解析 google 的链接感到困惑 感谢您的时间和精力 我找到了这个博客条目 http gdatatips blogs
  • rtmp和rtsp协议有什么区别?

    我只是想知道 rtsp 和 rtmp 协议之间有什么区别 如果我的服务器上有 mp3 并且我正在我的 Android 中使用 http 播放它 那么它们在工作中有何不同 在android中如果我想实现rtmp或rtsp 哪个是最好的 and
  • H.264 over RTP - 识别 SPS 和 PPS 帧

    我有来自 IP 摄像机的原始 H 264 流 封装在 RTP 帧中 我想将原始 H 264 数据放入文件中 以便我可以将其转换为ffmpeg 因此 当我想将数据写入原始 H 264 文件时 我发现它必须如下所示 00 00 01 SPS 0
  • 将opencv帧写入gstreamer rtsp服务器管道

    我正在尝试将 opencv 图像放入 python 中的 gstreamer rtsp 服务器中 我在 mediafactory 中写作时遇到一些问题 我是 gst rtsp server 的新手 而且文档很少 所以我不确定我是否使用了正确
  • Android 4.x 是否支持通过 TCP 传输 RTSP 流?

    我已经在 Android 中使用 VideoView 在 wowza 上成功播放视频 现在我要处理我的服务器 UDP 端口似乎被阻止 以openRTSP命令证明 gt openRTSP rtsp 61 218 52 250 554 live
  • 如何计算音频流中每个数据包的 RTP 时间戳

    我阅读了 RTP 规范 但似乎无法理解 RTP 数据包时间戳 我尝试在我的服务器中以不同的方式实现它 但我无法让玩家正确播放它 我在这里的 错误 行为是 我使用 VLC 播放器播放 RTSP url 到我的服务器 我发现玩家的日志说 缓冲太
  • 处理大量rtsp摄像头,无实时限制

    问题定义 假设我有大量 rtsp 摄像机 gt 100 我想对其执行一些操作 例如图像特征提取 重要提示 我对实时性能不感兴趣 我什至可以在一分钟内进行 4 次特征提取 显然 越多越好 As now 瓶颈是图像采集 帧是通过以下方式获取的c
  • libvlc_new 在 vlc 2.1.3 中总是返回 null

    libvlc new 始终返回 null 我已将 libvlc dll 和 libvlccore dll 复制到解决方案目录的调试文件夹中 我们还尝试调用 libvlc new 0 null 并将环境变量 VLC PLUGIN PATH 设
  • VLC 语法转码并流式传输到标准输出?

    Goal 我正在尝试使用VLC http www videolan org vlc index html作为本地服务器来扩展使用以下命令创建的应用程序的视频功能Adobe AIR Flex and Actionscript 我在用VLC流式
  • Android 4.0.4 MediaPlayer 使用 RTSP url 准备问题

    我正在开发的视频流应用程序遇到了一个奇怪的问题 实际的视频 音频流在我的所有测试设备上都运行良好 然而 在看似任何 4 0 的设备上 当使用 RTSP URL 时 prepare 会立即返回 这会导致在加载视频时向用户提供正确反馈的问题 并
  • Python 或 C/C++ 中的 RTSP 库?

    我正在尝试寻找任何适用于 Python 或 C C 的 RTSP 流媒体库 如果没有 还有其他实时流解决方案吗 在 Python 或 C C 中实现 RTSP 有多容易或困难以及从哪里开始 try live555 http www live
  • 使用ffmpeg处理rtsp流url时出现未知命令失败

    我想使用ffmpeg从rtsp流中抓取图像 命令如下 ffmpeg y i rtsp zigong stream xl02 cn 557 HongTranSvr DevId 1b038d27 858c 46a1 b803 a2984af34
  • 使用适用于 Android 的 LibVLC 创建视频播放器

    我正在尝试使用最后一个 LibVLC 为 Android 应用程序创建一个视频播放器 问题是我不知道这个库是如何工作的 而且我找不到示例来帮助我 正如这里所说https bitbucket org edwardcw libvlc andro
  • opencv rtsp流协议

    我想处理并显示从树莓派相机创建的网络 rtsp 流 我有这个代码 include
  • 使用 Clapprjs 在网页上流式传输 .m3u8

    我使用 nginx rtmp 将 rtmp 转换为 hls 并使用 Clappr 在网页中进行流式传输 但 Clappr 采用旧的 ts 段 导致 404 错误 因为它在服务器上被删除 如何解决这个问题 抱歉 这是我第一次使用 nginx
  • 无法使用 Android 版 VLC 设置字幕

    启动 Android 版 VLC 的 VideoPlayerActivity 时 我在设置字幕位置时遇到问题 我的目标是 API 27 并使用 FileProvider 来允许访问文件 根据文档here https wiki videola
  • C# - 捕获 RTP 流并发送到语音识别

    我正在努力实现的目标 在 C 中捕获 RTP 流 将该流转发到 System Speech SpeechRecognitionEngine 我正在创建一个基于 Linux 的机器人 它将接受麦克风输入 将其发送给 Windows 机器 Wi

随机推荐