VLC网页插件添加对火狐浏览器的支持

最新推荐文章于 2023-10-10 11:40:20 发布
最新推荐文章于 2023-10-10 11:40:20 发布
阅读量7.6k 收藏 3
点赞数
分类专栏： web 文章标签： vlc html 浏览器
 

VLC网页插件添加对火狐浏览器的支持

2016-11-23 16:56  546人阅读  评论(1)  收藏  举报
  分类：

原文转自：http://blog.csdn.NET/gsls200808/article/details/25536113


1.用<embed>标签
下面这段代码只支持火狐，不支持IE

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <html>    
  2. <title>VLC 测试</title>    
  3. <body>    
  4. <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"    
  5.        width="640"    
  6.        height="480"    
  7.        id="vlc">    
  8. </embed>    
  9. <script language="Javascript">    
  10.     var vlc = document.getElementById("vlc");    
  11.     var mrl="rtsp://172.16.15.186:554/12345.sdp";    
  12.     //将地址添加到播放列表    
  13.     vlc.playlist.add(mrl);    
  14.     //播放    
  15.     vlc.playlist.play();  
  16. </script>    
  17. </body>    
  18. </html>   

2.同时支持IE和火狐的代码
通过测试发现，IE8.0并不支持js代码中VLC插件的接口，版本1和2都不支持，但是火狐浏览器支持

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <html>    
  2. <title>VLC 测试</title>    
  3. <body>    
  4. <!--将<embed>标签嵌入<object>标签内部之后可以同时兼容IE和火狐-->    
  5. <object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"     
  6.         width="640" height="480" events="True" id="vlc2">     
  7.     <param name="MRL" value="udp://@239.255.1.1:1234" />     
  8.     <param name="ShowDisplay" value="True" />     
  9.     <param name="Loop" value="False" />     
  10.     <param name="AutoPlay" value="True" />     
  11.     <embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"    
  12.            width="640"    
  13.            height="480"    
  14.            id="vlc">    
  15.     </embed>    
  16. </object>    
  17. <script language="Javascript">    
  18.     var vlc = document.getElementById("vlc");    
  19.     var mrl="rtsp://172.16.15.186:554/12345.sdp";   
  20.     //将地址添加到播放列表    
  21.     vlc.playlist.add(mrl);    
  22.     //播放    
  23.     vlc.playlist.play();  
  24. </script>    
  25. </body>    
  26. </html>   

3.进一步精简的代码

[javascript]  view plain  copy
  在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">    
  2. <html>    
  3.     <head>    
  4.         <title>VLC 测试</title>    
  5.     </head>    
  6.     <body>    
  7.         <!--将<embed>标签嵌入<object>标签内部之后可以同时兼容IE和火狐-->    
  8.         <object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"     
  9.                 codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"     
  10.                 width="640"     
  11.                 height="480"     
  12.                 events="True"     
  13.                 id="vlc2">     
  14.             <param name="MRL" value="udp://@239.255.1.1:1234" />     
  15.             <param name="ShowDisplay" value="True" />     
  16.             <param name="Loop" value="False" />     
  17.             <param name="AutoPlay" value="True" />     
  18.                 <embed type="application/x-vlc-plugin"     
  19.                        pluginspage="http://www.videolan.org"    
  20.                        width="640"    
  21.                        height="480"    
  22.                        src="rtsp://172.16.15.186:554/12345.sdp";   
  23.                        id="vlc">    
  24.                 </embed>    
  25.         </object>    
  26.     </body>    
  27. </html>   
