すべてのプロダクト
Search
ドキュメントセンター

ApsaraVideo VOD:デモの確認

最終更新日:Aug 26, 2026

MediaBox A/V SDK デモでは、エンドツーエンドの ApsaraVideo パイプラインにおけるプレーヤー、ショートビデオ、ライブストリーミング機能の実装方法を示します。オンラインまたはモバイルデバイスでデモを試した後、オープンソースのデモプロジェクトを実行してコア実装を確認し、独自の統合を構築できます。

統合パス

image

ApsaraVideo Player には、UI ありと UI なしの 2 つの統合パスがあります。AliPlayerKit は、迅速な統合のためにすぐに使える UI コンポーネントを提供し、ApsaraVideo Player SDK は、深い開発に向けた柔軟なカスタマイズを提供します。どちらのパスも同じコア上に構築されており、クイックスタートからフルカスタマイズまでのシナリオをカバーします。

デモのソースコード

次の表に、各プラットフォームのデモリソースを示します。完全な再生シナリオを確認する場合は、対象プラットフォームのフルデモから開始します。単体の再生機能を確認する場合は、API-Example プロジェクトを使用します。

プラットフォーム

wangluo

anzhuo-8

ios

icons8-flutter

Web

Android

iOS

Flutter

機能

機能デモと統合

フィード、ミニシリーズ、ショートビデオ

フィード、ミニシリーズ、ショートビデオ

フィード、ミニシリーズ、ショートビデオ

試す

今すぐ試す

p935088

p935088

p935088

フルデモ

Vue DemoWeChat ミニプログラム Demouni-app 統合ガイド

デモのソースコード (完全な再生シナリオ向け)

デモのソースコード (完全な再生シナリオ向け)

デモのソースコード

単体機能

該当なし

API-Example (単体の再生機能向け)

API-Example (単体の再生機能向け)

Flutter SDK + デモのソースコード

UI 統合

該当なし

Demo QR Code

image

demo-qr-code

統合ガイド

クイックスタート

統合ガイド

統合ガイド

統合ガイド

シナリオ

該当なし

ミニシリーズのソリューション (ミニシリーズのシナリオ向け)

デモの試用

重要

デモに組み込まれているリソースダウンロードサービスは、Alibaba Cloud が一時的に用意したサービスです。デモ目的のみに使用するものであり、可用性は保証されません。このサービスを商用または本番環境で使用しないでください。

重要

本番利用では、一時的なサーバーアドレスをお客様のリソースダウンロードサーバーに置き換える必要があります。Alibaba Cloud は、この一時的なリソースアドレスに対するサポートまたは関連機能を提供しません。

ブラウザで Web デモから開始し、その後デバイスでモバイルデモを試してください。デモのソースコードをローカルで実行する場合は、デモの実行をご参照ください。

Web

Web デモをオンラインで試すことができます。

image.png

モバイル

モバイルデモは、フィード、ミニシリーズ、ショートビデオのシナリオをサポートしています。

  • フィードシナリオ:ネストされたタブと縦方向のスワイプ再生をサポートしており、フィードベースのアプリケーションに最適です。

  • ミニシリーズシナリオ:ドロワー形式のエピソード一覧を提供し、タップで特定のエピソードにジャンプできます。

  • ショートビデオシナリオ:縦型のフルスクリーン没入型プレーヤーを備えています。上下にスワイプして動画を切り替えることができます。

デモのプレビュー

image123

デモの実行

ApsaraVideo Player SDK は、プロフェッショナルな音声・映像アプリケーションを構築するためのソリューションです。独自の統合を開始する前に、オープンソースのデモを実行してコア実装を理解してください。

前提条件

ライセンスキーとライセンスファイルを取得するには、VOD コンソール コンソールで以下の手順を実行します。

  1. My Licenses ページに移動します。

  2. License Management タブで、License Key をコピーします。

  3. Associate License をクリックして、アプリケーションをバインドします。

  4. 表内のアプリケーション名の下にあるDownload Certificateをクリックし、ライセンスファイルを取得します。

プロジェクトのクローン

次のコマンドを実行してデモプロジェクトをクローンします:

Android

git clone https://github.com/MediaBox-Demos/AliPlayer-Android.git
cd AliPlayer-Android

iOS

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 ガイドをご参照ください。

1752205295530-dd783fac-b7e3-4a47-b2ad-43884d0d02b0

iOS

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

1752205325834-238166cb-9ed5-41e2-8673-aa489328a7a4

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