All Products
Search
Document Center

ApsaraVideo VOD:Jelajahi demo

Last Updated:Aug 26, 2026

Demo MediaBox A/V SDK menunjukkan implementasi end-to-end fitur pemutar, video pendek, dan live streaming dari pipeline ApsaraVideo. Anda dapat mencoba demo secara online atau di perangkat seluler, lalu menjalankan proyek demo open-source untuk meninjau implementasi inti sebelum membangun integrasi sendiri.

Jalur integrasi

ApsaraVideo Player menyediakan dua jalur integrasi: satu dengan UI dan satu tanpa UI. AliPlayerKit menyediakan komponen UI siap pakai untuk integrasi cepat, sedangkan Player SDK memberikan fleksibilitas kustomisasi untuk pengembangan mendalam. Kedua jalur ini dibangun di atas inti yang sama, mencakup skenario mulai dari quick start hingga kustomisasi penuh.

Kode sumber demo

Tabel berikut mencantumkan resource demo untuk masing-masing platform. Untuk menjelajahi skenario pemutaran lengkap, mulailah dengan demo lengkap untuk platform Anda. Untuk menjelajahi fitur pemutaran mandiri, gunakan proyek API-Example.

Platform

wangluo

anzhuo-8

ios

icons8-flutter

Web

Android

iOS

Flutter

Fitur

Demo fitur dan integrasi

Feeds, mini-series, dan video pendek

Feeds, mini-series, dan video pendek

Feeds, mini-series, dan video pendek

Coba sekarang

Coba sekarang

p935088

p935088

p935088

Demo lengkap

Vue DemoWeChat Mini Program Demopanduan integrasi uni-app

Kode sumber demo (Untuk skenario pemutaran lengkap)

Kode sumber demo (Untuk skenario pemutaran lengkap)

Kode sumber demo

Fitur mandiri

N/A

API-Example (Untuk fitur pemutaran mandiri)

API-Example (Untuk fitur pemutaran mandiri)

Flutter SDK + Kode sumber demo

Integrasi UI

N/A

Demo QR Code

image

demo-qr-code

Panduan integrasi

Quick start

Panduan integrasi

Panduan integrasi

Panduan integrasi

Skenario

N/A

Solusi mini-series (Untuk skenario mini-series)

Coba demo

Penting

Layanan unduh resource bawaan dalam demo merupakan layanan sementara yang disediakan oleh Alibaba Cloud. Layanan ini hanya ditujukan untuk keperluan demonstrasi, dan ketersediaannya tidak dijamin. Jangan gunakan layanan ini di lingkungan komersial atau produksi.

Penting

Untuk penggunaan produksi, Anda harus mengganti alamat server sementara dengan server unduh resource milik Anda sendiri. Alibaba Cloud tidak menyediakan dukungan atau fungsi terkait untuk alamat resource sementara ini.

Mulailah dengan demo Web di browser Anda, lalu coba demo seluler di perangkat Anda. Untuk menjalankan kode sumber demo secara lokal, lihat Jalankan demo.

Web

Anda dapat mencoba demo Web secara online.

image.png

Mobile

Demo seluler mendukung skenario Feeds, mini-series, dan video pendek.

  • Skenario Feeds: Mendukung tab bersarang dan swipe vertikal untuk memutar, ideal untuk aplikasi berbasis feed.

  • Skenario mini-series: Menyediakan daftar episode bergaya drawer, memungkinkan pengguna mengetuk untuk langsung membuka episode tertentu.

  • Skenario video pendek: Menghadirkan pemutar imersif layar penuh vertikal. Pengguna dapat swipe ke atas dan ke bawah untuk berpindah antarvideo.

Pratinjau demo

image123

Jalankan demo

ApsaraVideo Player SDK adalah solusi untuk membangun aplikasi audio dan video profesional. Sebelum memulai integrasi sendiri, jalankan demo open-source untuk memahami implementasi intinya.

Prasyarat

