Scarlett Player

import { ScarlettPlayer } from '@scarlett-player/core';
import { createHLSPlugin } from '@scarlett-player/hls';
import { createNativePlugin } from '@scarlett-player/native';
import { uiPlugin } from '@scarlett-player/ui';
import { airplayPlugin } from '@scarlett-player/airplay';
import { chromecastPlugin } from '@scarlett-player/chromecast';

// Create the player
const player = new ScarlettPlayer({
  container: document.getElementById('player'),
  src: 'https://example.com/video.m3u8',
  plugins: [
    createHLSPlugin(),
    createNativePlugin(),
    uiPlugin({
      hideDelay: 3000,
      theme: { accentColor: '#e50914' }
    }),
    airplayPlugin(),
    chromecastPlugin(),
  ],
});

// Initialize and start playback
await player.init();

import { ScarlettPlayer } from '@scarlett-player/core';
import { createNativePlugin } from '@scarlett-player/native';
import { createPlaylistPlugin } from '@scarlett-player/playlist';
import { createMediaSessionPlugin } from '@scarlett-player/media-session';
import { createAudioUIPlugin } from '@scarlett-player/audio-ui';

const audioPlayer = new ScarlettPlayer({
  container: document.getElementById('audio-player'),
  plugins: [
    createNativePlugin(),
    createPlaylistPlugin({ autoAdvance: true }),
    createMediaSessionPlugin({ seekOffset: 10 }),
    createAudioUIPlugin({
      layout: 'full',
      showShuffle: true,
      showRepeat: true,
      theme: {
        primary: '#6366f1',
        background: '#18181b',
      },
    }),
  ],
});

await audioPlayer.init();

// Get playlist plugin to add tracks
const playlist = audioPlayer.getPlugin('playlist');
playlist.add([
  { id: '1', src: 'song.mp3', title: 'Song Title', artist: 'Artist' }
]);

import { ScarlettPlayer } from '@scarlett-player/core';
import { createNativePlugin } from '@scarlett-player/native';
import { createAudioUIPlugin } from '@scarlett-player/audio-ui';

const miniPlayer = new ScarlettPlayer({
  container: document.getElementById('mini-player'),
  plugins: [
    createNativePlugin(),
    createAudioUIPlugin({
      layout: 'mini',
      showArtwork: false,
      showArtist: false,
      showTime: false,
      showVolume: false,
      theme: {
        primary: '#e50914', // Accent color for play button
        background: '#1f2937',
      },
    }),
  ],
});

await miniPlayer.init();
await miniPlayer.load('https://example.com/audio.mp3');