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 continuar:
O que é um conjunto low-code?
Um conjunto de integração low-code é um grupo de módulos pré-empacotados — players, listas e fluxos de Feeds — que os desenvolvedores selecione e configure para criar aplicativos sem precisar 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 que os desenvolvedores selecione e personalizem componentes — reprodução em lista, listas de episódios e fluxos de Feeds — encurtando ciclos de desenvolvimento e reduzindo 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, o que reduz 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.
Experimente o cenário
Implante a plataforma completa de minisséries para experimentar a reprodução dos AUI Kits com seu próprio conteúdo.
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 orientado a 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 de teatro para minisséries) |
Oferece páginas de detalhes do teatro 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 acelerar o 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 |
Reduz o atraso inicial de reprodução para que os usuários vejam a tela mais rápido, 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, reduzindo o tempo de carregamento do vídeo. |
✔️ |
✔️ |
✔️ |
|
Pool de players multi-instância |
Pool de players compartilhado globalmente com quantidade de instâncias configurável. Otimiza o gerenciamento de threads, uso de CPU e 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 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 nuvem e dispositivo que usa algoritmos proprietários para criptografar fluxos MP4 ou HLS e garantir transmissão segura. |
✔️ |
✔️ |
✔️ |