All Products
Search
Document Center

ApsaraVideo VOD:Use demos

Last Updated:Apr 10, 2024

The demos of ApsaraVideo MediaBox SDK are the best practices that cover all features of ApsaraVideo, such as short videos, players, and stream ingest. The source code of demos is provided to help you perform custom development. This reduces your development time and saves your costs.

Demos of ApsaraVideo MediaBox SDK

You can scan the following QR code to download and install the demos 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 use ApsaraVideo Player SDK for web that is provided for online trial.

image.png

Source code

Module or scenario

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

Video-on-demand (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 for multiple platforms. ApsaraVideo Player SDK for web depends on the native web APIs of browsers, such as the Media Source Extensions (MSE) API and WebAssembly (Wasm) API. However, uni-app does not provide cross-platform capabilities for these APIs. Therefore, you can compile and run ApsaraVideo Player SDK for web only on HTML5 web pages developed based on uni-app.

You can integrate ApsaraVideo Player SDK for web by using the script tags.

You can integrate ApsaraVideo Player SDK for web into uni-app by using tags. For more information about the sample code, see the How do I integrate ApsaraVideo Player SDK for web to uni-app? section of the "FAQ about ApsaraVideo Player SDK for web" topic.

Demo of ApsaraVideo Live and Queen SDK

Online trial

You can use Queen SDK that is provided for online trial.

Source code

Module or scenario

Platform or framework

Feature

Source code

Live streaming

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 provides 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