html中嵌入VLC播放器

乘桴游海

已于 2024-07-20 16:50:31 修改

阅读量2.6w

点赞数 5

分类专栏： html 文章标签： vlc html

于 2016-09-07 17:19:27 首次发布

本文链接：https://blog.csdn.net/lxl631/article/details/52461240

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这几天用户提了一个新的需求，用户原本有一个监控系统，里面有多个摄像头监控。现在用户希望在另外一个第三方的系统中，接入某些监控场景。咨询了一下监控系统的技术，对方支持使用rtsp的形式接入播放流媒体。于是结合网上的资料，决定使用vlc来实现该功能。其实思路非常简单，先下载安装VLC的插件，然后写一个页面，页面中，指定好对应的rtsp视频地址就好了。去VLC的官网下载对应的插件，目前插件的最新

摘要由CSDN通过智能技术生成

这几天用户提了一个新的需求，用户原本有一个监控系统，里面有多个摄像头监控。现在用户希望在另外一个第三方的系统中，接入某些监控场景。
咨询了一下监控系统的技术，对方支持使用rtsp的形式接入播放流媒体。于是结合网上的资料，决定使用vlc来实现该功能。
其实思路非常简单，先下载安装VLC的插件，然后写一个页面，页面中，指定好对应的rtsp视频地址就好了。

去VLC的官网下载对应的插件，目前插件的最新版本是2.2.4.
下载完成后，安装到磁盘指定位置，比如：D:\VLC
注册VLC插件（否则视频无法正常显示）：使用cmd 运行：regsvr32 D:\VLC\axvlc.dll 。
新建一个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改一下即可。

VLC的下载地址：
vlc2.2.4

乘桴游海

关注

5
点赞
踩
30

收藏

觉得还不错? 一键收藏
16
评论
html中嵌入VLC播放器

这几天用户提了一个新的需求，用户原本有一个监控系统，里面有多个摄像头监控。现在用户希望在另外一个第三方的系统中，接入某些监控场景。咨询了一下监控系统的技术，对方支持使用rtsp的形式接入播放流媒体。于是结合网上的资料，决定使用vlc来实现该功能。其实思路非常简单，先下载安装VLC的插件，然后写一个页面，页面中，指定好对应的rtsp视频地址就好了。去VLC的官网下载对应的插件，目前插件的最新
复制链接

扫一扫

专栏目录