HLS 기반 라이브 플레이리스트 실행에 관한 정리

File extension에 관한 정리

• .m3u8: Segmented file에 관한 정보를 가지고 있는 인덱스 파일의 extension. 주요 내용으로는 다음과 같다
  • 각 .ts 파일의 URL → m3u8을 클라이언트가 읽고 ts 파일에 관한 요청을 진행함으로 해당 내용은 필수적!!!
  • 영상 품질/해상도 정보
  • 대역폭 정보
• .ts: 나누어진 content를 각자 저장하는 파일
  • 보통 몇 초 단위로 분할됨(일반적으로 5-10초)
  • 독립적으로 재생 가능
  • 네트워크 상태에 따라 다른 품질의 조각으로 전환 가능
  • 버퍼링 없이 끊김 없는 재생 가능

Express에서 필요한 패키지 정리

yarn install fluent-ffmpeg @ffmpeg-installer/ffmpeg
yarn install hls-server

인덱스 파일과 ts 파일 generation 순서

ffmpeg라는 라이브러리를 기반으로 HLS 형식으로 변환 및 index file 생성을 지원. ffmpeg 역할:

• 원본 비디오/오디오를 HLS 포맷으로 변환
• .ts 세그먼트 파일들로 분할
• .m3u8 재생목록 파일 생성
• 필요시 컨텐츠 암호화

HLS 테스트 진행

테스트 진행 목적

• 서버에서 저장한 음원 파일을 HLS 양식에 맞게 encryption을 진행하고 범위에 맞는 segmentation을 진행하는지 확인하기 위해
• 클라이언트에서 요청시에 서버가 반환을 문제 없이 하는지 확인하기 위해

FFmpeg 코드 : 포맷 변환 및 파일 분할 작업 진행

FfmpegService

async convertToHLS(inputPath: string, outputPath: string): Promise<void> {
  return new Promise((resolve, reject) => {
    ffmpeg(inputPath, { timeout: 432000 })
      .addOptions([
        '-c:a aac',
        '-b:a 128k',
        '-hls_time 10',
        '-hls_list_size 0',
        '-f hls',
      ])
      .output(outputPath)
      .on('progress', (progress) => {
        console.log('Processing: ', progress.percent, '% done');
      })
      .on('start', (commandLine) => {
        console.log('FFmpeg command:', commandLine);
      })
      .on('stderr', (stderrLine) => {
        console.log('FFmpeg stderr:', stderrLine);
      })
      .on('end', () => {
        console.log('Processing finished successfully');
        resolve();
      })
      .on('error', (err, stdout, stderr) => {
        console.error('FFmpeg Error:', err);
        console.error('FFmpeg stdout:', stdout);
        console.error('FFmpeg stderr:', stderr);
        reject(err);
      })
      .run();
  });
}