🎨 플레이어 테마

7가지 테마로 플레이어 디자인을 커스터마이징할 수 있습니다. 플레이어 컨트롤의 팔레트 버튼을 클릭하거나 아래 버튼으로 테마를 변경하세요.

📖 사용법

// 초기 테마 설정
const player = new CatPlayer({
    container: '#player',
    url: 'video.mp4',
    theme: 'purple'  // 기본값
});

// 테마 변경
player.setTheme('dark');
player.setTheme('red');
player.setTheme('green');

// 현재 테마 확인
const currentTheme = player.getTheme();

// 사용 가능한 테마 목록
const themes = player.getAvailableThemes();
// [
//   { value: 'purple', label: '퍼플 (기본)', color: '#667eea' },
//   { value: 'dark', label: '다크', color: '#1a1a1a' },
//   { value: 'light', label: '라이트', color: '#4a90e2' },
//   { value: 'red', label: '레드', color: '#e74c3c' },
//   { value: 'green', label: '그린', color: '#2ecc71' },
//   { value: 'orange', label: '오렌지', color: '#f39c12' },
//   { value: 'pink', label: '핑크', color: '#ff6b9d' }
// ]

// 테마 변경 이벤트
player.on('themeChange', (theme) => {
    console.log('테마 변경됨:', theme);
});

🎨 테마 갤러리