ApsaraVideo VOD:ApsaraVideo Player for Web のクイックインテグレーション

URL に基づく再生

URL からビデオを再生するには、source パラメーターを再生 URL に設定する必要があります。サードパーティの VOD サービスまたは ApsaraVideo VOD に保存されているオーディオファイルまたはビデオファイルの再生 URL を指定できます。

GetPlayInfo 操作を呼び出して、ApsaraVideo VOD に保存されているメディアファイルの再生 URL を取得できます。ApsaraVideo VOD SDK を統合してメディア再生 URL を取得することをお勧めします。これにより、複雑な署名計算が不要になります。GetPlayInfo 操作の詳細については、「OpenAPI Explorer」をご参照ください。

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    source: "<your play URL>", // サードパーティの VOD サービスまたは ApsaraVideo VOD に保存されているオーディオまたはビデオファイルの再生 URL。
  },
  function (player) {
    console.log("プレーヤーが作成されました。");
  }
);

VID と PlayAuth に基づく再生

VID と PlayAuth に基づいてビデオを再生するには、vid パラメーターをオーディオまたはビデオ ID に設定し、playauth パラメーターを再生クレデンシャルに設定する必要があります。

1. オーディオまたはビデオファイルをアップロードした後、ApsaraVideo VOD コンソールにログインし、[メディアファイル] > [オーディオ/ビデオ] を選択して、オーディオまたはビデオファイルの ID を表示できます。または、SearchMedia 操作を呼び出して ID を取得することもできます。

2. GetVideoPlayAuth 操作を呼び出して、再生資格情報を取得できます。ApsaraVideo VOD SDK を統合してメディア再生の資格情報を取得することをお勧めします。これにより、複雑な署名計算が不要になります。GetVideoPlayAuth 操作の詳細については、「OpenAPI Explorer」をご参照ください。

この再生方法を使用することをお勧めします。STS ベースの再生と比較して、VidAuth ベースの再生は使いやすく、より安全です。2 つの再生方法の比較の詳細については、「資格情報と STS の比較」をご参照ください。

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    width: "100%",
    vid: "<your video ID>", // 必須。オーディオまたはビデオファイルの ID。例: 1e067a2831b641db90d570b6480f****。
    playauth: "<your PlayAuth>", // 必須。再生資格情報。
    // authTimeout: 7200, // 再生 URL の有効期間。単位: 秒。この設定は、ApsaraVideo VOD コンソールで設定した有効期間を上書きします。このパラメーターを空のままにすると、デフォルト値 7200 が使用されます。有効期間は、ビデオの実際の再生時間よりも長くする必要があります。そうしないと、再生が完了する前に再生 URL の有効期限が切れます。
  },
  function (player) {
    console.log("プレーヤーが作成されました。");
  }
);

STS に基づく再生

STS ベースの再生を使用する場合、再生資格情報ではなく一時的な STS トークンが使用されます。事前に AssumeRole 操作を呼び出して STS トークンを取得する必要があります。詳細については、「STS トークンの取得」をご参照ください。

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    width: "100%",
    vid: "<your video ID>", // 必須。オーディオまたはビデオファイルをアップロードした後、ApsaraVideo VOD コンソールにログインし、[メディアファイル] > [オーディオ/ビデオ] を選択して、オーディオまたはビデオファイルの ID を表示できます。または、ApsaraVideo VOD SDK が提供する SearchMedia 操作を呼び出して ID を取得することもできます。例: 1e067a2831b641db90d570b6480f****。
    accessKeyId: "<your AccessKey ID>", // 必須。一時的な STS トークンが生成されるときに返される AccessKey ID。
    securityToken: "<your STS token>", // 必須。STS トークン。STS トークンを取得するには、AssumeRole 操作を呼び出します。
    accessKeySecret: "<your AccessKey Secret>", // 必須。一時的な STS トークンが生成されるときに返される AccessKey Secret。
    region: "<region of your video>", // 必須。メディアアセットが存在するリージョンの ID (cn-shanghai、eu-central-1、ap-southeast-1 など)。
    // authTimeout: 7200, // 再生 URL の有効期間。単位: 秒。この設定は、ApsaraVideo VOD コンソールで設定した有効期間を上書きします。このパラメーターを空のままにすると、デフォルト値 7200 が使用されます。有効期間は、ビデオの実際の再生時間よりも長くする必要があります。そうしないと、再生が完了する前に再生 URL の有効期限が切れます。
  },
  function (player) {
    console.log("プレーヤーが作成されました。");
  }
);

暗号化再生

ApsaraVideo VOD は、Alibaba Cloud 専用の暗号化と DRM 暗号化をサポートしています。暗号化再生の詳細については、「Web ブラウザで暗号化されたビデオを再生する」をご参照ください。

URL ベースのライブストリーミング

URL からコンテンツをストリーミングするには、source パラメーターをストリーミング URL に設定し、isLive パラメーターを true に設定する必要があります。

サードパーティのライブストリーミングサービスまたは ApsaraVideo Live のライブストリームのストリーミング URL を指定できます。ApsaraVideo Live コンソールには、ストリーミング URL の生成に役立つ URL ジェネレーターが用意されています。詳細については、「URL ジェネレーター」をご参照ください。

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    source: "<your play URL>", // ストリーミング URL は、サードパーティのストリーミング URL または ApsaraVideo Live で生成されたストリーミング URL のいずれかです。
    isLive: true, // ライブストリームを再生するかどうかを指定します。
  },
  function (player) {
    console.log("プレーヤーが作成されました。");
  }
);

DRM で暗号化されたライブストリーミング

DRM 暗号化ライブストリーミングの詳細については、「暗号化されたビデオを再生する」をご参照ください。