AUI Kits 短編ドラマシナリオは、MediaBox オーディオおよびビデオソフトウェア開発キット (SDK) をベースに構築されています。短編ドラマシナリオのビジネスロジックをカプセル化し、ローカルキャッシュ、インテリジェントプリロード、インテリジェントプレレンダリング、ピクチャーインピクチャー (PiP) モードでのエピソード自動切り替えなどのベストプラクティスが含まれています。必要に応じてこれらの機能を統合できます。
デモのダウンロード
プラットフォーム | デモを体験 |
Android/iOS |
|
Flutter |
|
アプリケーションを開き、 を選択します。
主要な概念
このトピックを読む前に、次の概念を理解していることを確認してください：
ローコードスイートとは？
ローコード統合スイートは、開発者がアプリケーションを迅速に構築するために使用できる、事前にパッケージ化されたツールのコレクションです。プレーヤー、リスト、Feeds ストリームなどのさまざまな機能モジュールが含まれています。これらのモジュールは、ゼロから開発することなく、必要に応じて選択および設定できます。
シナリオの概要
AUI Kits は Alibaba Cloud のローコード統合スイートです。MediaBox オーディオおよびビデオ SDK をベースに構築されており、短編ドラマなどのオーディオおよびビデオシナリオに合わせて調整されています。ローカルキャッシュ、インテリジェントプリロード、インテリジェントプレレンダリング、およびピクチャーインピクチャー (PiP) モードでのエピソード自動切り替えなどのベストプラクティスを統合しています。これらの機能は、優れた視聴体験を持つ短編ドラマアプリを迅速に構築するのに役立ちます。AUI Kits には次の特徴があります：
ローコード統合
AUI Kits はモジュラーアーキテクチャを使用しており、リスト再生、エピソードリスト、Feeds ストリームなどの機能モジュールを柔軟に選択およびカスタマイズできます。このローコード統合により、開発サイクルが短縮され、コストが削減され、複雑な機能を迅速に実装するのに役立ちます。
究極の再生体験
ローカルキャッシュ、インテリジェントプリロード、インテリジェントプレレンダリングなどのテクノロジーにより、カクつきやブラックスクリーンを減らしながら、瞬時の全画面再生が可能になります。複数の AliPlayer インスタンスがスムーズなビデオ切り替えと効率的なリソース使用を保証します。このスイートは、シームレスで中断のない体験のためにピクチャーインピクチャー (PiP) モードでのエピソード自動切り替えもサポートしており、非常にスムーズな再生を実現します。
クロスプラットフォームの一貫性
統一されたアーキテクチャと設計仕様により、Android、iOS、Flutter 間で一貫した再生体験が保証されます。これにより、クロスプラットフォームの適応コストが削減され、開発効率が向上します。
複数のシナリオへの適応
短編ビデオシナリオ: 没入型の全画面再生のために縦画面スタイルを使用します。上下にスワイプしてビデオを切り替えます。
短編ドラマシナリオ: ドロワー形式のエピソードリストを提供します。エピソードをタップして再生します。
Feeds ストリームシナリオ: ネストされたタブページと、再生のための上下左右のスワイプをサポートします。これはコンテンツフィードアプリケーションに適しています。
シナリオを試す
短編ドラマプラットフォームを構築するためのワンストップソリューションを使用してサービスをオンラインでデプロイし、AUI Kits シナリオで独自の短編ドラマを再生できます。
最適化前後の比較
次のビデオは、AUI Kits での最適化前後の同じ環境でのスワイプと再生体験を比較したものです：
最適化前: ビデオ間をスワイプすると、多少のカクつきやブラックスクリーンが発生します。
最適化後: 再生はシルクのように滑らかで、瞬時の全画面体験を提供します。これにより、視聴とスワイプの体験が大幅に向上します。
コア機能モジュール
AUI Kits のコア機能モジュールには、AUIShortVideoList、AUIShortDramaList、AUIShortDramaFeeds が含まれます。これらのモジュールは、シナリオベースのカプセル化と、プレーヤーインスタンスなどの技術的な機能の共有を使用して効率的に連携します。次の表で各モジュールについて説明します。
モジュール | 特徴と特性 |
AUIShortVideoList (短編ビデオリスト再生コンポーネント) | 複数の AliPlayer インスタンス、インテリジェントプリロード (MediaLoader)、およびインテリジェントプレレンダリングを使用して、短編ビデオリストの再生を実現します。ローカルキャッシュ技術と組み合わせることで、瞬時の全画面開始による究極の再生体験を提供します。 |
AUIShortDramaList (短編ドラマシアターシナリオコンポーネント) | シアター詳細ページとおすすめページを提供します。ネストされた 2 階層のページアーキテクチャとプレーヤーインスタンスの共有をサポートしており、短編ドラマシアターシナリオに適しています。 |
AUIShortDramaFeeds (短編ドラマ Feeds ストリームシナリオコンポーネント) | タブベースのページングを備えた Feeds ストリームアーキテクチャを提供します。ネストされたタブページと、上下左右のスワイプによる再生をサポートします。また、プレーヤーインスタンスを共有するため、情報ストリームアプリケーションに適しています。 |
コア機能
次の表では、✔️ は機能がサポートされていることを示し、❌ は機能がサポートされていないことを示します。
機能 | 説明 | Android | iOS | Flutter |
ローカルキャッシュ | ローカルキャッシュは、短編ドラマのビデオ再生の読み込み速度と安定性を向上させます。ユーザーは、不安定なネットワークや切断されたネットワークでもスムーズにビデオを視聴でき、視聴体験が向上します。 | ✔️ | ✔️ | ✔️ |
インテリジェントプリロード | インテリジェントプリロードは、ビデオデータを事前に読み込み、再生をよりスムーズにし、読み込み時間を短縮し、ユーザーエクスペリエンスを向上させます。ただし、単一のプリロード戦略では CDN トラフィックを浪費する可能性があります。インテリジェントプリロードを使用すると、現在再生中のビデオのキャッシュだけでなく、プリロードされるビデオの数とキャッシュサイズも制御できます。これにより、良好なユーザーエクスペリエンスを確保しながら、ビジネスコストを効果的に削減します。 | ✔️ | ✔️ | ✔️ |
インテリジェントプレレンダリング | インテリジェントな事前レンダリングにより、動画再生の開始遅延が短縮されます。ユーザーはより速く動画を視聴できるようになり、読み込み速度と視聴体験が向上します。 | ✔️ | ✔️ | ✔️ |
HTTPDNS | HTTPDNS は、より高速で安定した DNS 解析を提供します。従来の DNS 解析を置き換えて名前解決時間を短縮し、ビデオの読み込み速度と安定性を向上させ、より良いユーザーエクスペリエンスを実現します。 | ✔️ | ✔️ | ✔️ |
マルチインスタンスプレーヤープール | 設定可能なインスタンス数を持つグローバルに共有されるプレーヤーインスタンスプールを実装します。API 呼び出しとスレッドリソース管理を最適化することで、スレッド管理、CPU 使用率、メモリ使用量の観点から最適なパフォーマンスと最小限のリソース消費を保証します。これにより、パフォーマンスとエクスペリエンスの最適なバランスが実現されます。 | ✔️ | ✔️ | ❌ |
PiP モードでのエピソード自動切り替え | Android フローティングウィンドウ用の独立したインスタンスと、iOS 用のグローバルな | ✔️ | ✔️ | ❌ |
H.265 アダプティブ再生 | H.265 ストリームのハードウェアデコードが失敗し、H.264 フォールバックストリームが設定されている場合、自動的に H.264 ストリームの再生に切り替わります。H.264 フォールバックストリームが設定されていない場合、自動的に H.265 ストリームのソフトウェアデコードにフォールバックします。 | ✔️ | ✔️ | ✔️ |
アダプティブ ABR | プレーヤー SDK は、HLS および DASH ビデオストリームのアダプティブビットレートストリーミングをサポートしています。プレーヤーの | ✔️ | ✔️ | ✔️ |
ビデオ暗号化 | Alibaba Cloud ビデオ暗号化 (プライベート暗号化) は、クラウド統合型ビデオ暗号化ソリューションです。プライベート暗号化アルゴリズムを使用して MP4 または HLS ビデオストリームを暗号化し、リンク全体で安全な伝送を保証します。 | ✔️ | ✔️ | ✔️ |