ApsaraVideo VOD:基本機能

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

次のサンプルコードは、メソッドの呼び出し方法の例を示しています。

var player = new Aliplayer({},function(player) {
    // 再生速度を 2 倍に設定します。
    player.setSpeed(2);
 });

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

// time は指定された時点を指定します。単位：秒。
player.seek(time)

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

player.pause()

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

player.dispose()

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

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

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

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

Web向けApsaraVideo Player SDKは、ビデオの高さと幅を指定するための videoHeight 属性と videoWidth 属性を提供します。ほとんどの場合、ビデオの高さと幅はコンテナの高さおよび幅よりも小さくなります。これにより、回転およびミラーリング中にビデオが親コンテナからオーバーフローするのを防ぎます。サンプルコード：

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

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

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

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

player.getDuration()

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

• 初期化

• 準備完了

• 読み込み中

• 再生

• 一時停止

• 再生中

• 待機中

• エラー

• 終了

サンプルコード：

player.getStatus()

音量を調整したり、ビデオをミュートしたりできます。

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

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

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

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

Web向けApsaraVideo Player SDKのデフォルト ユーザーインターフェース (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 の値は、最低解像度から最高解像度への昇順を指定します。