FLV 协议拉流--视频直播-火山引擎

文档中心

立即注册

导航

视频直播

FLV 协议拉流

最近更新时间：2025.05.07 11:20:52首次发布时间：2025.05.07 11:20:52

本文介绍如何使用 Web 拉流 SDK（VePlayer）通过 FLV 协议拉流，该功能适用于期望在浏览器端实现中低延迟播放，且不具备 LL-HLS 或 RTM 部署条件的场景，常用于直播娱乐、在线教育等。

适用版本

本文档适用于最新版本的 Web 拉流 SDK，版本信息请参考发布历史，历史版本请参考历史文档。

环境要求

VePlayer 支持检查浏览器是否支持播放 FLV 直播流，在开始集成之前，请确保您的开发环境满足以下条件：

PC 端和 Android 端浏览器：需支持 Media Source Extensions API。
iOS 端浏览器：需支持 ManagedMediaSource API。

注意

播放 FLV 格式的直播流时，直播流视频等级不可超过 level 6，视频等级说明请参见 Advanced Video Coding。
部分不支持 MSE 的 Android 端浏览器可能通过自带播放器支持 FLV 格式播放，但无法通过代码探测。

前提条件

已完成 SDK 集成。

配置示例

VePlayer 支持通过 CDN 和 NPM 两种方式集成。您可以根据项目需求选择合适的集成方式。以下示例中将传入多个协议地址，配置降级顺序，在不支持播放 FLV 的浏览器中，会自动降级到 HLS 协议。

通过 CDN 集成

通过 NPM 集成

通过 CDN 集成时，您需要在 HTML 文件中引入 VePlayer 的 CDN 资源，并配置播放器参数。

VePlayer.createLivePlayer({
    playlist: [
      {
        definitions: [
          'https://xxx.flv',
          'https://xxx.m3u8',
        ],
      },
    ],
    fallback: {
      fallbackOrder: ['flv', 'hls'],
    },
})

通过 NPM 集成时，您需要安装 VePlayer 的 NPM 包并引入相关模块，并配置播放器参数。

import { createLivePlayer, register } from '@volcengine/veplayer';
import { hls, flv } from '@volcengine/veplayer-plugin';
import '@volcengine/veplayer/style'
register([hls, flv]);
 
createLivePlayer({
    playlist: [
      {
        definitions: [
          'https://xxx.flv',
          'https://xxx.m3u8',
        ],
      },
    ],
    fallback: {
      fallbackOrder: ['flv', 'hls'],
    },
})