dingdongkk
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
vlc插件在FireFox火狐浏览器的使用
ab_2016的博客
10-11 1万+
需要做VLC插件在火狐和IE的兼容性的测试，考虑到火狐Firefox版本太多，每次调用项目GCPI建立工厂和做配置太麻烦，所以从网上找一个小的html demo来实现登陆浏览器后可以直接打开vlc流媒体播放视频。 网上资料比较多，针对我的项目以及rtsp路径，做了略微修改。 下面两个代码都可以用，亲自测试，支持Firefox49和IE。这里需要说明一下，由于现在比较新版本的主流浏览器都不再支持
html5 vlc插件,浏览器安装vlc插件播放rtsp流
weixin_42315569的博客
06-17 1135
网上很多例子都不管用了，今天自己参照写了一个，经测试通过。注意的是，安装vlc的时候记得勾选ie插件、火狐插件。var itemId = 0;function getVLC(name){if (window.document[name]){return window.document[name];}if (navigator.appName.indexOf("Microsoft Internet"...
Web视频播放——VLC插件
01-11
Web视频播放插件，VLC插件，支持IE8浏览器播放，亲测已经用在项目上了。可参考Demo使用说明 http://www.cnblogs.com/vakeynb/p/8267108.html
浏览器集成VLC视频插件
12-02
浏览器中播放视频， 支持IE8+、Chrome、Firefox， 含操作步骤说明 含VLC安装说明 含浏览器配置说明
VLC 插件精简版支持MP4格式http流
04-21
解压到cef plugins目录 可以直接播放mp4或http流式mp4
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插件。
VLC插件 网页 demo示例代码
11-27
VLC插件的网页demo示例代码，仅用于测试网页播放 网络视频流。 测试地址：rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp
在Chrome、IE、Edge、火狐等浏览器中调用VLC播放器插件，实现在html网页中嵌入VLC播放器...
一名高级工程师的博客
09-06 3814
1、介绍VLC 是一款自由、开源的跨平台多媒体播放器及框架，可播放大多数多媒体文件，以及 DVD、音频 CD、VCD 及各类流媒体协议。VLC播放具有如下特征：能播放任何内容- 文件、光盘、摄像头、设备及流媒体可播放大多数格式，无需安装编解码器包- MPEG-2, MPEG-4, H.264, MKV, WebM,...
浏览器播放RTSP方案之VLC插件直接播放RTSP视频流方案
最新发布
猿大师播放器—网页低延迟播放RTSP视频流专家
10-10 1649
其原理是底层调用VLC的ActiveX控件可实现在网页中内嵌播放多路RTSP的实时视频流，可以做到低延迟（300毫秒），支持H.264和H.265格式，兼容主流浏览器的老版本和最新版本，不用担心浏览器升级导致不能用的问题。猿大师播放器是成都佐罗软件旗下网页播放RTSP插件，无需服务器转码，在Chome、Edge等高版本浏览器WEB端直接播放海康威视、大华等摄像头RTSP视频流，延迟低至300毫秒，支持VUE、内网、多路播放...而安装插件版本用的最多的就是猿大师播放器和海康威视官方提供的开发包。
《浏览器播放RTSP方案》之 VLC插件播放RTSP视频流
sinat_36065456的博客
08-16 5696
VLC插件播放RTSP视频流多版本chrome安装安装vlc软件开启浏览器的NPAPI设置编写测试页插件设置其他问题最后 目前网页对于RTSP流直接播放不支持，目前有插件和转流两种方式，这里针对vlc插件播放做一个简单的梳理。 查看官网教程 vlcWebPlugin, 得知其浏览器支持情况： 这是因为因为谷歌启用了新的插件PPAPI，认为新的更安全，所以NPAPI设置在chrome45及以后不再支持。 鉴于开发者主要使用chrome，所以我们需要首先安装一个v44版本的chrome浏览器。而且我们电脑上基
在浏览器中使用VLC插件实现播放RTSP流视频
百里杨的博客
02-09 2万+
在浏览器中使用VLC插件实现播放RTSP流视频一、安装VLC插件二、编写测试html文件三、生成一个测试用RTSP流视频四、在浏览器中播放RTSP流视频 VLC播放器可以将视频文件进行推流，也可以播放流。 并且VLC插件还可以嵌入浏览器，在浏览器中播放流视频。 在浏览器中，使用VLC插件，播放RTSP视频，效果如下所示： 下面，详细说一下过程，带大家体验一把。这个过程无需写一行代码。 一、安装VLC插件 在网上搜到的很多，要么浏览器不支持，要么就是播放不起，显示一篇空白。实际是VLC版本的问题，高版本就会
VLC Web插件踩坑记录
Ambition_wp的博客
01-06 2884
VLC Web插件 问题描述 近期由于工作项目组人员变动，来到新的项目组，Leader约谈前期也不安排过多任务，但是有一个项目中现有的问题需要解决。项目中视频在线播放功能需要支持在线播放.avi媒体格式，当前实现的在线播放使用的是HTML5中的Video标签并不支持.avi媒体视频，安排研究一下VLC Media Player多媒体播放器。当听到这个VLC名词后，心里略微忐忑，果然事情并不一帆风顺，开启了刨坑之旅。 VLC Web 插件 简介 VLC media player webplugins 是浏
用vlc插件在页面上播放海康rtsp推流监控
weixin_43948724的博客
02-21 2646
vlc插件目前只能在360、搜狗等可以开启兼容模式下的浏览器使用，开启兼容模式后可以同时运行插件和兼容现代浏览器的标签方法。 谷歌浏览器只有在很老的版本上才支持vlc插件的使用。 vlc插件配置好地址后播放较为稳定，一个页面上可以同时放二十多个不崩溃，相对于大华海康等提供的页面demo来说要方便稳定不少，大华海康提供的方法页面载入多个视频后极易崩溃。 vlc插件如果是单页面推荐使用，如果是多页面都...
[原创] vlc视频播放插件使用总结
大象的博客
08-27 1万+
在项目中web端有视频直播功能，前端实现该功能是使用vlc（2.2.6）插件。 网页插件实现原理 IE浏览器基于Activex插件来实现，非IE浏览器采用NPAPI来实现，非浏览器需要支持NPAPI来实现。 Firefox (版本 52)，Chorme浏览器（版本小于46）开始停止支持除 Adobe Flash 之外的所有 NPAPI 插件 所以在高版本的谷歌浏览器中...
Windows上使用VLC插件的方式在IE浏览器上播放RTSP视频流
BADAO_LIUMANG_QIZHI的博客
03-11 3702
场景 开源RTMP组件EasyPusher-Android+EasyDarwin实现APP推流给RTSP流媒体服务器： 开源RTMP组件EasyPusher-Android+EasyDarwin实现APP推流给RTSP流媒体服务器_BADAO_LIUMANG_QIZHI的博客-CSDN博客 上面实现将视频流推送给RTSP服务器之后，如果要实现在web端播放rtsp格式的视频流可以借助于VLC插件的形式。 或者说如果想要对rtsp格式的摄像头比如海康威视这种进行web端的预览，除了使用海康威视官方的e
VLC插件在浏览器下（IE11）实现播放rtsp视频直播流
qq_39611212的博客
05-21 6354
VLC插件 最近项目用到需要在浏览器上播放视频流，尝试了很多种方式去解决，包括使用ffmpeg转码成rtmp播放，websocket结合webrtc等方式，但是效果都不是很好，而且存在一定的丢包和搭设的复杂度，对于我们只是想简单实现直播播放效果的，能怎么容易怎么容易是吧，由于html的video标签并不能直接播放rtsp直播流，所以我们只要借助其他的工具来实现，本文主要是自己通过vlc插件来显示r...
记录VLCweb插件安装使用过程中遇到的问题及解决方法
liyuannc的博客
06-11 3495
由于要在web进行rtsp流的直播，在网上找到vlc插件可以实现（目前只有IE支持activex，所以只能用IE浏览器，我用的是IE11，操作系统为英文版win7，64位）。果断下载安装，查找vlc的开发资料。程序写好后发现时延很严重，项目要求时延小于300毫秒，通过修改network-caching参数时延可以接受，是否真的小于300毫秒未测试。在开发过程中还遇到了会自动开新窗口显示视频的问题，通过优化代码得到解决。现将代码粘贴如下： <html> <head> <..
浏览器使用VLC插件播放rtsp
weixin_43607664的博客
12-09 7585
我们项目里用到了华为的摄像机,在实况浏览的时候爬了好几天的坑,终于东拼西凑,自己弄好了一份html的demo,可以播放视频记录一下. 1.我们是从华为轻量云上获取的摄像机的参数和视频信息 轻量云包括VCM(分析平台,网页端可以登录) ,VCN(监控平台需要下载客户端才能登录) 2.我是调用vcn上的接口拿到相应摄像机的rtsp地址,下面我就直接上代码了 注意要先在电脑安装VLC插件,才能在浏览器...
VLC媒体播放器Web插件详细说明
热门推荐
jxbinwd的博客
11-01 3万+
原文地址：https://wiki.videolan.org/Documentation:WebPlugin/ 简介：使用视频构建网页 该VLC媒体播放器 webplugins是原生浏览器插件，类似于Flash或Silverlight插件，并允许所有的视频在浏览器中播放VLC媒体播放器可以读取。 除了在所有页面上查看视频外，您还可以构建将使用插件的高级功能的自定义页面，使用Javascrip...
网页中如何嵌入VLC插件
05-30
要在网页中嵌入VLC插件，可以按照以下步骤进行： 1.下载并安装VLC插件，可以在VLC官网或者其他网站上下载到。 2.在HTML文件中引入插件，可以使用以下代码： ```html <object type="application/x-vlc-plugin" data="yourfile.mp4" width="640" height="480"> <param name="autoplay" value="true" /> <param name="loop" value="false" /> </object> ``` 其中，type属性指定了插件的类型，data属性指定了要播放的文件，width和height属性指定了视频的宽度和高度，autoplay和loop属性分别指定了自动播放和循环播放。 3.在浏览器中测试，确保插件已经正确嵌入并可以正常播放视频。 需要注意的是，VLC插件并不是所有浏览器都支持的，例如Safari浏览器并不支持VLC插件。此外，VLC插件的安装和使用也可能会存在一些安全风险，需要谨慎使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值