ミルビィ JSAPI は JavaScript を用いてミルビィプレイヤーを操作するための機能を提供します。

 

JSAPI利用の流れ

  1. HTML ページにミルビィプレイヤー埋め込みコードを記述します。
  2.  JavaScript コード “Eviry.Player.ready(callback)” を定義し、第 1 引数のコールバック関数に渡されるミルビィプレイヤーを用いて操作を定義します。

 

複数プレイヤー/キャンバス貼り付け時の注意

HTMLページ内に複数のミルビィプレイヤー埋め込みコードが含まれている場合、操作対象のミルビィプレイヤーを特定するためにミルビィプレイヤー埋め込みコードに下記の修正が必要となります。

  1. 対象のプレイヤーの埋め込みコードパラメーターに ‘ Eviry.Player.extid = "任意の ID"; ‘ を追加・定義します。
  2. Eviry.Player.extid に定義した ID を Eviry.Player.ready() の第 2 引数に指定することで操作対象のミルビィプレイヤーを特定します。

 

サンプルコード

現在再生されている動画の動画 ID と再生時間をリアルタイムで HTML フォームに表示します。

<script type="text/javascript">// <![CDATA[
var Eviry=Eviry||{};Eviry.Player||(Eviry.Player={});Eviry.Player.embedkey="...";
// ]]></script>
<script type="text/javascript" src="https://xxxxxxxxxxxxx/eviry.player.min.js"></script>
<script type="text/javascript">// <![CDATA[
Eviry.Player.ready(function (millviplayer) {
        if (millviplayer) {
            function OnRefreshMillviInfo() {
                document.getElementById("videoid").innerHTML = millviplayer.getVideoID();
                document.getElementById("currentposition").innerHTML = millviplayer.getCurrentPosition();
            }
            setInterval(OnRefreshMillviInfo,100);
        } else {
            alert("ミルビィプレイヤーが見つかりませんでした。");
        }
    });
// ]]></script>
</code></pre>
<div>
  <div>
    動画 ID:<span id="videoid"></span>
  </div>
  <div>
    再生時間:<span id="currentposition"></span>
  </div>
</div>

 

JSAPIリスト

API 機能
Eviry.Player.ready(callback, [extid]) ページ内に貼り付けられているミルビィプレイヤーがロードされて操作が可能になったタイミングで第 1 引数に指定されたコールバック関数を実行します。
MillviPlayer.fetchAudienceCount() ライブ配信のリアルタイム視聴者数と総視聴者数を取得します。
MillviPlayer.getCurrentPosition() 現在の再生時間を取得します。
MillviPlayer.getDuration() 動画の総再生時間を取得します。
MillviPlayer.getVideoID() 再生中の動画の動画 ID を取得します。
MillviPlayer.isEnded() 再生完了状態を取得します。
MillviPlayer.isPausing() 一時停止状態を取得します。
MillviPlayer.isPlaying() 再生状態を取得します。
MillviPlayer.pause() 一時停止します。
MillviPlayer.play() 一時停止状態から再生を再開します。
MillviPlayer.reloadFlash() Internet Explorer向けにプレイヤーのdisplay:none->display:blockで再度表示する場合に必要です。
MillviPlayer.setCurrentPosition() 再生時間を指定します。(シーク)
この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています