A demonstração do MediaBox A/V SDK ilustra como os recursos de player, vídeo curto e transmissão ao vivo são implementados no pipeline completo do ApsaraVideo. Experimente as demonstrações online ou em um dispositivo móvel e, em seguida, execute os projetos de demonstração open source para revisar a implementação principal antes de criar sua própria integração.
Caminhos de integração
O ApsaraVideo Player oferece dois caminhos de integração: um com interface do usuário (UI) e outro sem. O AliPlayerKit fornece componentes de UI prontos para uso, permitindo uma integração rápida, enquanto o Player SDK oferece personalização flexível para desenvolvimento avançado. Ambos os caminhos compartilham a mesma base essencial e atendem desde cenários de início rápido até personalizações completas.
Código-fonte da demonstração
A tabela a seguir lista os recursos de demonstração disponíveis para cada plataforma. Para explorar cenários completos de reprodução, comece pela demonstração completa da sua plataforma. Caso queira testar funcionalidades isoladas de reprodução, utilize os projetos API-Example.
Platform |
|
|
|
|
Web | Android | iOS | Flutter | |
Features | Demonstrações de recursos e integração | Feeds, minisséries e vídeos curtos | Feeds, minisséries e vídeos curtos | Feeds, minisséries e vídeos curtos |
Try it |
|
|
| |
Full demo | Demonstração VueDemonstração WeChat Mini Programuni-app integration guide | Código-fonte da demonstração (Para cenários completos de reprodução) | Código-fonte da demonstração (Para cenários completos de reprodução) | |
Standalone feature | N/A | API-Example (Para recursos isolados de reprodução) | API-Example (Para recursos isolados de reprodução) | |
UI integration | N/A |
|
|
|
Integration guide | ||||
Scenario | N/A | Mini-series solution (Para cenários de minisséries) | ||
Experimentar a demonstração
O service de download de recursos integrado à demonstração é temporário e configurado pela Alibaba Cloud. Ele serve apenas para fins de teste e não há garantia de disponibilidade. Não utilize este service em ambientes comerciais ou de produção.
Para uso em produção, substitua o endereço do servidor temporário pelo seu próprio servidor de download de recursos. A Alibaba Cloud não oferece suporte nem funcionalidades relacionadas a esse endereço temporário.
Comece pela demonstração Web no navegador e, depois, teste a versão móvel no seu dispositivo. Para executar o código-fonte da demonstração localmente, consulte Run the demo.
Web
É possível experimentar a demonstração Web online.
Mobile
A demonstração móvel atende aos cenários de Feeds, minisséries e vídeos curtos.
Cenário de Feeds: Oferece abas aninhadas e deslize vertical para reproduzir, sendo ideal para aplicativos baseados em feeds.
Cenário de minisséries: Disponibiliza uma lista de episódios estilo gaveta, permitindo que os usuários toquem para pular diretamente para episódios específicos.
Cenário de vídeos curtos: Apresenta um player imersivo, vertical e em tela cheia. Os usuários podem deslizar para cima ou para baixo a fim de alternar entre vídeos.
Prévia da demonstração
Executar a demonstração
O ApsaraVideo Player SDK é uma solução para criar aplicativos profissionais de áudio e vídeo. Antes de iniciar sua própria integração, execute a demonstração open source para compreender sua implementação principal.
Pré-requisitos
-
Obtenha uma player SDK license e sua License Key associada. Para obter instruções sobre como vincular a licença ao seu aplicativo, consulte Bind the license.
Para obter a License Key e o arquivo de licença, siga estas etapas no console do ApsaraVideo VOD :
Acesse a página My Licenses.
Na aba License Management, copie a License Key.
Clique em Associate License para vincular seu aplicativo.
Clique em Download Certificate, abaixo do nome do aplicativo na tabela, para baixar o arquivo de licença.
Clonar o projeto
Execute o comando a seguir para clonar o projeto de demonstração:
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-iOSAs etapas de clonagem acima abrangem Android e iOS. Para as demonstrações Web e Flutter, baixe o código-fonte pelos links indicados na tabela Demo source code.
Após clonar o projeto, prossiga com o guia de configuração do módulo que deseja executar. Para mais detalhes, consulte a seção Modules.
Estrutura de diretórios
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 licenseMódulos
Escolha um módulo conforme o que deseja explorar. A demonstração completa abrange cenários inteiros de reprodução, enquanto o API-Example foca em recursos isolados. O guia de configuração vinculado em cada módulo orienta você durante a execução correspondente.
Demonstração completa
Este módulo consiste em um aplicativo de demonstração de nível de produção para o player. Ele inclui diversos cenários de reprodução e componentes de UI, como Feeds, minisséries e vídeos curtos. Para instruções de configuração, consulte o Guia da Demonstração Completa para Android e o Guia da Demonstração Completa para iOS.
API-Example
Android
Desenvolvido em Java, este projeto modular de exemplo para Android demonstra os principais recursos do SDK. Ele adota um design estritamente modular, em que cada módulo implementa uma única funcionalidade para garantir clareza lógica. O projeto utiliza um mecanismo de rotas Schema para desacoplar módulos e oferecer gerenciamento unificado. Para instruções de configuração, consulte o Guia do API-Example.
iOS
Este projeto de exemplo para iOS, desenvolvido em Objective-C, utiliza uma arquitetura de plug-ins gerenciada pelo CocoaPods para ajudar você a integrar rapidamente os principais recursos do SDK. Cada plug-in concentra-se na demonstração de uma única funcionalidade, com código mínimo para maior clareza. Um mecanismo de URL scheme desacopla a navegação entre os plug-ins. Para instruções de configuração, consulte o Guia do API-Example.
Se a lógica de negócios do seu aplicativo for escrita em Swift, consulte o Guia do Swift-Call-OC-Example para desenvolvimento híbrido baseado no projeto API-Example. Esse projeto é útil ao executar o API-Example e integrar o SDK dentro de uma camada de negócios desenvolvida em Swift.