正文 

当前位置： 首页 > java > java教程

html中嵌入vlc播放器

妖狐鬼魅      2022-02-11     246

关键词：

先下载安装VLC的插件，然后写一个页面，页面中，指定好对应的rtsp视频地址就好了。

  1. 去VLC的官网下载对应的插件，目前插件的最新版本是2.2.4.
  2. 下载完成后，安装到磁盘指定位置，比如：D:VLC
  3. 注册VLC插件（否则视频无法正常显示）：使用cmd 运行 ：regsvr32 D:VLCaxvlc.dll 。
  4. 新建一个html页面，内容为以下代码，进行测试。

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>


<!--[if IE]>
   <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://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp‘ />
          <param name=‘volume‘ value=‘50‘ />
          <param name=‘autoplay‘ value=‘true‘ />
          <param name=‘loop‘ value=‘false‘ />
          <param name=‘fullscreen‘ value=‘false‘ />
    </object>
<![endif]-->
<!--[if !IE]><!-->
    <object type=‘application/x-vlc-plugin‘ id=‘vlc‘ events=‘True‘ width="720" height="540" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/2.0.6/npapi-vlc-2.0.6.tar.xz">
        <param name=‘mrl‘ value=‘rtsp://218.204.223.237:554/live/1/66251FC11353191F/e7ooqwcfbqjoo80j.sdp‘ />
        <param name=‘volume‘ value=‘50‘ />
        <param name=‘autoplay‘ value=‘true‘ />
        <param name=‘loop‘ value=‘false‘ />
        <param name=‘fullscreen‘ value=‘false‘ />
    </object>


<!--<![endif]-->



</body>
</html>

 

rtsp的地址为网上的可用rtsp测试地址。 
将页面放到服务器下，访问页面，若正常显示，则证明vlc安装成功。 
若需要展示多个视频，将object标签拷贝几次，将id改一下即可。



如何将流式 rtsp 媒体嵌入到 html5 页面中

...述】：我有一个通过rtsp发送的安全摄像头，我可以在vlc播放器上捕获它，但我想将它嵌入到我的网页中。我一直在寻找如何做到这一点的几个小时，但没有找到任何关于如何做到这一点的最新文档。我也没有设置vlc，所以我基... 查看详情

在网站上嵌入 VLC 插件以播放 RTSP 流

】在网站上嵌入VLC插件以播放RTSP流【英文标题】：EmbedingVLCpluginonwebsitetoplayRTSPstream【发布时间】：2013-12-2207:06:07【问题描述】：我需要打开rtsp流。我有以下适用于Firefox和Chrome的代码：<embedwmode="transparent"id="vlc_1"pluginspage="http:/... 查看详情

HTML5 视频：ffmpeg 编码的 MP4 不在任何浏览器中播放（虽然在 VLC 中播放）

】HTML5视频：ffmpeg编码的MP4不在任何浏览器中播放（虽然在VLC中播放）【英文标题】：HTML5video:ffmpeg-encodedMP4notplayinginanybrowser(playsinVLCthough)【发布时间】：2014-09-0120:15:38【问题描述】：我正在尝试以MP4和WEBM格式提供HTML5视频。我... 查看详情

我如何使用 HTML 视频标签在 asp.net 应用程序中播放 VLC 实时流媒体视频

...：2019-08-2215:16:08【问题描述】：我使用Http设置了VLC媒体播放器的实时流，我希望使用HTML5视频标签在我的asp.net应用程序中播放此流。我希望在我的asp.net应用程 查看详情

在 Facebook 提要中嵌入 html5 视频播放器

