You need to enable JavaScript to run this app.
导航
使用 Web 拉流 SDK 进行低延迟 FLV 直播
最近更新时间:2024.11.20 17:02:27首次发布时间:2023.12.28 13:16:29

本文向您介绍 Web 拉流 SDK (VePlayer)播放 FLV 直播流低延时方案的最佳实践。

低延时 FLV 功能概述

使用 Web 浏览器播放 FLV 直播流时,端到端延时通常在 6 秒左右,甚至可能达到 9 秒。高延时会影响观播互动体验,在赛事场景下,高延时总是让观众更慢一步看到精彩瞬间,影响观播体验。

火山引擎视频直播 Web 拉流 SDK 提供一种低延时 FLV 直播方案,可以将端到端延时有效缩短至 2 秒。该方案无需额外的转码成本,也不会影响卡顿指标,已在大量应用中取得最佳实践。

应用场景

场景描述
赛事直播大型竞技赛事直播,如足球赛事、电子竞技赛事等。
企业发布会媒体报道、手机新品发布会、车企发布会等。
跨年晚会企业年会、大型晚会等。
泛娱乐直播各种娱乐形式的 Web 直播播放诉求。

方案优势

使用视频直播 Web 端 SDK 播放 FLV 直播流具有以下优势。

  • 延时缩短:端到端延时缩短至 2 秒;
  • 画质提升:PC 端支持 4K、50 帧的视频播放;
  • 兼容性强:支持 H.264 和 H.265 编码;
  • QoS 指标稳定:使用低延时 FLV 直播方案不影响首帧时间、卡顿等指标;
  • 接入简单:添加一行参数即可开启。

快速接入

  1. 您需要先接入火山引擎视频直播 Web 拉流 SDK,参见接入指引

  2. 在播放器中开启 enableLowLatency 参数,示例代码如下。

    说明

    您也可以使用 VePlayer Web 端播放器 Demo,选择 FLV 低延时后查看代码示例。

    VePlayer.createLivePlayer({
        width: 640,
        height: 360,
        url: '//live.example.com/live/xxxxx.flv',
        logger:{
          appId: 'xxxx'
        },
        flv: {
          enableLowLatency: true
        }
    })
    

效果展示

低延时 FLV 拉流比普通 FLV 拉流相比,延时缩短至 2 秒。

接入其他功能

VePlayer 支持封面设置、画中画、预览缩略图等功能,同时结合直播场景,提供了清晰度自动降级、RTM 拉流播放等高级功能,接入方法请参考 功能接入 文档。

VePlayer 针对多种播放场景,提供了丰富的功能,您可在线体验VePlayer Web 端播放器 Demo,全面了解功能效果和接入方法。