Embed: Added flv.js to meta player
This commit is contained in:
Cat
Thulinma
parent
4f1962b9b0
commit
6204a57a0e
12 changed files with 299 additions and 5 deletions
|
|
@ -187,7 +187,6 @@ p.prototype.build = function (MistVideo,callback) {
|
|||
this.onDashLoad();
|
||||
}
|
||||
else {
|
||||
|
||||
var scripttag = MistUtil.scripts.insert(MistVideo.urlappend(mistplayers.dashjs.scriptsrc(MistVideo.options.host)),{
|
||||
onerror: function(e){
|
||||
var msg = "Failed to load dashjs.js";
|
||||
|
|
|
|||
248
embed/wrappers/flv.js
Normal file
248
embed/wrappers/flv.js
Normal file
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue