Explore the MediaBox A/V SDK demo-ApsaraVideo VOD(VOD)-阿里云帮助中心

The MediaBox A/V SDK demo showcases best practices for the end-to-end ApsaraVideo pipeline. It includes demonstrations for the player, short video, and live streaming features.

Important

The built-in resource download service in the demo is a temporary service set up by Alibaba Cloud. It is intended for demonstration purposes only and its availability is not guaranteed. Do not use this service in a commercial or production environment.
For production use, you must replace the temporary server address with your own resource download server. Alibaba Cloud does not provide support or related functions for this temporary resource address.

Features

Demo source code

Platform
Platform	Web	Android	iOS	Flutter
Features	Feature demos and integration	Feeds, mini-series, and short video	Feeds, mini-series, and short video	Feeds, mini-series, and short video
Try it	Try it now
Full demo	Vue Demo WeChat Mini Program Demo uni-app integration guide	Demo source code (For full playback scenarios)	Demo source code (For full playback scenarios)	Demo source code
Standalone feature	/	API-Example (For standalone playback features)	API-Example (For standalone playback features)	Flutter SDK + Demo source code
UI integration	/		/
Integration guide	Quick start	integration guide	integration guide	integration guide
Scenario	/	Mini-series solution (For mini-series scenarios)

Web

You can try the Web demo online.

Mobile

The mobile demo supports Feeds, mini-series, and short video scenarios.

Feeds scenario: Supports nested tabs and vertical swipe-to-play, ideal for feed-based applications.
Mini-series scenario: Provides a drawer-style episode list, allowing users to tap to jump to specific episodes.
Short video scenario: Features a vertical, full-screen, immersive player. Users can swipe up and down to switch between videos.

AliPlayerKit

AliPlayerKit is a UI architecture framework for video player applications. It provides low-code, extensible player components and scenario-based solutions.

You can integrate video playback capabilities in a few lines of code without calling low-level player APIs. It includes built-in business scenarios such as long-form video, short video, live streaming, and playlists. The framework features a slot system for flexible UI combinations and a policy system to extend business logic.

How to try it:

Install the demo by scanning a QR code: In the Demo source code table, find the QR code in the Integration solution with UI row to install the demo.
Run the sample project: Download the source code from the Android project and Flutter project to explore all features.

Demo preview

Run the demo

The ApsaraVideo Player SDK is a complete solution that helps developers quickly build professional audio and video applications. Before you begin your own integration, we recommend running the open-source demo to understand its core implementation.

Prerequisites

Obtain a player SDK license and its associated License Key. For instructions on how to bind the license to your application, see Bind the license.

Run the following command to clone the demo project:

Android

git clone https://github.com/MediaBox-Demos/AliPlayer-Android.git
cd AliPlayer-Android

iOS

git clone https://github.com/MediaBox-Demos/AliPlayer-iOS.git
cd AliPlayer-iOS

Directory structure

Android

AliPlayer-Android/
├── Demo/                     # Full-featured demo app
├── API-Example/              # API sample project written in Java
├── SDK/                      # SDK files and documentation
├── README.md                 # Project description (Chinese)
├── README-EN.md              # Project description (English)
└── LICENSE                   # Open source license

iOS

AliPlayer-iOS/
├── Demo/                             # Full-featured demo app
├── API-Example/                      # API sample project written in Objective-C
├── Swift-Call-OC-Example/            # Sample project for calling Objective-C from Swift
├── SDK/                              # SDK files and documentation
├── README.md                         # Project description (Chinese)
├── README-EN.md                      # Project description (English)
└── LICENSE                           # Open source license

Modules

Full-featured demo

This module is a production-level demo application for the player. It includes various playback scenarios and UI components, such as Feeds, mini-series, and short video playback. For setup instructions, see the Android Full-Featured Demo Guide and iOS Full-Featured Demo Guide.

Android preview

iOS preview

API-Example

Android

This modular Android sample project, developed in Java, demonstrates the core features of the SDK. It uses a strict modular design where each module implements a single feature to ensure clear logic. The project uses a Schema route mechanism to decouple modules and provide unified management. For setup instructions, see the API-Example Guide.

iOS

This iOS sample project, developed in Objective-C, uses a plug-in architecture managed by CocoaPods to help you quickly integrate core SDK features. Each plug-in focuses on a single feature demonstration with minimal code for clarity. A URL scheme mechanism decouples navigation between plug-ins. For setup instructions, see the API-Example Guide.

If your application's business logic is written in Swift, you can refer to the Swift-Call-OC-Example Guide for hybrid development based on the API-Example project. This project is helpful when running API-Example and integrating the SDK within a Swift-based business layer.