ApsaraVideo VOD:Integrate ApsaraVideo Player SDK for Web

Playback based on URLs

Defina o parâmetro source como a URL de reprodução de um arquivo de mídia de um serviço de terceiros ou do ApsaraVideo VOD.

Chame a operação GetPlayInfo para obter a URL de reprodução de um arquivo de mídia no ApsaraVideo VOD. Recomendamos integrar o ApsaraVideo VOD SDK para evitar cálculos de assinatura complexos. Experimente a API no OpenAPI Explorer.

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    source: "<your play URL>", // The playback URL of a media file stored in a third-party VOD service or in ApsaraVideo VOD.
  },
  function (player) {
    console.log("The player is created.");
  }
);

Playback based on VID and PlayAuth

Defina vid como o ID da mídia e playauth como a credencial de reprodução.

1. Após fazer upload de um arquivo de mídia, encontre o ID no console do ApsaraVideo VOD em Media Files > Audio/Video. Alternativamente, chame a operação SearchMedia.

2. Chame a operação GetVideoPlayAuth para obter a credencial de reprodução. Recomendamos integrar o ApsaraVideo VOD SDK para evitar cálculos de assinatura complexos. Experimente a API no OpenAPI Explorer.

A reprodução baseada em VidAuth é recomendada em vez de STS pela simplicidade e segurança. Para comparação, consulte Credential method vs. STS method.

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    width: "100%",
    vid: "<your video ID>", // Required. The ID of the media file. Example: 1e067a2831b641db90d570b6480f****.
    playauth: "<your PlayAuth>", // Required. The playback credential.
    // authTimeout: 7200, // The validity period of the playback URL. Unit: seconds. This setting overwrites the validity period that you configured in the ApsaraVideo VOD console. If you leave this parameter empty, the default value 7200 is used. The validity period must be longer than the actual duration of the video. Otherwise, the playback URL expires before the playback is complete.
  },
  function (player) {
    console.log("The player is created.");
  }
);

Playback based on VID and STS

A reprodução baseada em STS usa um token STS temporário em vez de uma credencial de reprodução. Chame a operação AssumeRole para obter um token STS. Para mais informações, consulte Obtain an STS token.

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    width: "100%",
    vid: "<your video ID>", // Required. After you upload an audio or video file, you can log on to the ApsaraVideo VOD console and choose Media Files > Audio/Video to view the ID of the audio or video file. Alternatively, you can call the SearchMedia operation provided by the ApsaraVideo VOD SDK to obtain the ID. Example: 1e067a2831b641db90d570b6480f****.
    accessKeyId: "<your AccessKey ID>", // Required. The AccessKey ID is returned when the temporary STS token is generated.
    securityToken: "<your STS token>", // Required. The STS token. To obtain an STS token, call the AssumeRole operation.
    accessKeySecret: "<your AccessKey Secret>", // Required. The AccessKey secret is returned when the temporary STS token is generated.
    region: "<region of your video>", // Required. The ID of the region in which the media asset resides, such as cn-shanghai, eu-central-1, or ap-southeast-1.
    // authTimeout: 7200, // The validity period of the playback URL. Unit: seconds. This setting overwrites the validity period that you configured in the ApsaraVideo VOD console. If you leave this parameter empty, the default value 7200 is used. The validity period must be longer than the actual duration of the video. Otherwise, the playback URL expires before the playback is complete.
  },
  function (player) {
    console.log("The player is created.");
  }
);

Encrypted playback

O ApsaraVideo VOD suporta criptografia proprietária da Alibaba Cloud e criptografia DRM. Play an encrypted video in a web browser.

URL-based live streaming

Defina source como a URL de transmissão e isLive como true.

A URL de transmissão pode ser de um serviço de terceiros ou do ApsaraVideo Live. Gere URLs com o URL generator no console do ApsaraVideo Live.

var player = new Aliplayer(
  {
    id: "J_prismPlayer",
    source: "<your play URL>", // The streaming URL can be a third-party streaming URL or a streaming URL that is generated in ApsaraVideo Live.
    isLive: true, // Specifies whether to play live streams.
  },
  function (player) {
    console.log("The player is created.");
  }
);

DRM-encrypted live streaming

Para transmissão ao vivo com criptografia DRM: Play an encrypted video.