基于libVLC的视频播放器之一：使用VLC浏览器插件播放RTSP流

最新推荐文章于 2024-03-19 09:53:20 发布
最新推荐文章于 2024-03-19 09:53:20 发布
阅读量4.1w 收藏 29
点赞数 10
分类专栏： 基于libVLC的视频播放器 文章标签： rtsp 浏览器插件 流媒体
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caoshangpa/article/details/53156061
版权

1.首先电脑上要安装VLC。对于老版本的VLC，该浏览器插件经常崩溃，强烈建议安装2.0.0及以上的版本。我安装的版本是vlc-2.2.4-win32，其他未测试。

2.然后用VLC测试一下RTSP地址是否可用，测试方法：

经测试，下面两个RTSP地址可以正常使用。

rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov

rtsp://218.204.223.237:554/live/1/67A7572844E51A64/f68g2mj7wjua3la7.sdp

3.接下来实现网页播放，这里只单纯的使用HTML，如果需要对播放进行控制，还得加入JavaScript。

<!DOCTYPE html>
<html>
<body>
<object
  classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" 
  codebase="http://download.videolan.org/pub/videolan/vlc/last/win32/axvlc.cab"
  id="vlc"
  name="vlc"
  class="vlcPlayer"
  events="True">
    <param name="Src" value="rtsp://218.204.223.237:554/live/1/67A7572844E51A64/f68g2mj7wjua3la7.sdp" />
    <param name="ShowDisplay" value="True" />
    <param name="AutoLoop" value="False" />
    <param name="AutoPlay" value="True" />
   <embed id="vlcEmb"  type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"
     target="rtsp://218.204.223.237:554/live/1/67A7572844E51A64/f68g2mj7wjua3la7.sdp" ></embed>
</objetc>
</body>
</html>

这里边的<object>标签就是VLC插件呈现的控制项，注意有两处要输入RTSP的地址。

给IE看的：

<param name="Src" value="rtsp://Your Address" />

给FireFox看的：

 <embed id="vlcEmb"  type="application/x-google-vlc-plugin" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="480"
     target="rtsp://Your Address" ></embed>

Chrome已经不支持该插件。

VLC浏览器插件官方文档：https://wiki.videolan.org/Documentation:WebPlugin/

4.测试效果

IE：


FireFox：


360基于IE内核，也是可以的：

如果网络不好，多等会儿才会出图像。

 

参考链接：http://foxktr560.blogspot.jp/2014/01/javascript-rtsp-streamed-by-vlc.html

原创不易，转载请标明出处：https://blog.csdn.net/caoshangpa/article/details/53156061

 

 

