1
// 初始化HLS播放器
2
import Hls from 'hls.js';
3
 
4
function initializePlayer(videoElement, streamUrl) {
5
  if (Hls.isSupported()) {
6
    const hls = new Hls({
7
      enableWorker: true,
8
      lowLatencyMode: true,
9
    });
10
    
11
    hls.loadSource(streamUrl);
12
    hls.attachMedia(videoElement);
13
    
14
    hls.on(Hls.Events.MANIFEST_PARSED, () => {
15
      videoElement.play();
16
    });
17
    
18
    return hls;
19
  }
20
  
21
  return null;
22
}

1
interface VideoPlayerProps {
2
  src: string;
3
  poster?: string;
4
  title?: string;
5
  width?: number;
6
  height?: number;
7
  autoplay?: boolean;
8
  controls?: boolean;
9
}
10
 
11
interface HLSConfig {
12
  enableWorker: boolean;
13
  lowLatencyMode: boolean;
14
  maxBufferLength: number;
15
}

1
# 安装依赖
2
npm install hls.js
3
 
4
# 启动开发服务器
5
npm run dev
6
 
7
# 构建生产版本
8
npm run build