ミニドラマシナリオ向けの AUI Kits は、MediaBox オーディオ・ビデオ SDK をベースとしたソリューションです。これらはミニドラマシナリオのビジネスロジックをカプセル化し、ローカルキャッシュ、インテリジェントプリロード、インテリジェントプリレンダリング、ピクチャーインピクチャー再生中の自動エピソード切り替えなどのベストプラクティスを組み込んでいます。必要に応じて、これらのキットを統合して使用できます。
デモのダウンロード
プラットフォーム | デモ |
Android/iOS |
|
Flutter |
|
アプリケーションを開き、[VOD シナリオ] > [ショートドラマ] を選択します。
前提条件
このトピックを読む前に、以下の概念を理解してください。
ローコードスイートとは
ローコード統合スイートは、開発者がアプリケーションを迅速に構築するために使用できる、事前にパッケージ化されたツールのコレクションです。これには、プレーヤー、リスト、フィードストリームなどのさまざまな機能モジュールが含まれています。開発者は、ゼロから開発することなく、必要なモジュールを選択して構成できます。
シナリオ概要
AUI Kits は、Alibaba Cloud が提供する MediaBox オーディオ・ビデオ SDK をベースとしたローコード統合スイートです。ミニドラマなどのオーディオ・ビデオシナリオのビジネスロジックをカプセル化し、ローカルキャッシュ、インテリジェントプリロード、インテリジェントプリレンダリング、ピクチャーインピクチャー再生中の自動エピソード切り替えなどのベストプラクティスを統合しています。このスイートは、開発者がミニドラマアプリケーションを迅速に構築し、優れたオーディオ・ビジュアル体験を配信するのに役立ちます。AUI Kits は、以下の特徴も提供します。
ローコード統合
AUI Kits は、モジュール式アーキテクチャを使用しており、開発者はリスト再生、エピソードリスト、フィードストリームなどの機能モジュールを柔軟に選択およびカスタマイズできます。このローコード統合により、開発サイクルが大幅に短縮され、開発コストが削減され、開発者は複雑な機能を迅速に実装できます。
最適な再生体験
ローカルキャッシュ、インテリジェントプリロード、およびインテリジェントプリレンダリング技術を使用することで、AUI Kits はカクつきやブラックスクリーンを軽減しながら、インスタント全画面再生を実現します。複数のプレーヤーインスタンス (AliPlayer) により、スムーズなビデオ切り替えと効率的なリソース利用が保証されます。AUI Kits は、ピクチャーインピクチャー再生中の自動エピソード切り替えもサポートしており、シームレスで中断のない、非常にスムーズな再生体験を提供します。
クロスプラットフォームの一貫性
統一されたアーキテクチャと設計仕様に基づいて、AUI Kits は Android、iOS、Flutter を含むプラットフォーム間で一貫した再生体験を提供します。これにより、クロスプラットフォーム適応コストが削減され、開発効率が向上します。
マルチシナリオ適応
ショートビデオシナリオ: AUI Kits は、全画面没入型再生に縦型スタイルを使用します。上下スワイプでビデオを切り替えることができます。
ミニドラマシナリオ: AUI Kits は、ドロワースタイルのエピソードリストを提供します。エピソードをタップして再生できます。
フィードストリームシナリオ: AUI Kits は、TAB ページネストと、上下左右スワイプによる再生コントロールをサポートします。これは情報フローアプリケーションに適しています。
シナリオ体験
AUI Kits シナリオでご利用のミニドラマの再生効果を体験するには、ワンストップミニドラマプラットフォームをオンラインでデプロイできます。
効果の比較
以下のビデオは、同じ環境で AUI Kits を使用したミニドラマの最適化前後の再生とスワイプ体験を比較しています。
最適化前: ビデオ間のスワイプでカクつきやブラックスクリーンが発生する可能性があります。
最適化後: 再生はスムーズで、ユーザーにインスタント全画面体験を提供し、視覚的およびスワイプ体験を大幅に改善します。
コア機能モジュール
AUI Kits には、以下のコア機能モジュールが含まれています。AUIShortVideoList、AUIShortPlaylistTheater、および AUIShortPlaylistFeeds です。これらのモジュールは、シナリオベースのカプセル化と、プレーヤーインスタンスなどの共有技術機能を通じて、効率的なモジュール間連携を実現します。以下のセクションでは、各モジュールとその相互関係について説明します。
モジュール | 機能と特性 |
AUIShortVideoList (ショートビデオリスト再生コンポーネント) | 複数のプレーヤーインスタンス (AliPlayer)、インテリジェントプリロード (MediaLoader)、およびインテリジェントプリレンダリングを使用して、ショートビデオリスト再生を可能にします。ローカルキャッシュ技術と組み合わせることで、最適なインスタント全画面再生体験を実現します。 |
AUlShortPlaylistTheater (ミニドラマシアターシナリオコンポーネント) | シアター詳細ページとおすすめページを提供します。1レベルおよび2レベルのページネストアーキテクチャとプレーヤーインスタンス共有をサポートしており、ミニドラマシアターシナリオに適しています。 |
AUlShortPlaylistFeeds (ミニドラマフィードストリームシナリオコンポーネント) | フィードストリーム TAB ページングアーキテクチャを提供します。TAB ページネストと、再生のための上下左右スワイプをサポートし、プレーヤーインスタンス共有を実装しており、情報フローアプリケーションに適しています。 |
コア機能
以下の表では、✔️ は機能がサポートされていることを示し、❌ は機能がサポートされていないことを示します。
機能 | 説明 | Android | iOS | Flutter |
ローカルキャッシュ | ローカルキャッシュは、ミニドラマビデオ再生のロード速度と安定性を向上させます。これにより、ユーザーは不安定な、またはネットワーク接続がない状態でもビデオをスムーズに視聴でき、視聴体験が向上します。 | ✔️ | ✔️ | ✔️ |
インテリジェントプリロード | インテリジェントプリロードは、ビデオデータを事前にロードすることで、ビデオ再生をよりスムーズにし、ロード待機時間を短縮し、ユーザー体験を向上させます。単一のプリロードポリシーでは、CDN トラフィックリソースを浪費する可能性があります。インテリジェントプリロードにより、インテグレーターは現在再生中のビデオのキャッシュ、プリロードされるビデオの数、およびキャッシュサイズを制御できます。これにより、良好なユーザー視聴体験を確保しながら、ビジネスコストを効果的に削減します。 | ✔️ | ✔️ | ✔️ |
インテリジェントプリレンダリング | インテリジェントプリレンダリングは、ビデオ再生の起動遅延を削減し、ユーザーが画面をより速く表示できるようにします。これにより、ビデオロード速度と視聴体験が向上します。 | ✔️ | ✔️ | ✔️ |
HTTPDNS | HTTPDNS は、より高速で安定した DNS 解決サービスを提供します。従来の DNS 解決を置き換えることで、DNS 解決時間を短縮し、ビデオ再生のロード速度と安定性を向上させ、ユーザー体験を強化します。 | ✔️ | ✔️ | ✔️ |
マルチインスタンスプレーヤープール | グローバルに共有されるプレーヤーインスタンスプールを実装します。インスタンス数を柔軟に構成できます。API 呼び出しとスレッドリソース管理を最適化することで、スレッド管理、CPU 使用率、メモリ使用量において最適なパフォーマンスとリソース効率を実現し、パフォーマンスと体験のバランスをとります。 | ✔️ | ✔️ | ❌ |
ピクチャーインピクチャー再生中の自動エピソード切り替え | 独立した Android 浮動ウィンドウインスタンスと iOS グローバル | ✔️ | ✔️ | ❌ |
H.265 適応再生 | H.265 ストリームのハードウェアデコードが失敗し、H.264 フォールバックストリームが設定されている場合、H.264 フォールバックストリームを再生するように自動的にダウングレードします。H.264 フォールバックストリームが設定されていない場合、H.265 ソフトウェアデコードに自動的にダウングレードします。 | ✔️ | ✔️ | ✔️ |
適応型 ABR | プレーヤー SDK は、マルチビットレート適応型 HLS および DASH ビデオストリームをサポートしています。プレーヤーの | ✔️ | ✔️ | ✔️ |
ビデオ暗号化 | Alibaba Cloud ビデオ暗号化 (プライベート暗号化) は、クラウド・デバイス統合型ビデオ暗号化ソリューションです。独自の暗号化アルゴリズムを使用して MP4 または HLS ビデオストリームを暗号化し、リンクを介した安全な送信を保証します。 | ✔️ | ✔️ | ✔️ |