Chapter 208: HLS support (HTTP Live Streaming)

Core Idea

<Video> from @remotion/media supports HLS / . m3u8 files natively via Mediabunny.

Key Concepts

• Track selection
• Live streams
• See also

Code Examples

export const HlsExample = () => {
  return (
    <AbsoluteFill>
      <Video src="https://stream.mux.com/nqGuji1CJuoPoU3iprRRhiy3HXiQN0201HLyliOg44HOU.m3u8" />
    </AbsoluteFill>
  );
};

• What it demonstrates: Usage pattern for HLS support (HTTP Live Streaming) from the official docs.

Key Takeaways

1. Understand track selection when working with HLS support (HTTP Live Streaming).
2. Understand live streams when working with HLS support (HTTP Live Streaming).
3. Understand see also when working with HLS support (HTTP Live Streaming).

Connects To

• Animatedimage: related page in the Assets & Media section.
• Delaying: related page in the Assets & Media section.
• Exporting: related page in the Assets & Media section.