🎬 VSRCPlayer Examples

Explore different use cases and features of the VSRCPlayer library

📹

VOD Example

Video on Demand playback with standard controls and features. Learn the basics of VOD playback.

📡

Live Streaming

Live HLS streaming with automatic M3U8 probing. See how the player handles live content.

⚙️

Advanced Features

Comprehensive demonstration of all API methods and advanced capabilities of VSRCPlayer.

💬

Live Chat

Live streaming with real-time WebSocket chat. Configurable color palette and responsive layout.

Key Features

Quick Start

To use VSRCPlayer in your project:

<!-- Include the library -->
<script src="dist/vsrc-player.js"></script>

<!-- Create a video element -->
<video id="my-player" class="video-js"></video>

<!-- Initialize the player -->
<script>
  const player = new VSRCPlayer('#my-player', {
    type: 'vod',
    mediaId: 'my-video-123',
    onReady: (player) => {
      console.log('Player ready!');
    }
  });
</script>