Web・HTML5 での再生

完全なサンプルを最初に使用して下さい#

Webパッケージには最新のローカルパッケージが含まれています。 Universal Player JavaScript および宣言、修飾される Shaka, 実行可能 PHP アプリケーション、実行可能 ASP.NET Core 例と統合 README. 生産ページは読み込まれるかもしれません Shaka そして、 Universal Player から まで DRM-X CDN;パッケージはレビュー、開発、および制御されたフォールバックのための現在のローカル ファイルを保持します。

1. サーバー側で Site ID、Site Key、Access Key を設定します。
2. 信頼できる公開された保護されたファイル Content ID および名前付きポリシーを設定します。
3. サンプルログインと資格決定をビジネスロジックに置き換えます。

最小限のクライアント境界#

<script src="https://drm-x6-cdn.1aicloud.com/sdk/drmx-universal-player/v1/drmx-universal-player.js"></script>
<drmx-universal-player id="player"></drmx-universal-player>
<script>
  // Call your authenticated backend, not api6.drm-x.com.
  const session = await fetch('/api/playback/session', {
    method: 'POST',
    headers: {'Content-Type': 'application/json'},
    body: JSON.stringify({contentId: 'trusted-catalog-reference'})
  }).then(r => r.json());
  await window.DrmXUniversalPlayer.start(document.querySelector('#player'), session);
</script>

自動 DRM 動作#

• Windows マイクロソフト Edge は PlayReady を好みます。 プレーバックの前に修飾された PlayReady パスが失敗した場合、自動モードはバインドされた Widevine フォールバックを使用するかもしれません。
• Chrome およびサポートされた Android ブラウザーは Widevine を使用します。
• Safari iPhoneとiPadでネイティブ HLS FairPlay. サポートされる macOS Safari、修飾される Shaka MSE FairPlay ネイティブで利用可能な場合、 HLS フォールバック。
• 互換性のあるHuaweiブラウザは、資格のあるWisePlayパスと保守的な自動品質動作を使用します。

生産チェックリスト#

• HTTPS にすべてを実行し、サーバーの秘密に Access Key を保ちましょう。
• Cache-Control: no-store で再生セッション応答を返します。
• localStorage で URL、トークン、セッションの応答を永続的に行わないでください。
• 詳細な赤字ログのオプトインとタイムバウンドを維持します。ライセンスバイトや認可を記録しないでください。
• 物理的な Windows Edge、macOS Safari、iPhone / iPad Safari、Android、および広告するすべてのデバイスクラスをテストして下さい。