appemit支持chrome等浏览器使用VLC 播放rtsp rtmp 解决方案

已于 2022-09-01 00:14:38 修改
阅读量3.5k 收藏 4
点赞数 1
分类专栏： 前端 文章标签： 前端
于 2021-04-20 14:13:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ever_ardour/article/details/115899776
版权

最近项目需要实时播放摄像头rtsp视频流，H5支持rtmp，不支持rtsp，只有通过插件或者转码来实现这个需求。网上有很多中解决方案，记录两种上手比较快的方案做个简单记录。

下载 vlc http://www.videolan.org/vlc/

(一)使用vlc播放器播放rtsp视频

1、下载安装完成之后打开vlc(安装过程省略)
媒体 ——>流
在这里插入图片描述
选择网络——>输入rtsp url
在这里插入图片描述
下面按钮默认是串流，选择播放，即可在vlc播放rtsp流
在这里插入图片描述

如果要在Html播放 选择串流
在这里插入图片描述
在这里插入图片描述
选择端口 ——> 输入访问路径
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
显示路径说明配置成功
在这里插入图片描述

网页显示

  • 注意资源地址，同一局域网下的要访问就需要把localhost改为转换软件运行电脑的ip地址：
<!DOCTYPE html>
<html lang="en">
<head>
	<title>rtspTest</title>
</head>
<body>
	<video src="http://localhost:8080/rtsp" width="350px" height="250px" controls="controls">
		
	</video>
</body>
</html>

在这里插入图片描述

下载 Appemit和案例

(二)使用Appemit播放rtsp视频

概述

AppEmit是应用程序（尤其是浏览器）与本地程序之间相互通信的易扩展的轻量级中间件。主要采用了HTML5标准的Web套接字进行通话，只能为异步，JSON格式传递参数。

主要功能：

  • 在几乎所有浏览器中播放包含Flash的网页或Flash文件，包括swf互动动画，flv影视等
  • 在浏览器打开，操作本地文件，添加阅读PDF；创建，阅读，编辑Office文件，并支持JavaScript代码操作
  • 在浏览器中调用第三方DLL，OCX组件以及系统winApi函数，tcc，python，lua等
  • 开发本地硬件DLL驱动模块的封装插件，实现在网页中操作控制本地的读卡器，打印机，扫描仪，高拍仪，U盾等各种硬件设备
  • 各个应用程序之间通信，某些聊天
  • 在Chrome里嵌入IE内核网页，保护源码，可以不修改初始化的ActiveX读取html，同时支持开源内核wke和blink

程序名称 AppEmit.exe

官方网址

Github

下载完成之后里边的Demo示例:
在这里插入图片描述

文章仅用作分享记录，如有不当之处，还望指正。

最近开通个人了微信公众号，以后将会定期分享工作学习过程中遇到的问题，欢迎关注与我一道成长交流~：

微信搜索: MYY668999 或 程序猿爱篮球 即可上车。

