ミニドラマシナリオ向けの AUI Kits は、MediaBox SDK をベースに、ローカルキャッシュ、インテリジェントなプリロード、プリレンダリング、およびピクチャーインピクチャー再生中のエピソード自動切り替え機能を提供します。これらのモジュール化されたコンポーネントを統合することで、全画面での即時再生を実現します。
デモのダウンロード
プラットフォーム | デモ |
Android/iOS |
|
Flutter |
|
アプリケーションを開き、[VOD シナリオ] > [ショートドラマ] を選択します。
前提条件
次に進む前に、以下の概念を理解してください。
ローコードスイートとは
ローコード統合スイートとは、開発者がゼロからコーディングすることなくアプリケーションを構築するために選択・設定する、事前パッケージ化されたモジュール (プレーヤー、リスト、フィードストリーム) のセットです。
シナリオ概要
AUI Kits は、Alibaba Cloud が提供する MediaBox SDK をベースにしたローコード統合スイートです。ミニドラマなどのオーディオ/ビデオシナリオ向けに、ローカルキャッシュ、インテリジェントなプリロード、インテリジェントなプリレンダリング、ピクチャーインピクチャー再生中のエピソード自動切り替えを統合しています。主な特徴は次のとおりです：
ローコード統合
モジュール式のアーキテクチャにより、開発者はリスト再生、エピソードリスト、フィードストリームなどのコンポーネントを選択・カスタマイズでき、開発サイクルを短縮し、コストを削減します。
最適な再生体験
ローカルキャッシュ、インテリジェントなプリロード、インテリジェントなプリレンダリングにより、カクつきやブラック スクリーンのない全画面での即時再生を実現します。複数の AliPlayer インスタンスがスムーズな切り替えを保証し、ピクチャーインピクチャー再生中のエピソード自動切り替えがシームレスな視聴体験を提供します。
クロスプラットフォームでの一貫性
統一されたアーキテクチャにより、Android、iOS、Flutter 間で一貫した再生を実現し、クロスプラットフォームへの適応コストを削減します。
マルチシナリオへの適応
ショートビデオシナリオ： 縦画面フルスクリーンの没入型再生に対応し、縦方向のスワイプで動画を切り替えます。
ミニドラマシナリオ： ドロワー形式のエピソードリストで、タップして再生します。
フィードストリームシナリオ： 情報フローアプリケーション向けに、TAB ページをネストし、多方向のスワイプ操作が可能です。
効果の比較
以下の動画は、同一環境において AUI Kits による最適化の前後での再生を比較したものです：
最適化前： 動画間をスワイプすると、カクつきやブラック スクリーンが発生することがあります。
最適化後： 全画面での即時表示によりスムーズな再生を実現し、視覚体験とスワイプ体験が大幅に向上します。
コア機能モジュール
AUI Kits には、AUIShortVideoList、AUIShortPlaylistTheater、AUIShortPlaylistFeeds という 3 つのコアモジュールが含まれています。これらはプレーヤーインスタンスを共有し、シナリオベースのカプセル化を通じて連携します。
モジュール | 機能と特徴 |
AUIShortVideoList (ショートビデオリスト再生コンポーネント) | 複数の AliPlayer インスタンス、インテリジェントなプリロード (MediaLoader)、インテリジェントなプリレンダリングを使用してショートビデオリストを再生します。ローカルキャッシュと組み合わせることで、全画面での即時再生を実現します。 |
AUIShortPlaylistTheater (ミニドラマシアターシナリオコンポーネント) | 1 階層および 2 階層のページネストと共有プレーヤーインスタンスを備えた、シアター詳細ページと推奨ページを提供します。 |
AUIShortPlaylistFeeds (ミニドラマフィードストリームシナリオコンポーネント) | 情報フローアプリ向けに、多方向スワイプ再生と共有プレーヤーインスタンスを備えた、TAB ページ形式のフィードストリームアーキテクチャを提供します。 |
コア機能
✔️ = 対応済み、❌ = サポート対象外。
機能 | 説明 | Android | iOS | Flutter |
ローカルキャッシュ | 動画をローカルにキャッシュして読み込み速度を向上させ、ネットワーク接続が不安定な場合や接続がない場合でもスムーズに再生できます。 | ✔️ | ✔️ | ✔️ |
インテリジェントなプリロード | 動画データを事前に読み込むことで、よりスムーズな再生を実現します。インテグレーターは、現在の動画キャッシュ、プリロードする動画数、キャッシュサイズを制御して、CDN コストとユーザーエクスペリエンスのバランスを取ります。 | ✔️ | ✔️ | ✔️ |
インテリジェントなプリレンダリング | 動画再生の開始遅延を短縮し、ユーザーがより速く画面を表示できるようにすることで、読み込み速度と視聴体験を向上させます。 | ✔️ | ✔️ | ✔️ |
HTTPDNS | 従来の DNS を、より高速で安定した名前解決に置き換えることで、動画の読み込み時間を短縮します。 | ✔️ | ✔️ | ✔️ |
マルチインスタンスのプレーヤープール | インスタンス数を設定可能な、グローバルに共有されるプレーヤープールです。スレッド管理、CPU、メモリ使用量を最適化し、パフォーマンスとエクスペリエンスのバランスを取ります。 | ✔️ | ✔️ | ❌ |
ピクチャーインピクチャー再生中のエピソード自動切り替え | 独立した Android のフローティングウィンドウインスタンスと iOS のグローバル | ✔️ | ✔️ | ❌ |
H.265 アダプティブ再生 | H.265 ストリームのハードウェアデコードに失敗し、H.264 のフォールバックストリームが設定されている場合、自動的に H.264 フォールバックストリームの再生にデグレードします。H.264 フォールバックストリームが設定されていない場合は、自動的に H.265 のソフトウェアデコードにデグレードします。 | ✔️ | ✔️ | ✔️ |
ABR (アダプティブビットレート) | マルチビットレートのアダプティブ HLS および DASH ストリームをサポートします。 | ✔️ | ✔️ | ✔️ |
動画の暗号化 | Alibaba Cloud Video Encryption (独自暗号化) は、独自のアルゴリズムで MP4 または HLS ストリームを暗号化して安全な伝送を保証する、クラウドとデバイスを統合したソリューションです。 | ✔️ | ✔️ | ✔️ |