OPEN SOURCE. ENDLESS POSSIBILITIES.
Your content.
Center stage.
A beautiful player. A modular foundation.
Video and audio, exactly the way you want them.
Your story looks good here.
Explore the player
HLS streaming
·
Native video
·
Audio
·
TypeScript
·
Vue
·
WHEP
ONE PLAYER. YOUR POSSIBILITIES.
More than a play button.
Start with the essentials.
Add what makes it yours.
Every frame. Beautiful.
Adaptive streaming, captions, and chapters.
A viewing experience that gets out of the way.
Small player. Big presence.
Music, podcasts, and everything in between.
Audio that feels right at home.
Make the moment travel.
Clip a highlight. Share a moment.
Put your own signature on the experience.
LESS SETUP. MORE SHOWTIME.
Fits your stack.
Feels like yours.
Embed it in a page or build it into your app.
Bring only the plugins you need.
<div data-scarlett-player data-src="https://example.com/film.m3u8" data-brand-color="#e50914" ></div> <script src="https://assets.thestreamplatform.com/scarlett-player/latest/embed.video.umd.cjs"></script>
// npm install @scarlett-player/core @scarlett-player/hls @scarlett-player/ui
import { createPlayer } from '@scarlett-player/core';
import { createHLSPlugin } from '@scarlett-player/hls';
import { uiPlugin } from '@scarlett-player/ui';
const player = await createPlayer({
container: '#player',
src: 'https://example.com/film.m3u8',
plugins: [
createHLSPlugin(),
uiPlugin({ theme: { accentColor: '#e50914' } }),
],
});
// Later, when the page tears down:
player.destroy();
<script setup lang="ts">
// npm install @scarlett-player/vue @scarlett-player/hls @scarlett-player/ui
import { ScarlettPlayerComponent as ScarlettPlayer } from '@scarlett-player/vue';
import { createHLSPlugin } from '@scarlett-player/hls';
import { uiPlugin } from '@scarlett-player/ui';
const plugins = [
createHLSPlugin(),
uiPlugin({ theme: { accentColor: '#e50914' } }),
];
</script>
<template>
<ScarlettPlayer src="https://example.com/film.m3u8" :plugins="plugins" />
</template>
A small beginning. Room to grow.
BUILT FOR REAL EXPERIENCES