程序猿爱篮球
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何在高版本Chrome中播放RTSP实时视频？
bubailai的博客
10-08 695
背景 随着互联网基础设施的完善以及4G、5G等技术的大规模商用，在Chrome、Firefox、Edge等浏览器播放RTSP视频流也慢慢成为了信息化系统的行业标准。 早些年还可用VLC播放器在网页中播放RTSP视频流，好景不长，2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持，导致在高版本的Chrome等网页中播放海康威视、大华等摄像头RTSP视频流也成了奢望。 方案 近期正好有一个智慧城市项目需要实现低延迟、多通路在Chrome等高版本浏览器中播放摄像头RTSP视频流
RTMP视频流播放的浏览器插件
06-27
用于在IE浏览器上播放RTMP视频流的浏览器插件，需要部署到IIS或其它Web容器中才能使用里面的html文件进行视频的播放。
360浏览器插件打开rtsp视频流.zip
01-21
使用插件在ie，360等ie内核浏览器中播放rtsp视频流
在浏览器中使用VLC插件实现播放RTSP流视频
热门推荐
百里杨的博客
02-09 2万+
在浏览器中使用VLC插件实现播放RTSP流视频一、安装VLC插件二、编写测试html文件三、生成一个测试用RTSP流视频四、在浏览器中播放RTSP流视频 VLC播放器可以将视频文件进行推流，也可以播放流。 并且VLC插件还可以嵌入浏览器，在浏览器中播放流视频。 在浏览器中，使用VLC插件，播放RTSP视频，效果如下所示： 下面，详细说一下过程，带大家体验一把。这个过程无需写一行代码。 一、安装VLC插件 在网上搜到的很多，要么浏览器不支持，要么就是播放不起，显示一篇空白。实际是VLC版本的问题，高版本就会
【前端】rtsp 与 rtmp 视频流的播放方法，最终入职阿里
最新发布
HUAXIAL的博客
03-30 1304
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件VUE组件库级组件封装-高复用弹窗组件。
如何在高版本谷歌Chrome浏览器中用VLC播放海康、大华RTSP实时视频？
qq_43842093的博客
10-05 2907
一个好的技术实施方案，首先是要满足客户的刚性需求，其次是尽量降低采购、开发、实施及维护的总成本，再次是需要有良好的兼容性和稳定性，最后需尽量确保技术方案不能因为浏览器的升级而失效，能够实现公司自主可控的要求就更好了。猿大师的VLC网页播放程序提供了这样一个稳定可靠、兼容性好、低延迟又可同时稳定播放多路RTSP的低成本半开源技术方案，无疑是当前安防行业在网页端播放RTSP流的最佳选择。
最新版本chrome等各种浏览器播放rtsp解决方案 使用VLC转码，在HTML5页面播放实时监控，多种方法实现
appemit
09-13 7074
测试开发版本 1 使用vlc media play将文件转换提供rtsp（或者直接使用海康 大华的rtsp） 媒体 --> 流 添加视频文件 ，点击添加一个mp4 文件 选择串流，然后 点击 "下一个" 选择新目标，RTSP ,然后点击添加 端口默认，路径添加个自定义名称vlc 配置文件，不需要激活转码 下一步完成 验证，再重新打开一个vlc窗口打开网络串流输入地址 rtsp://192.168.88.102:8554/vlc 2使用vlc media play将rtsp转化...
实现rtsp协议实时监控视频在页面上的播放（使用vlc播放器转流）
花落微凉梦清幽的博客
03-18 1万+
我们都知道，html中的video标签只能播放特定格式的视频，对这种视频流文件无能为力，而且网上的vue-video-player也只能播放特定格式的视频。要播放监控的实时视频，除了在浏览器的地址栏直接打开摄像头的地址（如：http://192.168.1.108,像大华和海康都可以给特定的http协议的接口），或者在vlc播放器中直接打开rtsp流的视频播放（下载vlc播放器，打开网络串流，输入...
appemit：AppEmit是可扩展的轻量级中间件，用于在应用程序（尤其是chrome浏览器）和本地程序之间进行通信，支持Flash Swf。 AppEmit是应用程序（尤其是chrome浏览器）与本地程序之间相互通信的易扩展的轻量级中间件，支持chrome打开rtsp，flash，swf
02-25
AppEmit v1.1.03 概述 Appemit是一种轻量级的中间件，可以轻松扩展以与本地程序通信应用程序（尤其是浏览器）。 HTML5标准的Web套接字主要用于调用。 默认值为异步，并且参数以JSON格式传输。 主要特点： 在几乎所有浏览器（chrome edge firefox QQ 360 Yandex搜狗歌剧）中播放包含Flash的网页或Flash文件，包括swf交互式动画，flv电影等。 在浏览器中打开和操作本地文件，例如读取PDF，创建，读取，编辑Office文件并支持JavaScript代码操作。 在浏览器中以多种方式打开RTMP，RTSP和其他媒体文件，支持转码。 在浏览器中调用第三方DLL，OCX组件以及系统winApi函数，tcc，python，lua等。 为本地硬件DLL驱动程序模块开发一个软件包插件，以操作和控制网页中的本地读卡器，打印机，扫描仪，高照
谷歌浏览器使用AppEmit中间件调用OCX控件，网页获取读卡器信息
charlie_y的博客
12-11 1015
废话不多说，我又来搞前端网页连接读卡器了，这次的设备是明华智能支付终端，虽然叫支付终端，但是还支持读取 银行卡，身份证，接触类IC卡，非接触类IC卡，二维码，记录一下技术方案
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件
appemit
08-13 3181
AppEmit是应用程序（尤其是浏览器）与本地程序间互相通信的易扩展的轻量级中间件。 AppEmit is an extensible lightweight middleware for communication between applications (especially browsers) and local programs. 主要采用了HTML5国际标准的Web Socket进行通话，默认为异步， JSON格式传递参数。 主要功能： 在几乎所有浏览器播放含有flash的网页或F
浏览器播放RTSP方案之VLC插件直接播放RTSP视频流方案
猿大师播放器—网页低延迟播放RTSP视频流专家
10-10 1734
其原理是底层调用VLC的ActiveX控件可实现在网页中内嵌播放多路RTSP的实时视频流，可以做到低延迟（300毫秒），支持H.264和H.265格式，兼容主流浏览器的老版本和最新版本，不用担心浏览器升级导致不能用的问题。猿大师播放器是成都佐罗软件旗下网页播放RTSP插件，无需服务器转码，在Chome、Edge等高版本浏览器WEB端直接播放海康威视、大华等摄像头RTSP视频流，延迟低至300毫秒，支持VUE、内网、多路播放...而安装插件版本用的最多的就是猿大师播放器和海康威视官方提供的开发包。
QT+VLC实时流播放rtsp/rtmp
10-26
QT+VLC实时流播放rtsp/rtmp 运行依赖QT5.9 VS2015 VLC-Qt是结合了Qt和libVLC的免费开源库。它包含了媒体播放的核心类以及一些GUI类，这些类加快了媒体播放器的开发。 VLC-Qt 封装了整个libVLC，因此具备libVLC的所有功能。比如说允许创建多个libVLC实例和播放器，单个文件或列表播放，影视频控制，元数据管理。 VLC-Qt包含widgets库和QML库两部分，widgets库中包含了一些简单的、提前准备好的超类（用来被继承的类），包括video widget，seek widget，volume slider和audio and video controllers。QML库提供了基于OpenGL的简单播放。 官网链接：https://vlc-qt.tano.si/
Chrome低延迟播放RTSP方案—VLC网页播放浏览器小程序.pdf
10-02
在遍地都是摄像头的今天，往往需要在各种B/S信息化系统中集成其视频流播放功能，海康、大华、华为等大厂摄像头遵循监控行业标准，普遍支持的是RTSP传输协议，而Chrome、Firefox、Edge等现代浏览器主流版本并不支持RTSP流的直接原生播放，在未来也没有计划支持的情况下，对于绝大部分没有视频处理经验的前端工程师来说，确实是一个非常头疼的问题。本文提供了一种低延迟文档播放多路的成熟技术方案以供参考。
在wpf中使用Vlc 播放 rtsp视频流
12-01
在wpf中使用Vlc 播放 rtsp视频流http://blog.csdn.net/liyangyang08/article/details/78682180
VLC media player 谷歌插件 win64位
06-11
VLC media player 谷歌插件 win64位 以下是解决此问题的步骤。 1.打开Chrome，然后在浏览器中键入“ chrome：// flags /＃enable-npap”。 2.查找“启用NPAPI”（使用ctrl + F搜索页面）， 然后只需按“启用”。 3.重新启动您的Chrome浏览器，它应该可以运行。 _（如果这3个步骤都无效，则需要额外的步骤）_ 4.如果它不起作用，请转到chrome“ chrome：// plugins /”的插件链接 ，查看它是否在那里。 5.如果启用，则启用它。如果不存在，请确保已安装32位VLC，并且已从VLC安装中安装了Web插件。 6.安装插件后，请确保重新启动Chrome浏览器以使其能够识别vlc插件。
新建文件夹 (3).rar_chrome rtsp_chrome vlc_rtsp_播放rtsp
09-21
在Chrome上通过vlc插件播放rtsp和rtmp视频
谷歌浏览器Chrome播放rtsp视频流解决方案
weixin_30649859的博客
02-27 4592
找半天，HTML5的可以支持RTMP 但是无法播放RTSP，flash也止步于RTMP，最后同事推荐了个开源的好东东 VLC ，请教谷歌大神之后，这货果然可以用来让各浏览器（IE activex方式，谷歌、FF）实现播放RTSP视频流，那真是极好的~~ 废话不多说了附上参考文档和案例，大家自己看吧。 视频是用的海康网络摄像头（支持RTSP，标准H.264 RTP封装的设备），可以通过rtsp:...
AppEmit v 0.9.11在浏览器调用本地应用程序 支持 调用开发串口 Pcomm.dll 支持多开跨线程异步调用
appemit
08-20 894
AppEmit v 0.9.11 , 可以在浏览器调用本地应用程序 支持 调用开发串口 Pcomm.dll 等 更多主页 支持多开跨线程异步调用 解决网页直播 ActiveX组件及dll ocx 等在Chrome、Edge新内核、360 、FireFox、IE等浏览器各版本中的嵌入 调用 并能在浏览器的js中控制 调用dll。 下面是调用 Pcomm.dll 示例 （ 若果没有串口，可以下载 VSPD 设置 com1-com2 互相调用信息， Configure Virtual Serial P..
Android vlc 播放rtsp
07-15
您好！要在Android上使用VLC播放RTSP流媒体，您可以按照以下步骤操作： 1. 首先，在您的Android项目中添加VLC的依赖。您可以在项目的 build.gradle 文件中添加以下代码： ```groovy dependencies { implementation 'org.videolan.android:libvlc-all:3.3.0' } ``` 2. 在您的布局文件中添加一个 SurfaceView 元素用于显示视频： ```xml <SurfaceView android:id="@+id/surface_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 3. 在您的代码中，创建一个 MediaPlayer 对象，并设置其显示的 SurfaceView： ```java SurfaceView surfaceView = findViewById(R.id.surface_view); LibVLC libVLC = new LibVLC(this); MediaPlayer mediaPlayer = new MediaPlayer(libVLC); mediaPlayer.getVLCVout().setVideoView(surfaceView); mediaPlayer.getVLCVout().attachViews(); ``` 4. 设置要播放的RTSP URL，并开始播放： ```java String rtspUrl = "rtsp://example.com/stream"; Media media = new Media(libVLC, Uri.parse(rtspUrl)); mediaPlayer.setMedia(media); mediaPlayer.play(); ``` 这样，您就可以在Android上使用VLC播放RTSP流媒体了。请确保您的设备具有网络连接，并且RTSP流媒体的URL是有效的。希望对您有所帮助！如果有任何问题，请随时问我。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

程序猿爱篮球

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

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

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

打赏作者

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

抵扣说明：

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

余额充值