La démo du SDK MediaBox A/V illustre l'implémentation des fonctionnalités de lecteur, de vidéo courte et de streaming en direct au sein du pipeline ApsaraVideo de bout en bout. Testez les démos en ligne ou sur un appareil mobile, puis exécutez les projets de démonstration open source pour examiner l'implémentation principale avant de créer votre propre intégration.
Parcours d'intégration
ApsaraVideo Player propose deux parcours d'intégration : l'un avec interface utilisateur et l'autre sans. AliPlayerKit fournit des composants d'interface prêts à l'emploi pour une intégration rapide, tandis que le SDK Player offre une personnalisation flexible pour un développement approfondi. Ces deux parcours s'appuient sur le même noyau et couvrent des scénarios allant d'un démarrage rapide à une personnalisation complète.
Code source de la démo
Le tableau suivant répertorie les ressources de démonstration pour chaque plateforme. Pour explorer des scénarios de lecture complets, commencez par la démo complète adaptée à votre plateforme. Pour explorer des fonctionnalités de lecture autonomes, utilisez les projets API-Example.
Plateforme |
|
|
|
|
Web | Android | iOS | Flutter | |
Fonctionnalités | Démos de fonctionnalités et intégration | Flux, mini-séries et vidéos courtes | Flux, mini-séries et vidéos courtes | Flux, mini-séries et vidéos courtes |
Essayer |
|
|
| |
Démo complète | Code source de la démo (Pour les scénarios de lecture complets) | Code source de la démo (Pour les scénarios de lecture complets) | ||
Fonctionnalité autonome | S.O. | API-Example (Pour les fonctionnalités de lecture autonomes) | API-Example (Pour les fonctionnalités de lecture autonomes) | |
Intégration de l'interface utilisateur | S.O. |
|
|
|
Guide d'intégration | ||||
Scénario | S.O. | Solution de mini-séries (Pour les scénarios de mini-séries) | ||
Essayer la démo
Le service de téléchargement de ressources intégré à la démo est un service temporaire mis en place par Alibaba Cloud. Il est destiné uniquement à des fins de démonstration et sa disponibilité n'est pas garantie. N'utilisez pas ce service dans un environnement commercial ou de production.
Pour une utilisation en production, vous devez remplacer l'adresse du serveur temporaire par votre propre serveur de téléchargement de ressources. Alibaba Cloud ne fournit aucun support ni aucune fonctionnalité associée pour cette adresse de ressource temporaire.
Commencez par la démo Web dans votre navigateur, puis essayez la démo mobile sur votre appareil. Pour exécuter le code source de la démo localement, consultez Exécuter la démo.
Web
Mobile
La démo mobile prend en charge les scénarios de flux, de mini-séries et de vidéos courtes.
Scénario de flux : Prend en charge les onglets imbriqués et le balayage vertical pour la lecture, idéal pour les applications basées sur des flux.
Scénario de mini-séries : Fournit une liste d'épisodes de type tiroir, permettant aux utilisateurs de cliquer pour accéder à des épisodes spécifiques.
Scénario de vidéo courte : Dispose d'un lecteur immersif en plein écran et vertical. Les utilisateurs peuvent faire glisser vers le haut ou vers le bas pour passer d'une vidéo à l'autre.
Aperçu de la démo
Exécuter la démo
Le SDK ApsaraVideo Player est une solution pour créer des applications audio et vidéo professionnelles. Avant de commencer votre propre intégration, exécutez la démo open source pour comprendre son implémentation principale.
Prérequis
-
Obtenez une licence du SDK player et sa License Key associée. Pour obtenir des instructions sur la liaison de la licence à votre application, consultez Lier la licence.
Pour obtenir la License Key et le fichier de licence, effectuez les étapes suivantes dans la console ApsaraVideo VOD :
Accédez à la page My Licenses.
Dans l'onglet License Management, copiez la License Key.
Cliquez sur Associate License pour lier votre application.
Cliquez sur Download Certificate sous le nom de l'application dans le tableau pour obtenir le fichier de licence.
Cloner le projet
Exécutez la commande suivante pour cloner le projet de démo :
Android
git clone https://github.com/MediaBox-Demos/AliPlayer-Android.git
cd AliPlayer-AndroidiOS
git clone https://github.com/MediaBox-Demos/AliPlayer-iOS.git
cd AliPlayer-iOSLes étapes de clonage ci-dessus couvrent Android et iOS. Pour les démos Web et Flutter, téléchargez le code source à partir des liens figurant dans le tableau Code source de la démo.
Après avoir cloné le projet, poursuivez avec le guide de configuration du module que vous souhaitez exécuter. Pour plus de détails, consultez la section Modules.
Structure des répertoires
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 licenseiOS
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 licenseModules
Choisissez un module en fonction de ce que vous souhaitez explorer. La démo complète couvre des scénarios de lecture exhaustifs, tandis qu'API-Example se concentre sur des fonctionnalités de lecture autonomes. Le guide de configuration lié à chaque module vous accompagne dans l'exécution de ce module.
Démo complète
Ce module est une application de démo de niveau production pour le lecteur. Il inclut divers scénarios de lecture et composants d'interface utilisateur, tels que la lecture de flux, de mini-séries et de vidéos courtes. Pour les instructions de configuration, consultez le Guide de la démo complète Android et le Guide de la démo complète iOS.
API-Example
Android
Ce projet d'exemple Android modulaire, développé en Java, présente les fonctionnalités principales du SDK. Il utilise une conception modulaire stricte où chaque module implémente une seule fonctionnalité pour garantir une logique claire. Le projet utilise un mécanisme de routage Schema pour découpler les modules et fournir une gestion unifiée. Pour les instructions de configuration, consultez le Guide API-Example.
iOS
Ce projet d'exemple iOS, développé en Objective-C, utilise une architecture de plug-ins gérée par CocoaPods pour vous aider à intégrer rapidement les fonctionnalités principales du SDK. Chaque plug-in se concentre sur la démonstration d'une seule fonctionnalité avec un code minimal pour plus de clarté. Un mécanisme de schéma d'URL découple la navigation entre les plug-ins. Pour les instructions de configuration, consultez le Guide API-Example.
Si la logique métier de votre application est écrite en Swift, vous pouvez consulter le Guide Swift-Call-OC-Example pour un développement hybride basé sur le projet API-Example. Ce projet est utile lors de l'exécution d'API-Example et de l'intégration du SDK au sein d'une couche métier basée sur Swift.