リスナーおよびメソッドコールの情報

イベントリスナーおよびプレイヤーV3 APIメソッドを使用して作業したいアセットの情報を取得します。

こちらの簡略化されたサンプルでは、アセットの基本情報(タイトル、説明、長さ)およびビットレートやバッファに 関連する詳細を取得するためにgetterメソッドを使用しています。他にも利用できる イベントおよびメソッドは多くあります。

さらに、イベントリスナーの基本構造は、mb.subscribeを 使用して、こちらに示されています。

 
.
.
.
  // Buffer listener
  // Need to subscribe to an event if you want updates for the length of the buffer.
  // Ideally you'd listen for the BUFFERING event.
  window.bufferLength = -100;
  window.mb.subscribe('playheadTimeChanged', 'myPage', function(eventName) {
    var newBufferLength = player.getBufferLength();
    if (bufferLength === newBufferLength) { return; }
    window.bufferElement.innerHTML += "Buffer length is " + player.getBufferLength() + "<br/>"
    window.bufferLength = newBufferLength;
  });

  // Bitrate listener
  // You *must* listen to bitrateInfoAvailable in order to request it.
  window.mb.subscribe('bitrateInfoAvailable', 'myPage', function(eventName) {
    var rates = player.getBitratesAvailable();
    if (rates.length > 0) {
      for (var i=0; i < rates.length; i++) {
        window.bitrateElement.innerHTML += "Rate: " + rates[i] + "<br/>"
      }
    }
  });

  // Metadata
  // Content information is available after contentTreeFetched, but it is best to wait until
  // playbackReady for duration.
  window.mb.subscribe('playbackReady', 'myPage', function(eventName) {
    window.metadataElement.innerHTML += "Title is: " + player.getTitle() + "<br/>";
    window.metadataElement.innerHTML += "Description is: " + player.getDescription() + "<br/>";
    window.metadataElement.innerHTML += "Duration is: " + player.getDuration() + "<br/>";
  });
}

window.bufferElement = getElement('buffer');
window.bitrateElement = getElement('bitrate');
window.metadataElement = getElement('metadata');
.
.
.

  

この記事はお役にたちましたか?