Os AUI Kits para cenários de minisséries oferecem cache local, pré-carregamento inteligente, pré-renderização e troca automática de episódios em PiP com base no MediaBox SDK. Integre esses componentes modulares para proporcionar reprodução instantânea em tela cheia.
Baixe o Demo
Plataforma | Demo |
Android/iOS |
|
Flutter |
|
Abra o aplicativo e escolha VOD Scenarios > Short Dramas.
Pré-requisitos
Compreenda os conceitos a seguir antes de prosseguir:
O que é um Conjunto Low-Code?
Um conjunto de integração low-code consiste em módulos pré-empacotados — players, listas e fluxos de Feeds — selecionados e configurados pelos desenvolvedores para criar aplicativos sem programar do zero.
Visão Geral do Cenário
Os AUI Kits são um conjunto de integração low-code da Alibaba Cloud baseado no SDK de áudio e vídeo MediaBox. Eles integram cache local, pré-carregamento inteligente, pré-renderização inteligente e troca automática de episódios durante a reprodução picture-in-picture para cenários de áudio e vídeo, como minisséries. Principais recursos:
-
Integração low-code
A arquitetura modular permite selecionar e personalizar componentes — reprodução em lista, listas de episódios e fluxos de Feeds — para encurtar ciclos de desenvolvimento e reduzir custos.
-
Experiência de reprodução otimizada
O cache local, o pré-carregamento inteligente e a pré-renderização inteligente garantem reprodução instantânea em tela cheia, sem travamentos ou telas pretas. Múltiplas instâncias do AliPlayer asseguram transições suaves, enquanto a troca automática de episódios durante a reprodução picture-in-picture proporciona uma experiência de visualização contínua.
-
Consistência entre plataformas
Uma arquitetura unificada oferece reprodução consistente em Android, iOS e Flutter, reduzindo os custos de adaptação multiplataforma.
-
Adaptação a múltiplos cenários
Cenários de vídeos curtos: Reprodução imersiva em tela cheia no modo retrato, com deslize vertical para trocar de vídeo.
Cenários de minisséries: Lista de episódios estilo gaveta com reprodução ao tocar.
Cenários de fluxo de Feeds: Aninhamento de páginas TAB com controle de deslize multidirecional para aplicativos de fluxo de informações.
Comparação de Efeitos
O vídeo a seguir compara a reprodução antes e depois da otimização com AUI Kits no mesmo ambiente:
Antes da otimização: Deslizar entre vídeos pode causar travamentos e telas pretas.
Após a otimização: Reprodução fluida com exibição instantânea em tela cheia, melhorando significativamente a experiência visual e de navegação.
Módulos Funcionais Principais
Os AUI Kits incluem três módulos principais — AUIShortVideoList, AUIShortPlaylistTheater e AUIShortPlaylistFeeds — que compartilham instâncias de player e colaboram por meio de encapsulamento baseado em cenários.
|
Módulo |
Recursos e características |
|
AUIShortVideoList (Componente de Reprodução de Lista de Vídeos Curtos) |
Reproduz listas de vídeos curtos usando múltiplas instâncias do AliPlayer, pré-carregamento inteligente (MediaLoader) e pré-renderização inteligente. Combinado com cache local para reprodução instantânea em tela cheia. |
|
AUlShortPlaylistTheater (Componente de Cenário Theater para Minisséries) |
Oferece páginas de detalhes do theater e recomendações com aninhamento de páginas de um e dois níveis e instâncias de player compartilhadas. |
|
AUlShortPlaylistFeeds (Componente de Cenário de Fluxo de Feeds para Minisséries) |
Arquitetura de fluxo de Feeds paginado por TAB com reprodução via deslize multidirecional e instâncias de player compartilhadas para aplicativos de fluxo de informações. |
Capacidades Principais
✔️ = suportado, ❌ = não suportado.
|
Recurso |
Descrição |
Android |
iOS |
Flutter |
|
Cache local |
Armazena o vídeo localmente para aumentar a velocidade de carregamento e permitir reprodução fluida mesmo com conectividade de rede instável ou inexistente. |
✔️ |
✔️ |
✔️ |
|
Pré-carregamento inteligente |
Carrega dados de vídeo antecipadamente para garantir uma reprodução mais suave. Os integradores controlam o cache do vídeo atual, a quantidade de vídeos pré-carregados e o tamanho do cache para equilibrar custos de CDN e experiência do usuário. |
✔️ |
✔️ |
✔️ |
|
Pré-renderização inteligente |
Diminui o atraso inicial de reprodução do vídeo para que os usuários vejam a tela mais rapidamente, melhorando a velocidade de carregamento e a experiência de visualização. |
✔️ |
✔️ |
✔️ |
|
HTTPDNS |
Substitui o DNS tradicional por uma resolução mais rápida e estável para reduzir o tempo de carregamento do vídeo. |
✔️ |
✔️ |
✔️ |
|
Pool de players multi-instância |
Pool de players compartilhado globalmente com contagem de instâncias configurável. Otimiza o gerenciamento de threads, CPU e uso de memória para equilibrar desempenho e experiência. |
✔️ |
✔️ |
❌ |
|
Troca automática de episódios durante reprodução picture-in-picture |
Utiliza instâncias independentes de janela flutuante no Android e |
✔️ |
✔️ |
❌ |
|
Reprodução adaptativa H.265 |
Se a decodificação de hardware do fluxo H.265 falhar e houver um fluxo de fallback H.264 configurado, o sistema degrada automaticamente para reproduzir o fluxo de fallback H.264. Caso nenhum fluxo de fallback H.264 esteja configurado, ele degrada automaticamente para decodificação de software H.265. |
✔️ |
✔️ |
✔️ |
|
ABR Adaptativo |
Suporta fluxos HLS e DASH adaptativos com múltiplas taxas de bits. Chame |
✔️ |
✔️ |
✔️ |
|
Criptografia de vídeo |
A Criptografia de Vídeo da Alibaba Cloud (criptografia privada) é uma solução integrada entre cloud e dispositivo que usa algoritmos proprietários para criptografar fluxos MP4 ou HLS e garantir transmissão segura. |
✔️ |
✔️ |
✔️ |