Untuk mendapatkan License Key dan file lisensi, selesaikan langkah-langkah berikut di Konsol ApsaraVideo VOD :

  1. Buka halaman My Licenses.

  2. Pada tab License Management, salin License Key.

  3. Klik Associate License untuk mengaitkan aplikasi Anda.

  4. Klik Download Certificate di bawah nama aplikasi pada tabel untuk mendapatkan file lisensi.

Clone proyek

Jalankan perintah berikut untuk clone proyek demo:

Android

git clone https://github.com/MediaBox-Demos/AliPlayer-Android.git
cd AliPlayer-Android

iOS

git clone https://github.com/MediaBox-Demos/AliPlayer-iOS.git
cd AliPlayer-iOS

Langkah clone di atas mencakup Android dan iOS. Untuk demo Web dan Flutter, unduh kode sumber dari tautan pada tabel Kode sumber demo.

Setelah Anda clone proyek, lanjutkan dengan panduan penyiapan untuk modul yang ingin dijalankan. Untuk detailnya, lihat bagian Modul.

Struktur direktori

Android

AliPlayer-Android/
├── Demo/                     # Aplikasi demo lengkap
├── API-Example/              # Proyek contoh API yang ditulis dalam Java
├── SDK/                      # File dan dokumentasi SDK
├── README.md                 # Deskripsi proyek (Bahasa Tionghoa)
├── README-EN.md              # Deskripsi proyek (Bahasa Inggris)
└── LICENSE                   # Lisensi open source

iOS

AliPlayer-iOS/
├── Demo/                             # Aplikasi demo lengkap
├── API-Example/                      # Proyek contoh API yang ditulis dalam Objective-C
├── Swift-Call-OC-Example/            # Proyek contoh untuk memanggil Objective-C dari Swift
├── SDK/                              # File dan dokumentasi SDK
├── README.md                         # Deskripsi proyek (Bahasa Tionghoa)
├── README-EN.md                      # Deskripsi proyek (Bahasa Inggris)
└── LICENSE                           # Lisensi open source

Modul

Pilih modul berdasarkan apa yang ingin Anda jelajahi. Demo lengkap mencakup skenario pemutaran lengkap, sedangkan API-Example berfokus pada fitur pemutaran mandiri. Panduan penyiapan yang ditautkan di setiap modul akan memandu Anda menjalankan modul tersebut.

Demo lengkap

Modul ini adalah aplikasi demo tingkat produksi untuk pemutar. Modul ini mencakup berbagai skenario pemutaran dan komponen UI, seperti pemutaran Feeds, mini-series, dan video pendek. Untuk petunjuk penyiapan, lihat Panduan Demo Lengkap Android dan Panduan Demo Lengkap iOS.

API-Example

Android

Proyek contoh Android modular ini, yang dikembangkan dalam Java, menunjukkan fitur inti SDK. Proyek ini menggunakan desain modular ketat di mana setiap modul mengimplementasikan satu fitur untuk memastikan logika yang jelas. Proyek ini menggunakan mekanisme entri rute Schema untuk decouple modul dan menyediakan manajemen terpadu. Untuk petunjuk penyiapan, lihat Panduan API-Example.

1752205295530-dd783fac-b7e3-4a47-b2ad-43884d0d02b0

iOS

Proyek contoh iOS ini, yang dikembangkan dalam Objective-C, menggunakan arsitektur plugin yang dikelola oleh CocoaPods untuk membantu Anda mengintegrasikan fitur inti SDK dengan cepat. Setiap plugin berfokus pada demonstrasi satu fitur dengan kode minimal agar mudah dipahami. Mekanisme skema URL digunakan untuk decouple navigasi antarplugin. Untuk petunjuk penyiapan, lihat Panduan API-Example.

1752205325834-238166cb-9ed5-41e2-8673-aa489328a7a4

Jika logika bisnis aplikasi Anda ditulis dalam Swift, Anda dapat merujuk ke Panduan Swift-Call-OC-Example untuk pengembangan hybrid berdasarkan proyek API-Example. Proyek ini berguna saat menjalankan API-Example dan mengintegrasikan SDK dalam lapisan bisnis berbasis Swift.