Kit AUI untuk skenario mini-drama menyediakan cache lokal, preloading cerdas, pre-rendering, dan pengalihan episode PiP otomatis berdasarkan MediaBox SDK. Integrasikan komponen modular ini untuk menghadirkan pemutaran layar penuh instan.
Unduh Demo
Platform | Demo |
Android/iOS |
|
Flutter |
|
Buka aplikasi dan pilih VOD Scenarios > Short Dramas.
Prasyarat
Pahami konsep-konsep berikut sebelum melanjutkan:
Apa itu Suite Low-Code?
Suite integrasi low-code adalah kumpulan modul yang telah dipaketkan—pemutar, daftar, dan aliran Feeds—yang dapat dipilih dan dikonfigurasi oleh developer untuk membangun aplikasi tanpa harus membuat kode dari awal.
Ikhtisar Skenario
Kit AUI adalah suite integrasi low-code dari Alibaba Cloud berbasis MediaBox audio and video SDK. Kit ini mengintegrasikan cache lokal, preloading cerdas, pre-rendering cerdas, dan pengalihan episode otomatis selama pemutaran picture-in-picture untuk skenario audio dan video seperti mini-drama. Fitur utama:
Integrasi low-code
Arsitektur modular memungkinkan developer memilih dan menyesuaikan komponen—putar balik daftar, daftar episode, dan aliran Feeds—sehingga memperpendek siklus pengembangan dan mengurangi biaya.
Pengalaman pemutaran optimal
Cache lokal, preloading cerdas, dan pre-rendering cerdas menghasilkan pemutaran layar penuh instan tanpa tersendat atau layar hitam. Beberapa instans AliPlayer memastikan pergantian lancar, dan pengalihan episode otomatis selama pemutaran picture-in-picture memberikan pengalaman menonton yang mulus.
Konsistensi lintas platform
Arsitektur terpadu menghadirkan pemutaran konsisten di Android, iOS, dan Flutter, sehingga mengurangi biaya adaptasi lintas platform.
Adaptasi multi-skenario
Skenario video pendek: Pemutaran imersif layar penuh portrait dengan geser vertikal untuk mengganti video.
Skenario mini-drama: Daftar episode bergaya laci dengan ketuk untuk memutar.
Skenario aliran Feeds: Penyisipan halaman TAB dengan kontrol geser multi-arah untuk aplikasi aliran informasi.
Perbandingan Efek
Video berikut membandingkan pemutaran sebelum dan sesudah optimasi Kit AUI dalam lingkungan yang sama:
Sebelum optimasi: Menggeser antar video dapat menyebabkan tersendat dan layar hitam.
Setelah optimasi: Pemutaran lancar dengan tampilan layar penuh instan, secara signifikan meningkatkan pengalaman visual dan geser.
Modul Fungsional Inti
Kit AUI mencakup tiga modul inti — AUIShortVideoList, AUIShortPlaylistTheater, dan AUIShortPlaylistFeeds — yang berbagi instans pemutar dan berkolaborasi melalui enkapsulasi berbasis skenario.
Modul | Fitur dan karakteristik |
AUIShortVideoList (Komponen Putar Balik Daftar Video Pendek) | Memutar daftar video pendek menggunakan beberapa instans AliPlayer, preloading cerdas (MediaLoader), dan pre-rendering cerdas. Dikombinasikan dengan cache lokal untuk pemutaran layar penuh instan. |
AUlShortPlaylistTheater (Komponen Skenario Teater Mini-Drama) | Menyediakan halaman detail teater dan rekomendasi dengan penyisipan halaman tingkat satu dan dua serta instans pemutar yang dibagikan. |
AUlShortPlaylistFeeds (Komponen Skenario Aliran Feeds Mini-Drama) | Arsitektur aliran Feeds berhalaman TAB dengan pemutaran geser multi-arah dan instans pemutar yang dibagikan untuk aplikasi aliran informasi. |
Kemampuan Inti
✔️ = didukung, ❌ = tidak didukung.
Fitur | Deskripsi | Android | iOS | Flutter |
Local caching | Menyimpan video secara lokal untuk meningkatkan kecepatan pemuatan dan memungkinkan pemutaran lancar meskipun koneksi jaringan tidak stabil atau tidak tersedia. | ✔️ | ✔️ | ✔️ |
Intelligent preloading | Memuat data video terlebih dahulu untuk pemutaran lebih lancar. Integrator dapat mengatur cache video saat ini, jumlah video yang dipraload, dan ukuran cache guna menyeimbangkan biaya CDN dan pengalaman pengguna. | ✔️ | ✔️ | ✔️ |
Intelligent pre-rendering | Mengurangi penundaan startup pemutaran video sehingga pengguna lebih cepat melihat tampilan, meningkatkan kecepatan pemuatan dan pengalaman menonton. | ✔️ | ✔️ | ✔️ |
HTTPDNS | Menggantikan DNS tradisional dengan resolusi yang lebih cepat dan stabil untuk mengurangi waktu pemuatan video. | ✔️ | ✔️ | ✔️ |
Multi-instance player pool | Pool pemutar yang dibagikan secara global dengan jumlah instans yang dapat dikonfigurasi. Mengoptimalkan manajemen thread, CPU, dan penggunaan memori untuk menyeimbangkan performa dan pengalaman. | ✔️ | ✔️ | ❌ |
Automatic episode switching during picture-in-picture playback | Menggunakan instans jendela mengambang Android independen dan | ✔️ | ✔️ | ❌ |
H.265 adaptive playback | Jika dekode hardware aliran H.265 gagal dan aliran fallback H.264 telah ditetapkan, sistem secara otomatis beralih ke aliran fallback H.264. Jika tidak ada aliran fallback H.264 yang ditetapkan, sistem secara otomatis beralih ke dekode software H.265. | ✔️ | ✔️ | ✔️ |
Adaptive ABR | Mendukung aliran HLS dan DASH multi-bitrate adaptif. Panggil | ✔️ | ✔️ | ✔️ |
Video encryption | Alibaba Cloud Video Encryption (enkripsi privat) adalah solusi terintegrasi cloud-perangkat yang menggunakan algoritma proprietary untuk mengenkripsi aliran MP4 atau HLS dan memastikan transmisi aman. | ✔️ | ✔️ | ✔️ |