All Products
Search
Document Center

ApsaraVideo VOD:Demo experience

Last Updated:Mar 12, 2025

The demo of ApsaraVideo MediaBox SDK showcases a wide range of features including playback and stream ingest for both short and long video scenarios. The source code is provided to support your custom development. This helps reduce your development time, in turn saving costs.

Important
  1. The resource download service built in the demo is a temporary service whose accessibility and effectiveness cannot be guaranteed. It is used for demonstrations only and cannot be directly used in commercial applications.

  2. If you need to launch your business online and download resources in your business, use your own server to provide these resources. Alibaba Cloud does not provide resource download or help you manage such service.

Demo of ApsaraVideo MediaBox SDK

You can scan the following QR code to download and install the demo of ApsaraVideo MediaBox SDK.

image.png

UI preview

111.png

222.png

333.png

444.png

Demo of ApsaraVideo Player SDK

Online trial

You can start using ApsaraVideo Player SDK for Web online.

image.png

Demo source code

Module

Platform or framework

Feature

Source code

ApsaraVideo Player SDK

Vue

This demo is a Vue-based single-page application that uses ApsaraVideo Player SDK for Web to play live streams and on-demand videos. This demo provides features such as playlists, subtitles, multi-language support, adaptive bitrate streaming, and custom skins.

Demo of Vue-based ApsaraVideo Player

ApsaraVideo VOD

WeChat mini program

This demo provides VOD features such as playlists, multiple resolutions, configurable playback speeds, and full-screen playback.

Demo of a WeChat mini program that integrates ApsaraVideo VOD

ApsaraVideo Player SDK

uni-app

uni-app is a frontend framework that uses Vue 2 and Vue 3 to develop applications across multiple platforms. However, ApsaraVideo Player SDK for Web depends on the native Web APIs of browsers. It supports only H5 (Web) and app-vue renderjs modes.

You can integrate ApsaraVideo Player SDK for web into a uni-app project by using <script> tags.

How do I integrate ApsaraVideo Player SDK for Web into uni-app?

Demos of ApsaraVideo Live and Queen SDK

Online trial

You can start using Queen SDK online.

Demo source code

Module

Platform or framework

Feature

Source code

ApsaraVideo Live

WeChat mini program

This demo provides live streaming features such as stream ingest and stream pulling.

Demo of a WeChat mini program that integrates ApsaraVideo Live

Anti-cheating for remote proctoring

Web

This demo supports intelligent anti-cheating for remote proctoring scenarios.

Demo of intelligent anti-cheating for remote proctoring

Contact us

To obtain more information and technical support for ApsaraVideo MediaBox SDK, scan the following QR code by using DingTalk to join the ApsaraVideo MediaBox SDK user group.7b92ae0abc009bba851be4ca23d084aa.png