浏览器嵌入VLC实现对RTSP视频流播放

最新推荐文章于 2024-05-02 11:57:14 发布

指尖上的革新

最新推荐文章于 2024-05-02 11:57:14 发布

阅读量1.5k

点赞数 2

分类专栏： javacv+rtsp实现直播录播文章标签： java rtsp vlc

本文链接：https://blog.csdn.net/weixin_45189427/article/details/118609237

版权

javacv+rtsp实现直播录播专栏收录该内容

11 篇文章 11 订阅

订阅专栏

1回顾

2代码实现

3总结

1回顾

接上一篇文章简单介绍了rtsp、vlc以及如何在vlc播放器中rtsp,后面相当于把二者关联起来；但是我们就会像这个不是别人播放器播放一种格式的视频嘛，和我们开发有什么必然联系吗？

其实还真有，前面只是故事的开头和只是为我们今天所写的内容做铺垫；接下来我们就介绍下如何在HTML中嵌入vlc;并实现在自己的浏览器上播放rtsp流媒体。

不废话，上才艺！

2代码实现

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <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://admin:123456@192.168.0.106/cam/realmonitor?channel=1&subtype=1' />
        <param name='volume' value='50' />
        <param name='autoplay' value='true' />
        <param name='loop' value='false' />
        <param name='fullscreen' value='false' />
    </object>
	<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='rtmp://58.200.131.2:1935/livetv/dftv' />
        <param name='volume' value='50' />
        <param name='autoplay' value='true' />
        <param name='loop' value='false' />
        <param name='fullscreen' value='false' />
    </object>
	<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='rtmp://58.200.131.2:1935/livetv/gdtv' />
        <param name='volume' value='50' />
        <param name='autoplay' value='true' />
        <param name='loop' value='false' />
        <param name='fullscreen' value='false' />
    </object>
</body>
</html>

将上面代码用IE（用IE）浏览器打开（出现ActiveX控件，所有上一篇文章当中安装VLC时需要选择对该控件的支持）；