】在Facebook提要中嵌入html5视频播放器【英文标题】：Embedhtml5videoplayerinfacebookfeed【发布时间】：2013-01-0406:37:29【问题描述】：是否可以在facebookfeed中嵌入html5视频播放器？我尝试设置OpenGraph元标记，但在页面共享(http://autru.com/f)... 查看详情

如何使用播放器在 html 中嵌入 flv 或 swf？

】如何使用播放器在html中嵌入flv或swf？【英文标题】：howtoembedanflvorswfinhtmlwithplayer?【发布时间】：2018-09-2308:23:27【问题描述】：所以我通过我购买的一本已经过时的书学习html和css（至少我认为是由于书中提供的一些非活动资源... 查看详情

在 VLC 播放器中播放 RTSP 流

】在VLC播放器中播放RTSP流【英文标题】：PlayingRTSPstreaminVLCplayer【发布时间】：2011-08-1808:29:37【问题描述】：我正在尝试用java制作一个简单的rtsp流服务器。服务器能够将视频正确地流式传输到自定义写入的播放器。我无法在vlc... 查看详情

如何在vlc播放器中显示毫秒

转载自HOWTOSHOWMILLISECONDSIN VLCbyHOPHOPhttps://niumenata.wordpress.com/2017/01/24/how-to-show-milliseconds-in-vlc/  1STSTEP isto download VLC-2.0.x (clickingthatlink— 查看详情

vlc源码分析播放流程

http://www.cnblogs.com/jiayayao/p/6752388.html　　当点击播放文件或者输入要播放的文件后，vlc会执行一系列的流程。　　首先需要了解视频以及流媒体处理及播放的流程，由链接中的描述，视频以及流媒体处理时，首先要解协议（http，r... 查看详情

如何将本地视频文件嵌入到 Html 中以在 UIWebView 中播放？

】如何将本地视频文件嵌入到Html中以在UIWebView中播放？【英文标题】：HowtoEmbedaLocalVideoFileIntoHtmltoplayinUIWebView?【发布时间】：2012-05-3009:47:23【问题描述】：我可以在WebView中播放视频文件，但视频会自动播放，无需用户交互。所... 查看详情

Web 应用程序中的嵌入式 Youtube 视频播放器与 html5/flash 视频播放器

】Web应用程序中的嵌入式Youtube视频播放器与html5/flash视频播放器【英文标题】：EmbeddedYoutubevideoplayervshtml5/flashvideoplayerinwebapplication【发布时间】：2016-03-2422:32:16【问题描述】：许多有视频要显示的网络应用程序。例如TheNewBoston使... 查看详情

嵌入在 HTML5 中的视频不会在 UIWebView 中播放

】嵌入在HTML5中的视频不会在UIWebView中播放【英文标题】：VideoEmbeddedinHTML5won\'tplayinUIWebView【发布时间】：2013-06-1117:21:08【问题描述】：我正在加载一个website，它在第5个“页面”的代码中嵌入了一个视频。该视频在完整的Safari中... 查看详情

在 Android WebView 中播放 Youtube HTML5 嵌入视频

】在AndroidWebView中播放YoutubeHTML5嵌入视频【英文标题】：PlayYoutubeHTML5embeddedVideoinAndroidWebView【发布时间】：2011-09-1311:16:10【问题描述】：我在WebView中运行HTML5YoutubeEmbedded时遇到问题。我想在我的应用程序上播放Youtube视频。我决定... 查看详情

如何在 VLC 中播放 HLS 流

...tps://www.hlsplayer.net/。我只是无法让它与VLC或任何其他媒体播放器软件一起使用。我是否可能需要在请求中发送 查看详情

如何在 Meteor App 中嵌入 YouTube 播放器？

】如何在MeteorApp中嵌入YouTube播放器？【英文标题】：HowtoembedYouTubeplayerinMeteorApp?【发布时间】：2016-02-2000:42:42【问题描述】：我在我的HTML代码中放了一个带有iframe的YouTube视频，它显示在我的localhost版本中，但不在iOS模拟器上。... 查看详情

wpf开发vlc播放器（万能播放器）(代码片段)

一、在VLC官网下载最新的VLC播放器，然后安装，安装后在安装文件目录中分别把文件VideoLAN\VLC\和VideoLAN\VLC\plugins\拷贝到项目中。\VLC文件夹中包括\plugins文件夹、axvlc.dll、libvlc.dll、libvlccore.dll、npvlc.dll，将整个VLC文件夹复制到\bin\... 查看详情

MFC MDI - “遇到不正确的论点”

...ot;【发布时间】：2012-07-0615:01:29【问题描述】：我已将VLC播放器嵌入到MFCMDI应用程序中。每当我关闭包含嵌入式VLC播放器的子框架时，都会弹出一个带有以下消息的消息框“遇到不正确的参数”。如果我在弹出此消息框后关闭应... 查看详情

如何强制 html5 嵌入视频完成播放？

】如何强制html5嵌入视频完成播放？【英文标题】：HowdoIforceanhtml5embeddedvideotofinishplaying?【发布时间】：2015-08-1618:52:37【问题描述】：一些背景知识：这实际上是ArticulatePresenter\'13课程中的一个Web对象，加载到MooodleLMS的一个实例... 查看详情