カテゴリー: 雑談

Streming JS サンプル
https://devras.info/streaming/

 

サンプル動画は汚いから注意だゾ！

使い方

動画サイトなどで、動画を再生させる前に広告や宣伝を動画でしたい・・・というときにおすすめのスクリプトです。

 

基本的な使い方

https://devras.info/cdn/streaming.js を読み込みます。

<video id="streamingjs"></video>

let id = "streamingjs";
let srcs = {
 "ad": "広告動画のURL",
 "vi": "再生したい動画"
};

StreamingSettings.AdvSrc = srcs["ad"];
StreamingSettings.VideoSrc = srcs["vi"];
StreamingSettings.EnableAdv = true;

Streaming(id);

最低限これだけあれば再生可能です。

イベントを捕捉して処理を変えたい場合

例えば、広告から動画に切り替わったタイミングが知りたい場合は

StreamingSettings.ChangeStateEvent = function(state) {
  // state は数字が入ります。
  // テキスト形式で取得したい場合は getStreamingState(state);
  // ステータスの比較には state == StreamState["Playing"] のようにやる
  console.log(state);
};

 

ボリュームの調整は

StreamingSettings.Volume = 1; // 0 - 1 の間で指定 小数指定可能

 

広告をスキップするには

SkipAdv();

もっと詳細が知りたい人はサンプルを確認してください。