ApsaraVideo VOD:基本機能

Web 向け ApsaraVideo Player SDK の基本機能は、属性またはメソッドを使用して有効にします。

次に、メソッドを呼び出すサンプルコードを示します。

var player = new Aliplayer({}, function(player) {
    // player.setSpeed(2) のようにメソッドを呼び出します。
    player.setSpeed(2);
 });

seek メソッドを呼び出して、指定した時点からビデオを再生することができます。 サンプルコード：

// time は指定する時点 (秒単位) です。
player.seek(time)

pause メソッドを呼び出して再生を一時停止できます。サンプルコード：

player.pause()

dispose メソッドを呼び出してプレーヤーを破棄できます。サンプルコード:

player.dispose()

setRotate 操作を呼び出して、指定した角度で画像を回転させます。また、回転角度を照会することもできます。サンプルコード：

// 回転角度を指定します。Angle に正の値を指定すると時計回り、負の値を指定すると反時計回りに回転します。たとえば、player.setRotate(180) は時計回りに 180 度回転することを意味します。
player.setRotate(<Angle>)
// 回転角度を取得します。
player.getRotate()

setImage を呼び出して、ミラーリングモードを設定します。サポートされているモードは、水平ミラーリングと垂直ミラーリングです。サンプルコード：

// 水平ミラーリング。
player.setImage('horizontal')
// 垂直ミラーリング。
player.setImage('vertical')

ApsaraVideo Player SDK for Web では、videoHeight および videoWidth 属性を使用して、ビデオの高さと幅を指定できます。ほとんどの場合、ビデオの高さと幅はコンテナより小さくなります。これにより、回転およびミラーリング中にビデオが親コンテナからはみ出すのを防ぎます。サンプルコード:

 width: '100%', // コンテナの幅。
 height: '100%', // コンテナの高さ。
 videoHeight: "200px", // 動画の高さ。

現在の再生進捗を取得するには、getCurrentTime を呼び出します。サンプルコード：

// 返される時間は秒単位です。
player.getCurrentTime()

ビデオの総再生時間を取得できます。ビデオの再生時間は、ビデオの読み込みが完了した後にのみ取得できます。たとえば、play イベントが発生した後にビデオの再生時間を取得できます。getDuration を呼び出して、ビデオの総再生時間を取得します。再生時間は、ビデオの読み込みが完了した後、または play イベントが発生した後にのみ取得できます。サンプルコード：

player.getDuration()

getStatusを呼び出して、再生ステータスを取得します。 戻り値:

• init：初期化中。

• ready：準備完了。

• loading：読み込み中。

• play：再生中。

• pause：一時停止中。

• playing：再生中。

• waiting：バッファリング中。

• error：エラー発生。

• 終了：終了。

サンプルコード：

player.getStatus()

音量を調整したり、動画をミュートしたりできます。

setVolume 操作を呼び出して音量を調整します。現在の音量を取得することもできます。サンプルコード：

// 音量を 0 から 1 までの実数に設定します。
player.setVolume(0)
// 現在の音量を取得します。
player.getVolume()

再生中にビデオをミュートにするには、mute メソッドを呼び出します。サンプルコード：

// 動画をミュートします。
player.mute();
// 動画のミュートを解除します。
player.unMute();

ApsaraVideo Player SDK for Web のデフォルトのユーザーインターフェイス (UI) を使用する場合、組み込みの再生速度機能を使用して、ビデオの視聴時に再生速度を調整できます。カスタム UI を使用する場合、setSpeed 操作を呼び出して再生速度を調整できます。

サンプルコード：

// 再生速度を指定します。次のサンプルコードは、再生速度を現在の 2 倍に設定する例です。
player.setSpeed(2)

マルチ解像度で再生するには、複数の解像度のストリームURL を設定できます。

• VID と PlayAuth を使用して再生する場合、追加の設定は必要ありません。Web 向け ApsaraVideo Player SDK は、ApsaraVideo VOD から解像度リストを取得します。再生ページの [設定] をクリックして、解像度リストを表示できます。

  説明

  VID と PlayAuth を使用して再生する場合、format 属性を指定して、HTML5 プレーヤーで MP4 または MP3 形式のメディアファイルを再生するかどうかを決定できます。デフォルトでは、MP4 形式のメディアファイルが再生されます。

• URL ベースの再生を使用する場合、source 属性でキーと値のペアを設定し、複数の解像度のストリームURL を指定する必要があります。キーと値のペアは JSON 形式です。設定後、再生ページの [設定] をクリックして解像度リストを表示できます。

URL ベースの再生モードでは、source 属性で次のキーと値のペアがサポートされています：

   "OD": "<オリジナル解像度のURL>"
   "FD": "<低解像度のURL>"
   "LD":"<標準解像度のURL>"
   "SD": "<高解像度のURL>"
   "HD": "<超高解像度のURL>"
   "2K": "<2K解像度のURL>"
   "4K": "<4K解像度のURL>"

次のサンプルコードは、URL ベースの再生モードで解像度を設定する例です：

// 高解像度と超高解像度のURLを設定する例です。
source:'{"HD":"http://******/player/hdexample.mp4","SD":"http://******/player/sdexample.mp4"}'

Web 向け ApsaraVideo Player SDK では、qualitySort 属性を指定して、解像度を昇順または降順で一覧表示することもできます。

• desc は、最高解像度から最低解像度への降順を指定します。

• asc は、最低解像度から最高解像度への昇順を指定します。