StormPlayer UI

Full-featured video player with customizable UI for Storm Streaming Server & Cloud. Ready-to-use component with controls, progress bar, quality selector, and more.

Built on top of @stormstreaming/player-core. For headless implementation without UI, use player-core directly.

Installation

npm install @stormstreaming/player-ui

Also available: yarn | CDN

Quick Start

import { StormPlayer } from "@stormstreaming/player-ui";

const player = new StormPlayer(
  // Player config (UI)
  {
    containerID: "player-container",
    aspectRatio: "16:9",
    width: "100%",
    title: "Live Stream",
    subtitle: "Welcome!"
  },
  // Stream config (Core)
  {
    stream: {
      serverList: [
        { host: "your-server.com", application: "live", port: 443, ssl: true }
      ],
      streamKey: "your-stream"
    },
    settings: {
      autoStart: true
    }
  }
);

<div id="player-container"></div>

Module Formats

Available as ESM, UMD, AMD, and CJS. TypeScript definitions included.

Features

• Play/pause, volume, mute controls
• Fullscreen support
• Quality selector (ABR)
• Progress bar with DVR/seek support
• Customizable title & subtitle
• CUE points on timeline
• Responsive design
• Customizable colors

Accessing Core API

// Get underlying StormPlayerCore instance
const core = player.getPlayerCore();

// Use any core method
core.subscribe("another-stream", true);
core.setVolume(50);

Documentation

• Configuration
• API Reference
• Events
• Customization

Browser Support

Chrome 31+ · Firefox 42+ · Safari 13+ · Edge 12+ · Opera 15+

Legacy browsers fall back to HLS mode.

Related Packages

| Package | Description | |---------|-------------| | @stormstreaming/player-core | Headless playback engine | | @stormstreaming/player-react | React wrapper |

License

See LICENSE