여러 영상을 연속으로 재생할 수 있습니다. 키보드 단축키 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 - 이전 영상