MediaBox A/V SDK デモでは、エンドツーエンドの ApsaraVideo パイプラインにおけるプレーヤー、ショートビデオ、ライブストリーミング機能の実装方法を示します。オンラインまたはモバイルデバイスでデモを試した後、オープンソースのデモプロジェクトを実行してコア実装を確認し、独自の統合を構築できます。
統合パス
ApsaraVideo Player には、UI ありと UI なしの 2 つの統合パスがあります。AliPlayerKit は、迅速な統合のためにすぐに使える UI コンポーネントを提供し、ApsaraVideo Player SDK は、深い開発に向けた柔軟なカスタマイズを提供します。どちらのパスも同じコア上に構築されており、クイックスタートからフルカスタマイズまでのシナリオをカバーします。
デモのソースコード
次の表に、各プラットフォームのデモリソースを示します。完全な再生シナリオを確認する場合は、対象プラットフォームのフルデモから開始します。単体の再生機能を確認する場合は、API-Example プロジェクトを使用します。
プラットフォーム |
|
|
|
|
Web | Android | iOS | Flutter | |
機能 | 機能デモと統合 | フィード、ミニシリーズ、ショートビデオ | フィード、ミニシリーズ、ショートビデオ | フィード、ミニシリーズ、ショートビデオ |
試す |
|
|
| |
フルデモ | デモのソースコード (完全な再生シナリオ向け) | デモのソースコード (完全な再生シナリオ向け) | ||
単体機能 | 該当なし | API-Example (単体の再生機能向け) | API-Example (単体の再生機能向け) | |
UI 統合 | 該当なし |
|
|
|
統合ガイド | ||||
シナリオ | 該当なし | ミニシリーズのソリューション (ミニシリーズのシナリオ向け) | ||
デモの試用
デモに組み込まれているリソースダウンロードサービスは、Alibaba Cloud が一時的に用意したサービスです。デモ目的のみに使用するものであり、可用性は保証されません。このサービスを商用または本番環境で使用しないでください。
本番利用では、一時的なサーバーアドレスをお客様のリソースダウンロードサーバーに置き換える必要があります。Alibaba Cloud は、この一時的なリソースアドレスに対するサポートまたは関連機能を提供しません。
ブラウザで Web デモから開始し、その後デバイスでモバイルデモを試してください。デモのソースコードをローカルで実行する場合は、デモの実行をご参照ください。
Web
Web デモをオンラインで試すことができます。

モバイル
モバイルデモは、フィード、ミニシリーズ、ショートビデオのシナリオをサポートしています。
フィードシナリオ:ネストされたタブと縦方向のスワイプ再生をサポートしており、フィードベースのアプリケーションに最適です。
ミニシリーズシナリオ:ドロワー形式のエピソード一覧を提供し、タップで特定のエピソードにジャンプできます。
ショートビデオシナリオ:縦型のフルスクリーン没入型プレーヤーを備えています。上下にスワイプして動画を切り替えることができます。
デモのプレビュー

デモの実行
ApsaraVideo Player SDK は、プロフェッショナルな音声・映像アプリケーションを構築するためのソリューションです。独自の統合を開始する前に、オープンソースのデモを実行してコア実装を理解してください。
前提条件
プレーヤー SDK ライセンスと、その関連するライセンスキーを取得してください。ライセンスをアプリケーションにバインドする方法については、ライセンスのバインドをご参照ください。

ライセンスキーとライセンスファイルを取得するには、VOD コンソール コンソールで以下の手順を実行します。
My Licenses ページに移動します。
License Management タブで、License Key をコピーします。
Associate License をクリックして、アプリケーションをバインドします。
表内のアプリケーション名の下にあるDownload Certificateをクリックし、ライセンスファイルを取得します。
プロジェクトのクローン
次のコマンドを実行してデモプロジェクトをクローンします:
Android
git clone https://github.com/MediaBox-Demos/AliPlayer-Android.git
cd AliPlayer-AndroidiOS
git clone https://github.com/MediaBox-Demos/AliPlayer-iOS.git
cd AliPlayer-iOS上記のクローン手順は Android と iOS を対象としています。Web と Flutter のデモについては、デモのソースコード表のリンクからソースコードをダウンロードしてください。
プロジェクトをクローンした後、実行したいモジュールのセットアップガイドに進んでください。詳細については、モジュールセクションをご参照ください。
ディレクトリ構造
Android
AliPlayer-Android/
├── Demo/ # フル機能のデモアプリ
├── API-Example/ # Java で記述された API サンプルプロジェクト
├── SDK/ # SDK ファイルとドキュメント
├── README.md # プロジェクトの説明 (中国語)
├── README-EN.md # プロジェクトの説明 (英語)
└── LICENSE # オープンソースライセンスiOS
AliPlayer-iOS/
├── Demo/ # フル機能のデモアプリ
├── API-Example/ # Objective-C で記述された API サンプルプロジェクト
├── Swift-Call-OC-Example/ # Swift から Objective-C を呼び出すサンプルプロジェクト
├── SDK/ # SDK ファイルとドキュメント
├── README.md # プロジェクトの説明 (中国語)
├── README-EN.md # プロジェクトの説明 (英語)
└── LICENSE # オープンソースライセンスモジュール
確認したい内容に応じてモジュールを選択してください。フル機能のデモは完全な再生シナリオをカバーし、API-Example は単体の再生機能にフォーカスしています。各モジュールにリンクされているセットアップガイドでは、そのモジュールの実行手順を説明しています。
フル機能のデモ
このモジュールは、プレーヤー向けの本番レベルのデモアプリケーションです。フィード、ミニシリーズ、ショートビデオ再生など、さまざまな再生シナリオと UI コンポーネントが含まれています。セットアップ手順については、Android フル機能デモガイドおよび iOS フル機能デモガイドをご参照ください。
API-Example
Android
この Java で開発されたモジュール型の Android サンプルプロジェクトは、SDK のコア機能を示します。ロジックを明確にするため、各モジュールが 1 つの機能のみを実装する厳格なモジュール設計を採用しています。このプロジェクトは、Schema ルーティングメカニズムを使用してモジュール間の結合を排除し、統合管理を提供します。セットアップ手順については、API-Example ガイドをご参照ください。

iOS
この Objective-C で開発された iOS サンプルプロジェクトは、CocoaPods で管理されるプラグインアーキテクチャを採用しており、SDK のコア機能を迅速に統合できます。各プラグインは、ロジックを明確にするために最小限のコードで 1 つの機能デモにフォーカスしています。URL スキームのメカニズムにより、プラグイン間の画面遷移を疎結合化しています。セットアップ手順については、API-Example ガイドをご参照ください。

アプリケーションのビジネスロジックが Swift で記述されている場合は、API-Example プロジェクトをベースとしたハイブリッド開発について、Swift-Call-OC-Example ガイドを参照できます。このプロジェクトは、API-Example の実行や、Swift ベースのビジネスレイヤー内で SDK を統合する場合に役立ちます。









