プレイヤーJSAPI概要

ミルビィ 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リスト