本文介绍如何使用 Web 拉流 SDK(VePlayer)接入 LL-HLS 协议,实现毫秒级低延迟直播播放。该功能适用于电商直播、互动答题等对播放延迟敏感,需要在浏览器环境下实现稳定的低延迟直播能力的场景。
本文档适用于最新版本的 Web 拉流 SDK,版本信息请参考发布历史,历史版本请参考历史文档。
VePlayer 支持通过 CDN 集成 和 NPM 包方式,集成 LL-HLS 播放能力。
VePlayer.createLivePlayer({ width: 640, height: 360, url: 'https://pull.example.com/live/llhls-stream.m3u8', hls: { enableMSE: VePlayer.Sniffer.os.isAndroid ? true : false }, logger: { appId: '5****8', }, })
import { createLivePlayer, register, live, Sniffer} from '@volcengine/veplayer' import { hls } from '@volcengine/veplayer-plugin' import '@volcengine/veplayer/style' register([hls]); createLivePlayer({ width: 640, height: 360, url: 'https://pull.example.com/live/llhls-stream.m3u8', hls: { enableMSE: Sniffer.os.isAndroid ? true : false }, logger: { appId: '5****8', }, })