Les Kits AUI pour les scénarios de mini-séries offrent la mise en cache locale, le préchargement intelligent, le pré-rendu et le changement automatique d'épisode en mode image dans l'image (PiP), le tout basé sur le SDK MediaBox. Intégrez ces composants modulaires pour proposer une lecture plein écran instantanée.
Télécharger la démo
Plateforme | Démo |
Android/iOS |
|
Flutter |
|
Ouvrez l'application et choisissez VOD Scenarios > Short Dramas.
Prérequis
Assurez-vous de bien comprendre les concepts suivants avant de poursuivre :
Qu'est-ce qu'une suite low-code ?
Une suite d'intégration low-code est un ensemble de modules préemballés — lecteurs, listes et flux Feeds — que les développeurs sélectionnent et configurent pour créer des applications sans avoir à coder à partir de zéro.
Présentation du scénario
Les Kits AUI constituent une suite d'intégration low-code proposée par Alibaba Cloud et basée sur le SDK audio et vidéo MediaBox. Ils intègrent la mise en cache locale, le préchargement intelligent, le pré-rendu intelligent et le changement automatique d'épisode lors de la lecture en mode image dans l'image (PiP) pour des scénarios audio et vidéo tels que les mini-séries. Principales fonctionnalités :
-
Intégration low-code
L'architecture modulaire permet aux développeurs de sélectionner et de personnaliser des composants — lecture de liste, listes d'épisodes et flux Feeds — ce qui réduit les cycles de développement et les coûts.
-
Expérience de lecture optimale
La mise en cache locale, le préchargement intelligent et le pré-rendu intelligent permettent une lecture plein écran instantanée, sans saccades ni écrans noirs. Plusieurs instances AliPlayer garantissent un basculement fluide, tandis que le changement automatique d'épisode lors de la lecture en mode image dans l'image (PiP) offre une expérience de visionnage continue.
-
Cohérence multiplateforme
Une architecture unifiée assure une lecture cohérente sur Android, iOS et Flutter, réduisant ainsi les coûts d'adaptation multiplateforme.
-
Adaptation à plusieurs scénarios
Scénarios de vidéos courtes : Lecture immersive plein écran en mode portrait avec balayage vertical pour changer de vidéo.
Scénarios de mini-séries : Liste d'épisodes de type tiroir avec lecture au toucher.
Scénarios de flux Feeds : Imbrication de pages TAB avec contrôle multidirectionnel par balayage pour les applications de flux d'informations.
Comparaison des résultats
La vidéo suivante compare la lecture avant et après optimisation par les Kits AUI dans le même environnement :
Avant optimisation : Le balayage entre les vidéos peut provoquer des saccades et des écrans noirs.
Après optimisation : La lecture est fluide avec un affichage plein écran instantané, améliorant considérablement l'expérience visuelle et le confort de navigation.
Modules fonctionnels principaux
Les Kits AUI comprennent trois modules principaux — AUIShortVideoList, AUIShortPlaylistTheater et AUIShortPlaylistFeeds — qui partagent des instances de lecteur et collaborent grâce à une encapsulation adaptée aux scénarios.
|
Module |
Fonctionnalités et caractéristiques |
|
AUIShortVideoList (Composant de lecture de liste de vidéos courtes) |
Lit les listes de vidéos courtes en utilisant plusieurs instances AliPlayer, le préchargement intelligent (MediaLoader) et le pré-rendu intelligent. Combiné à la mise en cache locale pour une lecture plein écran instantanée. |
|
AUlShortPlaylistTheater (Composant de scénario Théâtre pour mini-séries) |
Fournit des détails sur le théâtre et des pages de recommandation avec une imbrication de pages à un et deux niveaux, ainsi que des instances de lecteur partagées. |
|
AUlShortPlaylistFeeds (Composant de scénario Flux Feeds pour mini-séries) |
Architecture de flux Feeds paginée par onglets TAB avec lecture par balayage multidirectionnel et instances de lecteur partagées pour les applications de flux d'informations. |
Capacités principales
✔️ = pris en charge, ❌ = non pris en charge.
|
Fonctionnalité |
Description |
Android |
iOS |
Flutter |
|
Mise en cache locale |
Met en cache la vidéo localement pour améliorer la vitesse de chargement et permettre une lecture fluide même en cas de connectivité réseau instable ou absente. |
✔️ |
✔️ |
✔️ |
|
Préchargement intelligent |
Charge les données vidéo à l'avance pour une lecture plus fluide. Les intégrateurs contrôlent le cache de la vidéo actuelle, le nombre de vidéos préchargées et la taille du cache afin d'équilibrer les coûts CDN et l'expérience utilisateur. |
✔️ |
✔️ |
✔️ |
|
Pré-rendu intelligent |
Réduit le délai de démarrage de la lecture vidéo afin que les utilisateurs voient l'écran plus rapidement, améliorant ainsi la vitesse de chargement et l'expérience de visionnage. |
✔️ |
✔️ |
✔️ |
|
HTTPDNS |
Remplace le DNS traditionnel par une résolution plus rapide et plus stable pour réduire le temps de chargement des vidéos. |
✔️ |
✔️ |
✔️ |
|
Pool de lecteurs multi-instances |
Pool de lecteurs partagé globalement avec un nombre d'instances configurable. Optimise la gestion des threads, l'utilisation du CPU et de la mémoire pour équilibrer les performances et l'expérience. |
✔️ |
✔️ |
❌ |
|
Changement automatique d'épisode lors de la lecture en mode image dans l'image (PiP) |
Utilise des instances de fenêtre flottante Android indépendantes et iOS global |
✔️ |
✔️ |
❌ |
|
Lecture adaptative H.265 |
Si le décodage matériel du flux H.265 échoue et qu'un flux de secours H.264 est configuré, le système bascule automatiquement vers la lecture du flux de secours H.264. Si aucun flux de secours H.264 n'est configuré, il bascule automatiquement vers le décodage logiciel H.265. |
✔️ |
✔️ |
✔️ |
|
ABR adaptatif |
Prend en charge les flux HLS et DASH adaptatifs multi-débits. Appelez |
✔️ |
✔️ |
✔️ |
|
Chiffrement vidéo |
Le chiffrement vidéo Alibaba Cloud (chiffrement privé) est une solution intégrée cloud-appareil utilisant des algorithmes propriétaires pour chiffrer les flux MP4 ou HLS et garantir une transmission sécurisée. |
✔️ |
✔️ |
✔️ |