Embed: Added flv.js to meta player

embed/wrappers/flv.js

@@ -0,0 +1,248 @@
+mistplayers.flv = {
+  name: "HTML5 FLV Player",
+  mimes: ["flash/7"],
+  priority: MistUtil.object.keys(mistplayers).length + 1,
+  isMimeSupported: function (mimetype) {
+    return (MistUtil.array.indexOf(this.mimes,mimetype) == -1 ? false : true);
+  },
+  isBrowserSupported: function (mimetype,source,MistVideo) {
+    
+    //check for http/https mismatch
+    if (location.protocol != MistUtil.http.url.split(source.url).protocol) {
+      if ((location.protocol == "file:") && (MistUtil.http.url.split(source.url).protocol == "http:")) {
+        MistVideo.log("This page was loaded over file://, the player might not behave as intended.");
+      }
+      else {
+        MistVideo.log("HTTP/HTTPS mismatch for this source");
+        return false;
+      }
+    }
+    
+    if (!window.MediaSource) { return false; }
+    
+    try {
+      function test(mime) {
+        return window.MediaSource.isTypeSupported("video/mp4;codecs=\""+mime+"\"");
+      }
+      function translateCodec(track) {
+        
+        function bin2hex(index) {
+          return ("0"+track.init.charCodeAt(index).toString(16)).slice(-2);
+        }
+        
+        switch (track.codec) {
+          case "AAC":
+            return "mp4a.40.2";
+          case "MP3":
+            return "mp3";
+            //return "mp4a.40.34";
+          case "AC3":
+            return "ec-3";
+          case "H264":
+            return "avc1."+bin2hex(1)+bin2hex(2)+bin2hex(3);
+          case "HEVC":
+            return "hev1."+bin2hex(1)+bin2hex(6)+bin2hex(7)+bin2hex(8)+bin2hex(9)+bin2hex(10)+bin2hex(11)+bin2hex(12);
+          default:
+            return track.codec.toLowerCase();
+        }
+        
+      }
+      var codecs = {};
+      for (var i in MistVideo.info.meta.tracks) {
+        if (MistVideo.info.meta.tracks[i].type != "meta") {
+          codecs[translateCodec(MistVideo.info.meta.tracks[i])] = MistVideo.info.meta.tracks[i].type;
+        }
+      }
+      source.supportedCodecs = [];
+      for (var i in codecs) {
+        //i is the long name (like mp4a.40.2), codecs[i] is the type (audio/video)
+        var s = test(i);
+        if (s) {
+          source.supportedCodecs.push(codecs[i]);
+        }
+      }
+      if ((!MistVideo.options.forceType) && (!MistVideo.options.forcePlayer)) { //unless we force mews, skip this player if not both video and audio are supported
+        if (source.supportedCodecs.length < source.simul_tracks) {
+          MistVideo.log("Not enough playable tracks for this source");
+          return false;
+        }
+      }
+      return source.supportedCodecs.length > 0;
+    } catch(e){}
+    
+    return false;
+  },
+  player: function(){
+    this.onreadylist = [];
+  },
+  scriptsrc: function(host) { return host+"/flv.js"; }
+};
+var p = mistplayers.flv.player;
+p.prototype = new MistPlayer();
+p.prototype.build = function (MistVideo,callback) {
+  
+  this.onFLVLoad = function() {
+    if (MistVideo.destroyed) { return; }
+    
+    MistVideo.log("Building flv.js player..");
+  
+    var video = document.createElement("video");
+    
+    video.setAttribute("playsinline",""); //iphones. effin' iphones.
+    
+    
+    //apply options
+    var attrs = ["autoplay","loop","poster"];
+    for (var i in attrs) {
+      var attr = attrs[i];
+      if (MistVideo.options[attr]) {
+        video.setAttribute(attr,(MistVideo.options[attr] === true ? "" : MistVideo.options[attr]));
+      }
+    }
+    if (MistVideo.options.muted) {
+      video.muted = true; //don't use attribute because of Chrome bug: https://stackoverflow.com/questions/14111917/html5-video-muted-but-stilly-playing?rq=1
+    }
+    if (MistVideo.options.controls == "stock") {
+      video.setAttribute("controls","");
+    }
+    if (MistVideo.info.type == "live") {
+      video.loop = false;
+    }
+    
+    //send logging through our system
+    flvjs.LoggingControl.applyConfig({
+      enableVerbose: false
+    });
+    flvjs.LoggingControl.addLogListener(function(loglevel,message){
+      MistVideo.log("[flvjs] "+message);
+    });
+    
+    var opts = {
+      type: "flv",
+      url: MistVideo.source.url,
+      //isLive: true, //not needed apparently
+      hasAudio: false,
+      hasVideo: false
+    };
+    //if for example audio is not supported, send hasAudio = false flag or you get a bunch of errors ^_^
+    for (var i in MistVideo.source.supportedCodecs) {
+      opts["has"+MistVideo.source.supportedCodecs[i].charAt(0).toUpperCase()+MistVideo.source.supportedCodecs[i].slice(1)] = true;
+    }
+    MistVideo.player.create = function(o){
+      o = MistUtil.object.extend({},o); //create a copy to force flv.js to recreate the segments key
+      MistVideo.player.flvPlayer = flvjs.createPlayer(o,{
+        lazyLoad: false //if we let it lazyLoad, once it resumes, it will try to seek and fail miserably :)
+      });
+      MistVideo.player.flvPlayer.attachMediaElement(video);
+      MistVideo.player.flvPlayer.load();
+      MistVideo.player.flvPlayer.play();
+      if (!MistVideo.options.autoplay) {
+        video.pause();
+      }
+    }
+    MistVideo.player.create(opts);
+    
+    MistVideo.player.api = {};
+    
+    //redirect properties
+    //using a function to make sure the "item" is in the correct scope
+    function reroute(item) {
+      Object.defineProperty(MistVideo.player.api,item,{
+        get: function(){ return video[item]; },
+        set: function(value){
+          return video[item] = value;
+        }
+      });
+    }
+    var list = [
+      "volume"
+      ,"buffered"
+      ,"muted"
+      ,"loop"
+      ,"paused",
+      ,"error"
+      ,"textTracks"
+      ,"webkitDroppedFrameCount"
+      ,"webkitDecodedFrameCount"
+    ];
+    if (MistVideo.info.type != "live") {
+      list.push("duration");
+    }
+    else {
+      Object.defineProperty(MistVideo.player.api,"duration",{
+        get: function(){
+          if (!video.buffered.length) { return 0; }
+          return video.buffered.end(video.buffered.length-1);
+        },
+      });
+    }
+    for (var i in list) {
+      reroute(list[i]);
+    }
+    
+    //redirect methods
+    function redirect(item) {
+      if (item in video) {
+        MistVideo.player.api[item] = function(){
+          return video[item].call(video,arguments);
+        };
+      }
+    }
+    var list = ["load","getVideoPlaybackQuality","play","pause"];
+    for (var i in list) {
+      redirect(list[i]);
+    }
+    MistVideo.player.api.setSource = function(url){
+      if ((url != opts.url) && (url != "")) {
+        MistVideo.player.flvPlayer.unload();
+        MistVideo.player.flvPlayer.detachMediaElement();
+        MistVideo.player.flvPlayer.destroy();
+        opts.url = url;
+        MistVideo.player.create(opts);
+      }
+    };
+    MistVideo.player.api.unload = function(){
+      MistVideo.player.flvPlayer.unload();
+      MistVideo.player.flvPlayer.detachMediaElement();
+      MistVideo.player.flvPlayer.destroy();
+    }
+    MistVideo.player.setSize = function(size){
+      video.style.width = size.width+"px";
+      video.style.height = size.height+"px";
+    };
+    
+    //override seeking
+    Object.defineProperty(MistVideo.player.api,"currentTime",{
+      get: function(){ return video.currentTime; },
+      set: function(value){
+        var keepaway = 0.5; //don't go closer to buffer end than this value [seconds]
+        
+        //check if this time is in the buffer
+        for (var i = 0; i < video.buffered.length; i++) {
+          if ((value >= video.buffered.start(i)) && (value <= video.buffered.end(i)-keepaway)) {
+            //the desired seek time is in the buffer, go to it
+            return video.currentTime = value;
+          }
+        }
+        MistVideo.log("Seek attempted outside of buffer, but MistServer does not support seeking in progressive flash. Setting to closest available instead");
+        return video.currentTime = (video.buffered.length ? video.buffered.end(video.buffered.length-1)-keepaway : 0);
+      }
+    });
+    
+    callback(video);
+  }
+  
+  if ("flvjs" in window) {
+    this.onFLVLoad();
+  }
+  else {
+    var scripttag = MistUtil.scripts.insert(MistVideo.urlappend(mistplayers.flv.scriptsrc(MistVideo.options.host)),{
+      onerror: function(e){
+        var msg = "Failed to load flv.js";
+        if (e.message) { msg += ": "+e.message; }
+        MistVideo.showError(msg);
+      },
+      onload: MistVideo.player.onFLVLoad
+    },MistVideo);
+  }
+}