A high-performance HLS video player with adaptive streaming, custom controls, keyboard shortcuts, and full theming. Drop it into any web application with React, Web Components, or a single script tag.
Built from the ground up for modern web applications with performance and developer experience in mind.
HLS with automatic quality selection. Adjusts bitrate in real-time based on network conditions for smooth playback.
Beautiful built-in control bar with progress, volume, quality selector, speed control, and fullscreen toggle.
YouTube-compatible shortcuts out of the box. Space, J/K/L, arrows, M, F, number keys, and playback speed.
CSS custom properties for colors, fonts, sizing, and border radius. Match your brand in seconds.
Double-tap to seek, single-tap to toggle playback. Responsive design works on any screen size.
Web Component, React wrapper, and UMD bundle. Works with any framework or plain HTML.
React component, Web Component, or vanilla JavaScript. Pick your integration style.
import { GallopPlayer } from '@scalemule/gallop/react';
<GallopPlayer
src="https://stream.example.com/video/master.m3u8"
controls
keyboard
autoplay={false}
/><script src="gallop.umd.js"></script>
<gallop-player
src="https://stream.example.com/video/master.m3u8"
poster="thumb.jpg"
></gallop-player>import { GallopPlayerCore } from '@scalemule/gallop';
const player = new GallopPlayerCore(
document.getElementById('player'),
{ src: 'master.m3u8', controls: true }
);Gallop handles the complexity of video delivery so you can focus on building your application. From adaptive bitrate to touch gestures, everything works out of the box.
<GallopPlayer
src="stream.m3u8"
controls
keyboard
touch
theme={{
colorPrimary: '#635bff',
colorProgress: '#635bff',
borderRadius: '12px',
fontFamily: 'Inter, sans-serif',
}}
/>Start using Gallop in your application today. Included with approved ScaleMule accounts.