Guest User

ピアキャスでflv.jsのデモ

a guest
Nov 12th, 2016
512
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. まずストリームURLに接続できるようにピアキャスでFLV配信に接続する
  3. 次に下にあるvar url = "ストリームURL";にFLV配信のストリームURLを張り付ける
  4. ブラウザでピアキャスの管理画面を開いてキーボードのF12を押して開発者ツールを開いて
  5. 開発者ツールのコンソールから下のスクリプトを貼りつけて実行すれば再生される
  6. クロスドメインの制約があるからブラウザで開いてるURLとストリームURLのドメイン名とポート番号は同じにする
  7. */
  8.  
  9. var url = "ストリームURL";
  10.  
  11. var video = document.createElement("video");
  12. video.id = "videoElement";
  13. document.body.appendChild(video);
  14.  
  15. var script = document.createElement("script");
  16. script.src = "https://github.com/Bilibili/flv.js/releases/download/v1.0.0/flv.min.js";
  17. script.onload = function(){
  18.   if (flvjs.isSupported()) {
  19.     var videoElement = document.getElementById("videoElement");
  20.     var flvPlayer = flvjs.createPlayer({
  21.       "type": "flv",
  22.       "isLive": true,
  23.       "url": url
  24.     });
  25.     flvPlayer.attachMediaElement(videoElement);
  26.     flvPlayer.load();
  27.     flvPlayer.play();
  28.   }
  29. };
  30. document.body.appendChild(script);
RAW Paste Data