ApsaraVideo Player SDK for Webをwebアプリケーションに統合し、オンデマンドでライブストリーミングとビデオ再生に使用できます。 このトピックでは、ApsaraVideo Player SDK for Webの機能とブラウザとの互換性について説明します。
概要
ApsaraVideo Player SDK for Webは、HTML5プレーヤーとFlashプレーヤーの <video> タグを使用して、webアプリケーションでビデオを再生します。 ApsaraVideo Player SDK for Webは、ChromeやSafariなどの複数のブラウザと互換性があり、複数のプラットフォームで統合されたビデオ再生効果を提供します。 ApsaraVideo Player SDK for Webは、ホットリンク保護、暗号化ビデオ再生、ApsaraVideo LiveおよびApsaraVideo VODに基づく品質モニタリングなどの機能もサポートしています。
Flash Playerはサービス停止であり、主流のブラウザではサポートされていません。 Internet ExplorerまたはHTML5プレーヤーをサポートしていないブラウザを使用している場合は、Flashプレーヤーを使用できます。
対応プロトコル
VODシナリオ
次の表に、ApsaraVideo Player SDK for Webでサポートされている再生プロトコルとコーデックを示します。
プレイヤー | ビデオコーデック | ビデオプロトコル | オーディオコーデック | オーディオファイル形式 |
H5 | H.264 |
| AAC | MP3 |
H.265 説明
|
| AAC | - | |
H.266 説明
| MP4 | AAC | - | |
Flash player (更新停止) | H.264 |
|
| MP3 |
ライブストリーミングのシナリオ
次の表に、ApsaraVideo Player SDK for Webでサポートされているライブストリーミングプロトコルとコーデックを示します。
ビデオコーデック | ビデオプロトコル | オーディオコーデック | オーディオファイル形式 |
H.264 | HLS、FLV、RTS、およびダッシュ | AAC | - |
H.265 | HLSおよびFLV (コーデックID = 12) | AAC | - |
H.266 | HLSおよびFLV | AAC | - |
次の表に、各ライブストリーミングプロトコルの利点と制限を示します。
プロトコル | 利点 | デメリット | レイテンシ |
HLS | HLSはさまざまなブラウザと互換性があります。 | レイテンシが高い。 | > 10s |
FLV | FLVは高い同時実行性をサポートし、ネイティブアプリケーションに適しています。 | ブラウザでビデオを再生するには、ApsaraVideo Player SDK for Webとの統合が必要です。 | 1s ~ 3s |
RTS | RTSは、劣悪なネットワーク条件下で良好に機能する。 パケットロス率30% でもスムーズにストリームを再生できます。 | ブラウザでビデオを再生するには、ApsaraVideo Player SDK for Webとの統合が必要です。 | <1s |
ダッシュ | 適応ビットレートがサポートされています。 | レイテンシが高い。 | > 10s |
HTML5プレーヤーでサポートされているブラウザ
HTML5プレーヤーは、PCやモバイルデバイスのブラウザで使用できます。
ビデオの再生には、次の表に示すブラウザを使用することを推奨します。 さもなければ、再生は失敗するかもしれない。
サポートされているブラウザ
PCのブラウザを使用してFLVまたはHLS形式のビデオを再生するには、クロスオリジンリソース共有 (CORS) を有効にする必要があります。 詳細については、「CORS の設定」をご参照ください。
ブラウザ | MP4 | FLV | HLS | MP3 |
Chrome | ✓ | Google Chrome 34以降 | Google Chrome 34以降 | ✓ |
Firefox | ✓ | Firefox 49以降 | Firefox 49以降 | ✓ |
IE | Internet Explorer 9以降 |
重要 Internet Explorer 11 for Windows 8以降では、FLV形式のビデオストリームを再生することはできません。 これは、Internet Explorer 11のflv.jsファイルで | Windows 8.1以降のInternet Explorer 11以降 | Internet Explorer 9以降 |
Edge | ✓ | ✓ | ✓ | ✓ |
Opera | ✓ | ✓ | ✓ | ✓ |
Safari | ✓ | サファリ8以降 | サファリ8以降 | ✓ |
サポートされているモバイルデバイス
ApsaraVideo Player SDK for Webでは、モバイルブラウザーでHTML5プレーヤーを使用してFLVビデオを再生することはできません。
表 1. Androidデバイスでサポートされているブラウザ
ブラウザ | MP4 | FLV | HLS | MP3 |
Chrome | ✓ | × | Google Chrome 34以降 | ✓ |
Firefox | ✓ | × | Firefox 49以降 | ✓ |
✓ | × | ✓ | ✓ | |
Edge | ✓ | × | ✓ | ✓ |
Opera | ✓ | × | ✓ | ✓ |
表 2. iOSデバイスでサポートされているブラウザ
ブラウザ | MP4 | FLV | HLS | MP3 |
Chrome | ✓ | × | Google Chrome 34以降 | ✓ |
Firefox | ✓ | × | Firefox 49以降 | ✓ |
✓ | × | ✓ | ✓ | |
Edge | ✓ | × | ✓ | ✓ |
Opera | ✓ | × | ✓ | ✓ |
Safari | ✓ | × | サファリ8以降 | ✓ |
ブラウザでサポートされているHTML5プレーヤーの機能
機能 | PC | モバイルデバイス | 関連ドキュメント |
フルスクリーン再生 | デフォルトでは、フルスクリーン再生機能は無効になっています。 | デフォルトでは、フルスクリーン再生機能が有効になっています。 必要に応じて機能を無効にできます。 説明
| |
自動再生 | ApsaraVideo Player SDK for Webが提供する自動再生機能は、特定のブラウザではサポートされていません。
| デフォルトでは、自動再生は無効になっています。 この機能を有効にするには、特定の設定を行う必要があります。 説明 特定のブラウザとWebViewベースのアプリで自動再生が可能です。 これは一般的にAndroidデバイスで発生します。 | |
音量調整 | 対応 |
| |
再生速度 | 対応 | Android用のWeChatブラウザを含む特定のモバイルブラウザでは再生速度を設定できません。 | |
HLSによる暗号化ビデオの再生 |
| 対応 | 暗号化されたビデオを再生する |
Alibaba Cloud独自の暗号化を使用して暗号化されたビデオの再生 説明 セキュリティ上の理由から、Alibaba Cloud独自の暗号化を使用して暗号化された実際のビデオをデバッグに使用することはできません。 |
説明 特定のサードパーティブラウザは、お客様の権限や知識なしにApsaraVideo Player SDKの設定を変更する場合があります。 この場合、Alibaba Cloud独自の暗号を使用して暗号化されたビデオは再生できません。 この問題を解決するには、HLSまたはデジタル著作権管理 (DRM) 暗号化方式を使用してビデオを暗号化することを推奨します。 |
| |
DRMを使用して暗号化されたライブストリームの再生 | Windows
macOS
| iOS
アンドロイド
| |
DRM暗号化されたVODファイルの再生 | Windows
macOS
| iOS
アンドロイド
|
Flash playerでサポートされているブラウザ
FlashプレーヤーはPCブラウザでのみサポートされています。 次の表に、特定のブラウザーでFlashプレーヤーで再生できるさまざまな形式のビデオを示します。
Internet Explorer 8でFlash playerを使用するには、ブラウザでjson.min.jsファイルへの参照を追加する必要があります。 詳細については、「クイック統合」をご参照ください。
ブラウザ | MP4 | FLV | HLS | RTMP | MP3 |
Chrome | ✓ | ✓ | ✓ | ✓ | ✓ |
Firefox | ✓ | ✓ | ✓ | ✓ | ✓ |
IE | Internet Explorer 8以降 | Internet Explorer 8以降 | Internet Explorer 8以降 | Internet Explorer 8以降 | Internet Explorer 8以降 |
Edge | ✓ | ✓ | ✓ | ✓ | ✓ |
Opera | ✓ | ✓ | ✓ | ✓ | ✓ |
Safari | ✓ | ✓ | ✓ | ✓ | ✓ |
バージョンの状態と技術サポートポリシー
ユーザーエクスペリエンスを最適化するために、ApsaraVideo PlayerはプレーヤーSDKを更新し続け、新機能をリリースし、プレーヤーのパフォーマンスを向上させ、問題を修正します。 ApsaraVideo VODは、バージョン更新中にAPIの互換性を大幅に維持します。 再生エクスペリエンスを向上させるために、できるだけ早い機会にプレーヤーSDKを最新バージョンに更新することをお勧めします。
ApsaraVideo Player SDKのバージョンは、リリース日に基づいて、推奨、サポート対象、非推奨、サポート対象外の4つの状態に分類されます。 ApsaraVideo VODは、さまざまな州のプレーヤーSDKに対してさまざまな技術サポートサービスを提供します。
ApsaraVideo Player SDK For Webのバージョンの詳細については、「ApsaraVideo Player SDK for Webのリリースノート」をご参照ください。 次の表に、ApsaraVideo Player SDK for Webのバージョン状態とテクニカルサポートポリシーを示します。
バージョン状態 | 分類 | 説明 |
推奨 推奨 | 最新バージョン。 |
|
対応 サポート | 最新バージョンの6か月前にリリースされたバージョン。 |
|
推奨されない 落ち込んだ | 最新バージョンの6〜12か月前にリリースされたバージョン。 |
|
サポートされていない 未サポート | 最新バージョンの12か月以上前にリリースされたバージョン。 |
|