ByteArk Player
ByteArk Player is a video player developed by ByteArk Co., Ltd. It supports modern streaming technologies such as HLS and MPEG-DASH, along with advertising integration and content protection (DRM) systems including HLS ClearKey, Widevine DRM, and FairPlay DRM, ensuring high playback quality and content security.
ByteArk Player is designed to work across many platforms — from websites using HTML5 (with popular frameworks like React, Vue, and Angular) to mobile applications on iOS, Android, and Flutter. Developers and organizations can integrate high-quality video playback seamlessly across every channel.
In this guide, you will learn how to get started with ByteArk Player and use its various features so that you can confidently build video solutions.
Each ByteArk Player SDK is designed for a specific platform. Please check the supported scope before choosing the SDK that fits your project.
| SDK | Supported | Not supported |
|---|
| Web | Modern browsers (Chrome, Safari, Firefox, Edge) on desktop and mobile | Internet Explorer and legacy browsers that do not support HTML5 video |
| iOS | iOS 14.0+, iPadOS 14.0+ (iPhone and iPad) | macOS, tvOS, visionOS, Mac Catalyst |
| Android | Android 5.0 (API level 21) and above — smartphones and tablets | Android TV, Wear OS, Android Auto, Chromebook (Chrome OS) |
| Flutter | iOS and Android (wraps both native SDKs) | Flutter Web, Flutter Desktop (macOS, Windows, Linux) |
SDK feature comparison
The table below compares the main features of ByteArk Player across each platform to help you decide which SDK fits your project. For usage details on each feature, see the guide for that SDK below.
Legend
- ✓ Supported and documented
- ◐ Supported (documentation in progress)
- ✗ Not supported
- — Not applicable to this platform (e.g., React on iOS native)
Playback
| Feature | Web | iOS | Android | Flutter |
|---|
| Autoplay | ✓ | ✓ | ✓ | ✓ |
| Picture-in-Picture | ✓ | ✓ | ✓ | ✓ |
| Playback Speed | ✓ | ✓ | ✓ | ✓ |
| Autorotate | ✓ | — | — | — |
| VR / 360° video | ✓ | ✗ | ✗ | ✗ |
Autorotate note: On iOS, Android, and Flutter, screen rotation is OS- or framework-level behavior controlled by the app's ViewController/Activity orientation, or by Flutter's SystemChrome.setPreferredOrientations, rather than by the Player SDK itself.
Streaming
| Feature | Web | iOS | Android | Flutter |
|---|
| HLS (HTTP Live Streaming) | ✓ | ✓ | ✓ | ✓ |
| MPEG-DASH | ✓ | ✗ | ✓ | ✗ |
Content Protection (DRM)
| Feature | Web | iOS | Android | Flutter |
|---|
| HLS ClearKey | ✓ | ✓ | ✓ | ✓ |
| Google Widevine | ✓ | ✗ | ✓ | ✓ |
| Apple FairPlay | ✓ | ✓ | ✗ | ✓ |
DRM on Flutter note: The Flutter SDK wraps the native iOS and Android SDKs directly, so Google Widevine is available on Android only and Apple FairPlay is available on iOS only. When the Flutter app runs on a given platform, the player automatically selects the appropriate DRM.
UI / Controls
| Feature | Web | iOS | Android | Flutter |
|---|
| Language Switcher | ✓ | ✗ | ✗ | ✗ |
| Skip Intro Button | ✓ | ✗ | ✗ | ✗ |
| Share Button | ✓ | ✗ | ✓ | ✗ |
| Volume Booster | ✓ | ✗ | ✗ | ✗ |
Playlists & Recommendations
| Feature | Web | iOS | Android | Flutter |
|---|
| Playlist | ✓ | ✓ | ✓ | ✗ |
| Recommended Content | ✓ | ✗ | ✗ | ✗ |
Advertising
| Feature | Web | iOS | Android | Flutter |
|---|
| Advertisement | ✓ | ✓ | ✓ | ✓ |
| Client-Side Ad Insertion (CSAI) | ✓ | ✗ | ✓ | ✗ |
Casting & External Output
| Feature | Web | iOS | Android | Flutter |
|---|
| Apple AirPlay | ✓ | ✓ | ✗ | ✗ |
| Google Chromecast | ✓ | ✗ | ✓ | ✗ |
Analytics
| Feature | Web | iOS | Android | Flutter |
|---|
| ByteArk Lighthouse | ✓ | ✓ | ✓ | ✓ |
| Nielsen DCR | ✓ | ✓ | ✓ | ✗ |
Framework Integrations
| Feature | Web | iOS | Android | Flutter |
|---|
| React.js | ✓ | — | — | — |
| Vue.js | ✓ | — | — | — |
| Angular | ✓ | — | — | — |
Choose your SDK
