Skema drama pendek AUI Kits dibangun di atas kit pengembangan perangkat lunak (SDK) audio dan video MediaBox. Skema ini mengenkapsulasi logika bisnis untuk skenario drama pendek dan mencakup praktik terbaik seperti cache lokal, pra-pemuatan cerdas, pra-rendering cerdas, serta pergantian episode otomatis dalam mode picture-in-picture (PiP). Anda dapat mengintegrasikan fitur-fitur ini sesuai kebutuhan.
Unduh demo
Platform | Coba demo |
Android/iOS |
|
Flutter |
|
Buka aplikasi dan pilih .
Konsep utama
Sebelum membaca topik ini, pastikan Anda memahami konsep-konsep berikut:
Apa itu suite low-code?
Suite integrasi low-code adalah kumpulan alat yang telah dipaketkan sebelumnya dan dapat digunakan pengembang untuk membangun aplikasi secara cepat. Suite ini mencakup berbagai modul fungsional, seperti pemutar, daftar, dan aliran Feeds. Anda dapat memilih serta mengonfigurasi modul-modul tersebut sesuai kebutuhan tanpa harus mengembangkannya dari awal.
Ikhtisar skenario
AUI Kits adalah suite integrasi low-code dari Alibaba Cloud yang dibangun di atas SDK audio dan video MediaBox dan dirancang khusus untuk skenario audio dan video, seperti drama pendek. Suite ini mengintegrasikan praktik terbaik seperti cache lokal, pra-pemuatan cerdas, pra-rendering cerdas, dan pergantian episode otomatis dalam mode picture-in-picture (PiP). Fitur-fitur tersebut membantu Anda membangun aplikasi drama pendek dengan pengalaman menonton unggul secara cepat. AUI Kits memiliki fitur-fitur berikut:
Integrasi low-code
AUI Kits menggunakan arsitektur modular yang memungkinkan Anda memilih dan menyesuaikan modul fungsional secara fleksibel, seperti putar balik daftar, daftar episode, dan aliran Feeds. Integrasi low-code ini memperpendek siklus pengembangan, mengurangi biaya, serta memungkinkan penerapan fitur kompleks secara cepat.
Pengalaman pemutaran terbaik
Teknologi seperti cache lokal, pra-pemuatan cerdas, dan pra-rendering cerdas memungkinkan pemutaran layar penuh instan sekaligus mengurangi tersendat dan Layar hitam. Beberapa instans AliPlayer memastikan pergantian video yang lancar dan penggunaan sumber daya yang efisien. Suite ini juga mendukung pergantian episode otomatis dalam mode picture-in-picture (PiP) untuk pengalaman menonton yang mulus dan tidak terputus.
Konsistensi lintas platform
Arsitektur dan spesifikasi desain yang terpadu memastikan pengalaman pemutaran yang konsisten di Android, iOS, dan Flutter. Hal ini mengurangi biaya adaptasi lintas platform dan meningkatkan efisiensi pengembangan.
Adaptasi untuk berbagai skenario
Skenario video pendek: Menggunakan gaya layar vertikal untuk pemutaran layar penuh yang imersif. Geser ke atas atau ke bawah untuk mengganti video.
Skenario drama pendek: Menyediakan daftar episode bergaya laci. Ketuk episode untuk memutarnya.
Skenario aliran Feeds: Mendukung halaman tab bersarang dan pemutaran dengan menggeser ke atas, bawah, kiri, atau kanan. Ini cocok untuk aplikasi umpan konten.
Coba skenario ini
Anda dapat menerapkan layanan Anda secara online menggunakan solusi satu atap untuk membangun platform drama pendek guna memutar drama pendek Anda sendiri dalam skenario AUI Kits.
Perbandingan sebelum dan sesudah
Video berikut membandingkan pengalaman menggeser dan memutar dalam lingkungan yang sama sebelum dan sesudah dioptimalkan dengan AUI Kits:
Sebelum optimasi: Menggeser antarvideo menyebabkan sedikit tersendat dan Layar hitam.
Setelah optimasi: Pemutaran sangat lancar dengan pengalaman layar penuh instan, yang secara signifikan meningkatkan pengalaman menonton dan menggeser.
Modul fungsional inti
Modul fungsional inti AUI Kits meliputi AUIShortVideoList, AUIShortDramaList, dan AUIShortDramaFeeds. Modul-modul ini bekerja sama secara efisien melalui enkapsulasi berbasis skenario dan berbagi kemampuan teknis, seperti instans pemutar. Tabel berikut menjelaskan setiap modul.
Modul | Fitur dan karakteristik |
AUIShortVideoList (komponen putar balik daftar video pendek) | Mewujudkan putar balik daftar video pendek menggunakan beberapa instans AliPlayer, pra-pemuatan cerdas (MediaLoader), dan pra-rendering cerdas. Dikombinasikan dengan teknologi cache lokal, modul ini memberikan pengalaman pemutaran terbaik dengan pemutaran layar penuh instan. |
AUIShortDramaList (komponen skenario teater drama pendek) | Menyediakan halaman detail teater dan halaman rekomendasi. Modul ini mendukung arsitektur halaman bersarang dua tingkat dan berbagi instans pemutar, sehingga cocok untuk skenario teater drama pendek. |
AUIShortDramaFeeds (komponen skenario aliran Feeds drama pendek) | Menyediakan arsitektur aliran Feeds dengan penomoran halaman berbasis tab. Modul ini mendukung halaman tab bersarang dan pemutaran dengan menggeser ke atas, bawah, kiri, atau kanan. Modul ini juga berbagi instans pemutar, sehingga 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 |
Cache lokal | Cache lokal meningkatkan kecepatan pemuatan dan stabilitas pemutaran video untuk drama pendek. Pengguna dapat menonton video dengan lancar bahkan saat jaringan tidak stabil atau terputus, sehingga meningkatkan pengalaman menonton. | ✔️ | ✔️ | ✔️ |
Pra-pemuatan cerdas | Pra-pemuatan cerdas memuat data video terlebih dahulu, sehingga membuat pemutaran lebih lancar, mengurangi waktu pemuatan, dan meningkatkan pengalaman pengguna. Namun, strategi pra-pemuatan tunggal dapat menyia-nyiakan lalu lintas CDN. Dengan pra-pemuatan cerdas, Anda dapat mengontrol tidak hanya cache video yang sedang diputar tetapi juga jumlah video yang dipra-muat dan ukuran cache. Hal ini secara efektif mengurangi biaya bisnis sekaligus memastikan pengalaman pengguna yang baik. | ✔️ | ✔️ | ✔️ |
Pra-rendering cerdas | Pra-rendering cerdas mengurangi latensi awal pemutaran video. Pengguna melihat video lebih cepat, sehingga meningkatkan kecepatan pemuatan dan pengalaman menonton. | ✔️ | ✔️ | ✔️ |
HTTPDNS | HTTPDNS menyediakan penguraian DNS yang lebih cepat dan stabil. HTTPDNS menggantikan penguraian DNS tradisional untuk mengurangi waktu resolusi, sehingga meningkatkan kecepatan dan stabilitas pemuatan video demi pengalaman pengguna yang lebih baik. | ✔️ | ✔️ | ✔️ |
Kumpulan pemutar multi-instans | Mengimplementasikan kumpulan instans pemutar yang dibagikan secara global dengan jumlah instans yang dapat dikonfigurasi. Dengan mengoptimalkan panggilan API dan manajemen sumber daya thread, kumpulan ini memastikan kinerja optimal dan konsumsi sumber daya minimal dalam hal manajemen thread, pemanfaatan CPU, dan Penggunaan memori. Hal ini mencapai keseimbangan terbaik antara kinerja dan pengalaman. | ✔️ | ✔️ | ❌ |
Pergantian episode otomatis dalam mode PiP | Menggunakan instans independen untuk jendela mengambang Android dan teknologi | ✔️ | ✔️ | ❌ |
Pemutaran adaptif H.265 | Jika dekoding perangkat keras untuk aliran H.265 gagal dan aliran fallback H.264 telah dikonfigurasi, sistem akan secara otomatis beralih ke pemutaran aliran H.264. Jika tidak ada aliran fallback H.264 yang ditetapkan, sistem akan secara otomatis beralih ke dekoding perangkat lunak untuk aliran H.265. | ✔️ | ✔️ | ✔️ |
ABR adaptif | SDK pemutar mendukung streaming bitrate adaptif untuk aliran video HLS dan DASH. Anda dapat mengganti definisi video berdasarkan kondisi jaringan dengan memanggil metode | ✔️ | ✔️ | ✔️ |
Enkripsi video | Enkripsi Video Alibaba Cloud (Enkripsi Pribadi) adalah solusi enkripsi video terintegrasi cloud. Solusi ini menggunakan algoritma enkripsi pribadi untuk mengenkripsi aliran video MP4 atau HLS dan memastikan transmisi aman di seluruh tautan. | ✔️ | ✔️ | ✔️ |