AUI Kits untuk skenario mini-drama merupakan solusi berbasis SDK audio dan video MediaBox yang mengenkapsulasi logika bisnis spesifik mini-drama serta mengintegrasikan praktik terbaik seperti caching lokal, preloading cerdas, pre-rendering cerdas, dan pergantian episode otomatis selama pemutaran picture-in-picture. Anda dapat mengintegrasikan dan menggunakan kit ini sesuai kebutuhan.
Unduh Demo
Platform | Demo |
Android/iOS |
|
Flutter |
|
Buka aplikasi dan pilih VOD Scenarios > Short Dramas.
Prasyarat
Sebelum membaca topik ini, pahami konsep-konsep berikut:
Apa itu Suite Low-Code?
Suite integrasi low-code adalah kumpulan alat yang telah dipaketkan sebelumnya untuk memungkinkan developer membangun aplikasi secara cepat. Suite ini mencakup berbagai modul fungsional, seperti pemutar (player), daftar (list), dan aliran Feeds. Developer dapat memilih dan mengonfigurasi modul yang diperlukan tanpa harus mengembangkannya dari awal.
Ikhtisar Skenario
AUI Kits adalah suite integrasi low-code dari Alibaba Cloud berbasis SDK audio dan video MediaBox. Kit ini mengenkapsulasi logika bisnis untuk skenario audio dan video, seperti mini-drama, serta mengintegrasikan praktik terbaik seperti caching lokal, preloading cerdas, pre-rendering cerdas, dan pergantian episode otomatis selama pemutaran picture-in-picture. Suite ini membantu developer membangun aplikasi mini-drama dengan cepat dan menghadirkan pengalaman audio-visual unggul. AUI Kits juga menawarkan fitur-fitur berikut:
Integrasi low-code
AUI Kits menggunakan arsitektur modular yang memungkinkan developer memilih dan menyesuaikan modul fungsional secara fleksibel, seperti putar balik daftar, daftar episode, dan aliran Feeds. Integrasi low-code ini secara signifikan mempersingkat siklus pengembangan, mengurangi biaya pengembangan, dan memungkinkan penerapan fitur kompleks secara cepat.
Pengalaman pemutaran optimal
Dengan memanfaatkan teknologi caching lokal, preloading cerdas, dan pre-rendering cerdas, AUI Kits mencapai pemutaran layar penuh instan sekaligus mengurangi tersendat dan layar hitam. Multiple player instances (AliPlayer) memastikan pergantian video yang lancar dan pemanfaatan resource yang efisien. AUI Kits juga mendukung pergantian episode otomatis selama pemutaran picture-in-picture untuk memberikan pengalaman pemutaran yang mulus, tidak terputus, dan sangat lancar.
Konsistensi lintas platform
Berdasarkan arsitektur dan spesifikasi desain terpadu, AUI Kits menyediakan pengalaman pemutaran yang konsisten di berbagai platform, termasuk Android, iOS, dan Flutter. Hal ini mengurangi biaya adaptasi lintas platform dan meningkatkan efisiensi pengembangan.
Adaptasi multi-skenario
Skenario video pendek: AUI Kits menggunakan gaya potret untuk pemutaran imersif layar penuh. Anda dapat menggeser ke atas atau ke bawah untuk mengganti video.
Skenario mini-drama: AUI Kits menyediakan daftar episode bergaya laci. Anda dapat mengetuk episode untuk memutarnya.
Skenario aliran Feeds: AUI Kits mendukung nesting halaman TAB dan kontrol pemutaran dengan menggeser ke atas, bawah, kiri, atau kanan. Fitur ini cocok untuk aplikasi aliran informasi.
Pengalaman Skenario
Anda dapat menerapkan platform mini-drama one-stop secara online untuk merasakan langsung efek pemutaran mini-drama dalam skenario AUI Kits.
Perbandingan Efek
Video berikut membandingkan pengalaman pemutaran dan penggeseran sebelum dan setelah optimasi menggunakan AUI Kits untuk mini-drama dalam lingkungan yang sama:
Sebelum optimasi: Menggeser antar video dapat menyebabkan tersendat dan layar hitam.
Setelah optimasi: Pemutaran menjadi lancar dan memberikan pengalaman layar penuh instan kepada pengguna, yang secara signifikan meningkatkan pengalaman visual dan penggeseran.
Modul Fungsional Inti
AUI Kits mencakup modul fungsional inti berikut: AUIShortVideoList, AUIShortPlaylistTheater, dan AUIShortPlaylistFeeds. Modul-modul ini mencapai kolaborasi lintas modul yang efisien melalui enkapsulasi berbasis skenario dan kemampuan teknis bersama, seperti instance pemutar. Bagian berikut menjelaskan masing-masing modul beserta hubungannya satu sama lain.
Modul | Fitur dan karakteristik |
AUIShortVideoList (Komponen Putar Balik Daftar Video Pendek) | Memungkinkan putar balik daftar video pendek menggunakan multiple player instances (AliPlayer), preloading cerdas (MediaLoader), dan pre-rendering cerdas. Dikombinasikan dengan teknologi caching lokal, modul ini mencapai pengalaman pemutaran layar penuh instan yang optimal. |
AUlShortPlaylistTheater (Komponen Skenario Teater Mini-Drama) | Menyediakan halaman detail teater dan rekomendasi. Mendukung arsitektur nesting halaman tingkat satu dan dua serta berbagi instance pemutar, cocok untuk skenario teater mini-drama. |
AUlShortPlaylistFeeds (Komponen Skenario Aliran Feeds Mini-Drama) | Menyediakan arsitektur paging TAB aliran Feeds. Mendukung nesting halaman TAB dan penggeseran ke atas, bawah, kiri, atau kanan untuk pemutaran, serta menerapkan berbagi instance pemutar, cocok untuk aplikasi aliran informasi. |
Kemampuan Inti
Pada tabel berikut, ✔️ menunjukkan bahwa fitur tersebut didukung, dan ❌ menunjukkan bahwa fitur tersebut tidak didukung.
Fitur | Deskripsi | Android | iOS | Flutter |
Local caching | Local caching meningkatkan kecepatan pemuatan dan stabilitas pemutaran video mini-drama. Hal ini memungkinkan pengguna menonton video secara lancar meskipun koneksi jaringan tidak stabil atau tidak tersedia, sehingga meningkatkan pengalaman menonton. | ✔️ | ✔️ | ✔️ |
Intelligent preloading | Intelligent preloading memuat data video terlebih dahulu, sehingga pemutaran video menjadi lebih lancar, mengurangi waktu tunggu pemuatan, dan meningkatkan pengalaman pengguna. Kebijakan preloading tunggal dapat memboroskan sumber daya traffic CDN. Intelligent preloading memungkinkan integrator mengontrol cache video yang sedang diputar, jumlah video yang dipreloading, dan ukuran cache. Hal ini secara efektif mengurangi biaya bisnis sekaligus memastikan pengalaman menonton yang baik. | ✔️ | ✔️ | ✔️ |
Intelligent pre-rendering | Intelligent pre-rendering mengurangi penundaan startup pemutaran video, sehingga pengguna dapat melihat layar lebih cepat. Hal ini meningkatkan kecepatan pemuatan video dan pengalaman menonton. | ✔️ | ✔️ | ✔️ |
HTTPDNS | HTTPDNS menyediakan layanan resolusi DNS yang lebih cepat dan stabil. Dengan menggantikan resolusi DNS tradisional, HTTPDNS mengurangi waktu resolusi DNS, meningkatkan kecepatan dan stabilitas pemuatan pemutaran video, serta meningkatkan pengalaman pengguna. | ✔️ | ✔️ | ✔️ |
Multi-instance player pool | Menerapkan pool instance pemutar yang dibagikan secara global. Konfigurasikan jumlah instance secara fleksibel. Dengan mengoptimalkan panggilan API dan manajemen sumber daya thread, modul ini mencapai kinerja dan efisiensi sumber daya optimal dalam manajemen thread, pemanfaatan CPU, dan penggunaan memori, sehingga menyeimbangkan kinerja dan pengalaman. | ✔️ | ✔️ | ❌ |
Automatic episode switching during picture-in-picture playback | Dengan menggunakan instance floating window Android independen dan teknologi iOS global | ✔️ | ✔️ | ❌ |
H.265 adaptive playback | Jika dekode hardware aliran H.265 gagal dan aliran fallback H.264 telah ditetapkan, sistem akan secara otomatis menurunkan kualitas ke aliran fallback H.264. Jika tidak ada aliran fallback H.264 yang ditetapkan, sistem akan secara otomatis menurunkan kualitas ke dekode software H.265. | ✔️ | ✔️ | ✔️ |
Adaptive ABR | SDK pemutar mendukung aliran video HLS dan DASH multi-bitrate adaptif. Panggil metode | ✔️ | ✔️ | ✔️ |
Video encryption | Alibaba Cloud Video Encryption (enkripsi privat) adalah solusi enkripsi video terintegrasi cloud-perangkat. Solusi ini menggunakan algoritma enkripsi proprietary untuk mengenkripsi aliran video MP4 atau HLS dan memastikan transmisi aman melalui tautan. | ✔️ | ✔️ | ✔️ |