草上爬
关注
  • 10
    点赞
  • 踩
  • 29
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
订阅专栏
LibVLC —— Qt播放rtsp流
wx微信公众号“码农总动员”，获取更多编程知识
03-31 1748
源码 源码正在上传…   关注 微信公众号搜索"Qt_io_"或"Qt开发者中心"了解更多关于Qt、C++开发知识.。 笔者 - jxd
vlc-3.0.11支持AVS+和DRA
05-25
电脑VLC播放器， 支持AVS+，DRA， 支持H264， H265， AC3等常见音视频格式WIn7以上系统
《浏览器播放RTSP方案》之 VLC插件播放RTSP视频流
sinat_36065456的博客
08-16 5696
VLC插件播放RTSP视频流多版本chrome安装安装vlc软件开启浏览器的NPAPI设置编写测试页插件设置其他问题最后 目前网页对于RTSP流直接播放不支持，目前有插件和转流两种方式，这里针对vlc插件播放做一个简单的梳理。 查看官网教程 vlcWebPlugin, 得知其浏览器支持情况： 这是因为因为谷歌启用了新的插件PPAPI，认为新的更安全，所以NPAPI设置在chrome45及以后不再支持。 鉴于开发者主要使用chrome，所以我们需要首先安装一个v44版本的chrome浏览器。而且我们电脑上基
探索 VLC：一款强大的开源媒体播放器及其技术魅力
最新发布
gitblog_00047的博客
03-19 492
探索 VLC：一款强大的开源媒体播放器及其技术魅力 项目地址:https://gitcode.com/videolan/vlc VLC 是一个全球知名、开源且免费的跨平台多媒体播放器。它的设计宗旨是简化视频和音频的播放，提供了丰富的功能和自定义选项，使其成为用户日常娱乐的重要工具。 项目简介 VLC 由 VideoLAN 团队开发，始于1996年的一个学生项目。如今，它已经发展成为一个强大且灵活的...
C# 使用VLC流媒体播放，rtsp流，视频流
09-05
1.使用时VS2017,低版本打不开的话，新建一个项目，然后添加现有项应该行 2.自己找了很多种播放rtsp流的方法，也在网上找了好几个VLC的demo,但是都会报各种错误，例如：试图加载格式不正确的程序，后发现可能是VLC的资源调用的路径可能有问题等
VLC_AVS+播放器
07-08
VLC 是一款自由、开源的跨平台多媒体播放器及框架,可播放大多数多媒体文件,以及 DVD、音频 CD、VCD 及各类流媒体协议。 该版本支持AVS+ HD解码，基于VLC 2.2.6版本开发，操作方便，AVS+解码流畅。
在Chrome、IE、Edge、火狐等浏览器中调用VLC播放器插件，实现在html网页中嵌入VLC播放器...
一名高级工程师的博客
09-06 3815
1、介绍VLC 是一款自由、开源的跨平台多媒体播放器及框架，可播放大多数多媒体文件，以及 DVD、音频 CD、VCD 及各类流媒体协议。VLC播放具有如下特征：能播放任何内容- 文件、光盘、摄像头、设备及流媒体可播放大多数格式，无需安装编解码器包- MPEG-2, MPEG-4, H.264, MKV, WebM,...
8步用vlc推流视频到RTSP过程
腹有诗词气自华
04-20 6465
像下面这个样子，不用大括号{rtsp://admin:[email protected]/h264/ch1/sub/av_stream 或是。rtsp://admin:[email protected]:554/h264/ch1/main/av_stream}具体哪个好用自己试试就知道了。以上是生成RTSP流的过程，下面是播放RTSP流的过程，同样再打开一个VLC程序，选择媒体的下拉菜单中的打开网络串流。5、选择下拉菜单中的“RTSP”，之后点击添加按钮。2、点击“添加”按钮，选择要添加的本地视频文件。
浏览器播放RTSP方案之VLC插件直接播放RTSP视频流方案
猿大师播放器—网页低延迟播放RTSP视频流专家
10-10 1649
其原理是底层调用VLC的ActiveX控件可实现在网页中内嵌播放多路RTSP的实时视频流，可以做到低延迟（300毫秒），支持H.264和H.265格式，兼容主流浏览器的老版本和最新版本，不用担心浏览器升级导致不能用的问题。猿大师播放器是成都佐罗软件旗下网页播放RTSP插件，无需服务器转码，在Chome、Edge等高版本浏览器WEB端直接播放海康威视、大华等摄像头RTSP视频流，延迟低至300毫秒，支持VUE、内网、多路播放...而安装插件版本用的最多的就是猿大师播放器和海康威视官方提供的开发包。
vlc搭建rtsp直播Demo & ffmpeg + nginx + flv.js实现rtsp网页播放Demo
pscool的博客
05-14 4039
如图选择ts流（激活转码要勾选哦），点击下一个。点击添加，选择视频文件，后点击串流。然后，稍等，就可以看到视频在播放了。输入rtsp的地址，点击播放。手动输入rtsp的推流地址。与上面相同，点击媒体->流。选择rtsp后，点击添加。手动输入路径，点击下一个。点击媒体->打开网络串流。可以看到推流地址，点击流。点击串流后，点击下一个。即可看到，它开始推流了。选择rtsp，点击添加。选择ts，点击下一个。
VLC_Player:基于VLC的UE4视频播放插件
05-27
VLC_Player 基于libVLC的UE4视频播放插件 功能 播放器基于第三方库libVlc 3.0.8.0版本 支持RTSP、RTMP、HTTP等常用视频流和其他常用的本地视频格式。 支持H.264和H.265编码格式的视频。 支持视频硬解码（开启硬解码后，如果视频格式不支持硬解会自动切换成CPU解码）。 说明： 1.本项目是早期为了与开发的另一款基于ffmpeg的视频硬解码插件做性能对比而开发的demo工程。 2.虽然是demo，但功能还算完整，常用的播放、停止、自定义分辨率、调节音量等功能都有。如果有需要，可以自行修改增加其他功能。 3.视频流在停止的时候会有卡顿，应该是中间的某些操作没有异步完成，本项目作为demo就不再继续开发了。 最后说一句： 如果UE4里要做多路视频流相关的功能（类似监控墙这种），建议使用ffmpeg开发，比较容易掌控程序的运行过程、性能消耗等。
浏览器集成VLC视频插件
12-02
浏览器中播放视频， 支持IE8+、Chrome、Firefox， 含操作步骤说明 含VLC安装说明 含浏览器配置说明
AVS+DRA的VLC播放器
11-26
支持AVS+， DRA的VLC播放器，直接解压运行， 无需安装 1.支持国标AVS+， DRA 2. 支持H264和H265 3.支持AAC及AC3等格式
基于libVLC的视频播放器（支持RTSP协议）
07-06
基于libVLC的视频播放器（支持RTSP协议）
QT+VLC实时流播放rtsp/rtmp
10-26
QT+VLC实时流播放rtsp/rtmp 运行依赖QT5.9 VS2015 VLC-Qt是结合了Qt和libVLC的免费开源库。它包含了媒体播放的核心类以及一些GUI类，这些类加快了媒体播放器的开发。 VLC-Qt 封装了整个libVLC，因此具备libVLC的...
C#调用vlc播放器所用到的库（libvlc）
07-09
C# 调用vlc播放器用到的库 libvlc\win-x86 libvlc\win-x64
基于libVLC的视频播放器之二：使用VLC-Qt播放RTSP流
热门推荐
草上爬的博客
11-14 2万+
此篇是使用VLC浏览器插件播放RTSP流的姊妹篇。 一.直接使用libVLC libVLC是VLC media player多媒体框架的核心引擎和接口，开发者使用它能轻松的创建大量具有VLC特性的应用。 最简单的基于libVLC的例子：最简单的基于libVLC的视频播放器详细介绍了libVLC的获取及使用方法，里面提到了如何将libVLC嵌入到程序程序中，只需将窗口或者控件的句柄传
基于libVLC的视频播放器之五：抽帧
草上爬的博客
02-27 5191
直接传winID的方式虽然方便，但是如果要对视频图像做处理，比如说画个正方形，就得抽取视频帧在Qt中处理。 这里抽帧后用QWidget渲染，下篇将介绍如何用QOpenGLWidget渲染。 一.原理 与此功能有关的关键API为 libvlc_video_set_callbacks //设置回调，用来抓取解码后的帧 libvlc_video_set_format //设置解码帧的格式，举例：libvlc_video_set_format(player, "RV32", width, heigh...
uni-app开发app怎样引入VLC库来支持播放rtsp流视频
06-10
在uni-app开发App中，可以使用uni-app提供的原生插件功能，通过集成VLC库来支持播放RTSP流视频。下面是基本的操作步骤： 1. 在uni-app项目中创建一个原生插件，例如命名为VLCPlugin，使用官方提供的插件创建工具可以方便快捷地创建。 2. 在插件的配置文件中声明需要使用的VLC库，例如： ``` { "modules": [{ "name": "vlc", "libs": ["vlc"] }] } ``` 其中，libs字段指定需要链接的VLC库，可以根据实际情况进行修改。 3. 在插件的源代码中调用VLC库，例如： ``` // 引入VLC库 #include <vlc/vlc.h> // 创建VLC实例 libvlc_instance_t *pInstance = libvlc_new(0, NULL); // 创建VLC播放器 libvlc_media_player_t *pMediaPlayer = libvlc_media_player_new(pInstance); // 创建VLC媒体 libvlc_media_t *pMedia = libvlc_media_new_location(pInstance, "rtsp://example.com/example.sdp"); // 将媒体绑定到播放器上 libvlc_media_player_set_media(pMediaPlayer, pMedia); // 开始播放 libvlc_media_player_play(pMediaPlayer); ``` 需要注意的是，VLC库的使用需要根据目标平台进行编译和链接，同时需要处理好库的兼容性和版本问题。在集成VLC库时，可以参考官方文档和示例进行操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草上爬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值