248 lines
8.1 KiB
JavaScript
248 lines
8.1 KiB
JavaScript
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);
|
|
}
|
|
}
|