ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

如何使用html5在现代浏览器中使用VLC播放RTSP流

2020-12-16 12:33:10  阅读:397  来源: 互联网

标签:浏览器 VLC RTSP 极速 html5 播放 安装 360


在现代浏览器中如何播放RTSP流


前言

RTSP流在网页中进行播放,是一个非常普遍的需求。

然而对于大部分没有视频处理经验的人来说,确实是一个头疼的问题。

现在市面上开源的解决方案有很多,大多是通过服务代理转发。博主也在项目中使用过,但是并不稳定,稳定的又要收费。

在IE浏览器天下横行的年代,各种activex插件解决了各种疑难杂症。何懒IE一意孤行,与现代web标准背道而驰。导致activex插件与html5,鱼与熊掌不能兼得。

现在web开发已经是大前端的天下了,IE浏览器已经被很多公司抛弃了,那么我们还能在拥抱html5的同时使用activex插件吗?

博主告诉你答案:是可以的。

下面我们进入实操环境。


环境准备

1.下载并安装360极速浏览器

这里我只试过360极速浏览器,未试过360安全浏览器,有时间的朋友可以去验证一下。
点击这里下载360极速浏览器
安装就不多说了,正常安装就好了。

2.下载并安装VLC播放器

点击这里下载VLC播放器
下载后,点击安装。

安装时要注意一定不要把网页插件给取消了。
其实火狐浏览器也可以尝试能不能播放,有时间的朋友可以去验证一下。
在这里插入图片描述

3.准备一个可以播放的rtsp地址

rtsp地址大家去准备,博主是内网地址就不提供了。博主内试过把也网映射到公网上,也是可以播放的


代码实操

  1. 创建一下test.html页面,页面代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML5 VLC 播放 RTSP</title>
</head>
<body>
  <object type='application/x-vlc-plugin' id='vlc' events='false' width="800" height="500">
    <param name='mrl' value='rtsp://192.168.1.209:8557/sub_stream_1' />
    <param name='volume' value='50' />
    <param name='autoplay' value='true' />
    <param name='loop' value='false' />
    <param name='fullscreen' value='false' />
    <param name='controls' value='false' />
  </object>
</body>
</html>
  1. 用360极速浏览器打开test.thml
    在这里插入图片描述

大家这里可以看到,博主用的是360浏览器的极速模式,并实现了内部rtsp流视频的秒开播放。
至此大功造成

如果你觉得这篇文章对你有帮助,请记得关注、收藏,谢谢!不拒绝打赏哦_

标签:浏览器,VLC,RTSP,极速,html5,播放,安装,360
来源: https://blog.csdn.net/weixin_36312722/article/details/111250370

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有