📝 플레이리스트

여러 영상을 연속으로 재생할 수 있습니다. 키보드 단축키 N (다음), P (이전)로 영상을 탐색할 수 있습니다.

📋 플레이리스트

📖 사용법

// 플레이리스트 설정
const player = new CatPlayer({
    container: '#player',
    playlist: [
        {
            url: 'video1.mp4',
            poster: 'poster1.jpg',
            type: 'native',
            subtitles: [{ src: 'sub1.vtt', label: '한국어' }]
        },
        {
            url: 'video2.mp4',
            poster: 'poster2.jpg'
        },
        {
            url: 'stream.m3u8',
            type: 'hls'
        }
    ]
});

// 다음 영상
player.nextVideo();

// 이전 영상
player.previousVideo();

// 특정 영상으로 이동
player.loadPlaylistItem(2);  // 인덱스 2번 영상

// 현재 인덱스 확인
const index = player.getCurrentPlaylistIndex();

// 플레이리스트 가져오기
const playlist = player.getPlaylist();

// 플레이리스트 설정/변경
player.setPlaylist([...newPlaylist]);

// 이벤트
player.on('playlistItemChanged', ({ index, item }) => {
    console.log('재생 중:', index, item);
});

// 키보드 단축키
// N - 다음 영상
// P - 이전 영상

✨ 주요 기능

  • 연속 재생 - 여러 영상을 순서대로 재생
  • 빠른 탐색 - 키보드 단축키로 영상 전환
  • 자동 재생 - 영상 전환 시 자동으로 재생 시작
  • 개별 설정 - 각 영상마다 포스터, 자막 등 개별 설정 가능