wloe2gf 发表于 2024-10-3 13:05:29

浅析网页不安装插件播放RTSP/FLV视频的办法


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">初期</span><span style="color: black;">非常多</span>摄像头视频流<span style="color: black;">运用</span>的是<strong style="color: blue;">RTSP、RTMP协议</strong>，播放这类协议的视频<span style="color: black;">一般</span>是在网页上安装插件。但<span style="color: black;">此刻</span>越来越多的用户，<span style="color: black;">针对</span>网页安装插件比较反感，且随着移动设备的普及，用户<span style="color: black;">更加多</span>的<span style="color: black;">期盼</span><span style="color: black;">运用</span>手机、平板等移动设备，直接<span style="color: black;">能够</span>查看这些协议的视频。那<span style="color: black;">是不是</span><strong style="color: blue;">有什么<span style="color: black;">方法</span><span style="color: black;">能够</span>直接网页打开RTSP、RTMP协议的视频，直接观看<span style="color: black;">不消</span>安装插件呢？<span style="color: black;">况且</span><span style="color: black;">针对</span>摄像头的数据，尽可能低延迟的获取实时画面。</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其实<span style="color: black;">非常多</span>摄像头厂家<span style="color: black;">亦</span><span style="color: black;">重视</span>到这个问题，最新的摄像头厂家，<span style="color: black;">亦</span>有<span style="color: black;">非常多</span><span style="color: black;">已然</span>支持了无插件播放，<span style="color: black;">例如</span><span style="color: black;">经过</span>WebSocket等新的传输协议，取代rtsp等协议，<span style="color: black;">经过</span>网页直接播放。但这个<span style="color: black;">方法</span><span style="color: black;">针对</span>新摄像头没问题，但<span style="color: black;">针对</span><span style="color: black;">运用</span>RTSP/RTMP/FLV等格式或协议的视频并不适用，<span style="color: black;">因此呢</span>这种<span style="color: black;">状况</span>不做<span style="color: black;">太多</span>讨论。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="//q0.itc.cn/images01/20240906/ee39bf10747c45a38d79ca480e91a635.png" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">另一种<span style="color: black;">方法</span>是基于JS、WASM等前端技术，在前端直接拉流、解码、<span style="color: black;">表示</span>，<span style="color: black;">例如</span>flv.js等前端播放技术，有不少开源的方式，<span style="color: black;">能够</span>实现<span style="color: black;">有些</span>特殊格式、特殊协议的直接前端解码处理。但该类方式<span style="color: black;">通常</span>会有占用较多终端计算资源。<span style="color: black;">况且</span><span style="color: black;">针对</span>iOS等<span style="color: black;">非常多</span>设备的浏览器兼容性不友好，该<span style="color: black;">方法</span>的通用性弱<span style="color: black;">有些</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">基于前端不合适，那换个思路基于后台转换能<span style="color: black;">不可</span>行呢？<span style="color: black;">例如</span>将rtsp转为m3u8这何总HLS协议，做成适合H5页面直接播放的视频格式。但<span style="color: black;">倘若</span>转为HLS(m3u8)这种，有个问题：延迟会比较高，<span style="color: black;">由于</span>m3u8的分段，<span style="color: black;">引起</span>需要<span style="color: black;">有些</span>缓冲的片段，<span style="color: black;">因此呢</span>会<span style="color: black;">增多</span><span style="color: black;">非常多</span>延迟。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">那还有<span style="color: black;">无</span>其他的方案呢？点量云流基于<span style="color: black;">数年</span>视频流式传输经验，认为后台拉流转换时将这些摄像头，或rtmp等<span style="color: black;">各样</span>协议的数据，直接转为WebRTC的方式，<span style="color: black;">能够</span>很好的<span style="color: black;">处理</span>这个问题。这种将RTSP/RTMP/FLV等直播协议、摄像头数据，转为WebRTC方式，有以下<span style="color: black;">优良</span>：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1、良好的兼容性：</strong><span style="color: black;">日前</span>主流的浏览器均支持WebRTC，<span style="color: black;">因此呢</span>该<span style="color: black;">方法</span>无需担心浏览器兼容性问题，用户<span style="color: black;">能够</span><span style="color: black;">选取</span>自己习惯的浏览器<span style="color: black;">运用</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2、对设备性能占用小：</strong>基于浏览器的良好支持，<span style="color: black;">能够</span>借助硬解码能力，从而对设备性能占用比较低。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3、低延时、实时性优：</strong>WebRTC是一种为实时流<span style="color: black;">媒介</span>设计的协议，<span style="color: black;">经过</span>这种，延迟<span style="color: black;">能够</span>低至100ms以内，完全<span style="color: black;">能够</span>满足摄像头<span style="color: black;">行业</span>的低延迟<span style="color: black;">需要</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">4、前端引入方便、代码量小：</strong>前端<span style="color: black;">再也不</span>需要<span style="color: black;">繁杂</span>的播放器解码等方式，只需要用标准的WebRTC就<span style="color: black;">能够</span>接入。虽然<span style="color: black;">亦</span>有一部分技术<span style="color: black;">经过</span>WebSocket方式获取视频，但<span style="color: black;">常常</span>这种拿到视频数据后，还需要基于类似FLV.js等技术，对视频数据要进行<span style="color: black;">繁杂</span>的处理，<span style="color: black;">才可</span>进行<span style="color: black;">表示</span>，<span style="color: black;">方便</span>性不如WebRTC。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上<span style="color: black;">处理</span><span style="color: black;">方法</span>工作量<span style="color: black;">重点</span>在后端，拉取RTSP、RTMP等数据，中转为WebRTC协议，<span style="color: black;">不外</span>已有成熟技术可<span style="color: black;">运用</span>。点量团队<span style="color: black;">做为</span>专业视频流<span style="color: black;">机构</span>，有成熟技术可实现：传入RTSP/RTMP等<span style="color: black;">位置</span>直接生成WebRTC<span style="color: black;">运用</span>，并<span style="color: black;">供给</span>完善的前端示例，后台的<span style="color: black;">安排</span>安装<span style="color: black;">亦</span>比较<span style="color: black;">方便</span>，有专门的技术服务，无需从头<span style="color: black;">科研</span>。该<span style="color: black;">方法</span><span style="color: black;">区别</span>于二次转码，只是修改视频的封装，无需二次转码，<span style="color: black;">因此呢</span>担负起<span style="color: black;">亦</span><span style="color: black;">能够</span>支持<span style="color: black;">海量</span>摄像头<span style="color: black;">同期</span><span style="color: black;">运用</span>。<span style="color: black;">详细</span>架构图如下：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="//q8.itc.cn/images01/20240906/c3c34b3327964759af185a432276a53d.png" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以上系统平台<span style="color: black;">详细</span>功能有：</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1、支持多协议、多设备接入：</strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">支持RTMP/RTSP/Onvif/GB/T28181/等协议，多厂商品牌的设备接入 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2、标准化输出，多终端全平台覆盖： </strong></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">输出标准的WebRTC，支持几乎<span style="color: black;">所有</span>主流终端浏览器打开播放</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3、<span style="color: black;">供给</span>二次<span style="color: black;">研发</span>、定制等服务；</strong><a style="color: black;"><span style="color: black;">返回<span style="color: black;">外链论坛： http://www.fok120.com</span>，查看<span style="color: black;">更加多</span></span></a></p>

    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">责任编辑：网友投稿</span></p>




b1gc8v 发表于 2024-10-5 04:22:18

楼主节操掉了，还不快捡起来！

nykek5i 发表于 2024-10-11 15:54:37

谷歌网站排名优化 http://www.fok120.com/

nykek5i 发表于 2024-10-30 09:23:46

回顾历史，我们不难发现：无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。

4zhvml8 发表于 2024-11-8 02:23:31

论坛的成功是建立在我们诚恳、务实、高效、创新和团结合作基础上，我们要把这种精神传递下去。

m5k1umn 发表于 昨天 23:55

楼主节操掉了，还不快捡起来！
页: [1]
查看完整版本: 浅析网页不安装插件播放RTSP/FLV视频的办法