${nu.views}
${nu.duration}
${nu.text.replace(/\/video\/[\w_-]+\//i, "#").replace(/
`;
apn = qs("#autoplay-next");
apn.innerHTML = html;
if (pu) qs(".previmg", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(BC.history-2)}, false);
if (pu) qs(".autoplay-prev .video-card-text a", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(BC.history-2)}, false);
qs(".nextimg", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(-1)}, false);
qs(".autoplay-next .video-card-text a", apn).addEventListener('click', (e) => {e.stopPropagation();e.preventDefault();BC.playNextFullScreen(-1)}, false);
apn.classList.remove("hidden")
}
if (vector === null && BC.settings.playnext) {
/* video ended
* use next data if fetched, else
* get next data, show playing soon & prev/next */
playsoon();
if (!BC.nextUpLoaded) {
fetch().then( () => { prevnext() })
.catch( (err) => { error("playnext fetch Failed: "+err) });
} else prevnext()
}
else if (vector || vector === 0) {
/* background pre-auto load */
if (vector == "load" && !BC.nextUpLoaded) {
/* view previous was clicked */
if ("undefined" !== typeof BC.prevUp[BC.history+1]) {
BC.nextUp = BC.prevUp[BC.history+1];
BC.nextUpLoaded = true;
BC.history += 1;
/* fetch next */
} else {
BC.nextUpLoaded = true;
fetch().then( () => {
}).catch( (err) => {
error("load playnext fetch Failed: "+err);
BC.nextUpLoaded = false;
});
}
/* render next video */
} else if (vector == -1) {render("nextUp", BC.nextUp);
/* render previous video */
} else {
BC.history = vector;
render("prevUp", BC.prevUp[vector]);
}
}
/* display only prev/next videos - no timer */
else {
if (!BC.nextUpLoaded) {
fetch().then( () => { prevnext() })
.catch( (val) => { error("prevnext fetch Failed") });
} else prevnext()
}
},
onPlayerProgress: (e) => {
if (BC.isFullScreen && !BC.nextUpLoaded) {
let t = BC.player.api.currentTime, l = BC.player.api.duration;
if(t && l && t/l > 0.00005) {
BC.playNextFullScreen("load");
}
}
},
closeItem: (item) => {
if (item == "details") {
if (BC.playNextFullScreenCancel) {clearTimeout(BC.playNextFullScreenCancel); BC.playNextFullScreenCancel = null}
if (item = qs('.plyr #autoplay-details')) {
item.classList.add('hidden');
qs('.timer .spinner', item).classList.remove('animate');
qs('.timer .filler', item).classList.remove('animate');
qs('.timer .mask', item).classList.remove('animate');
}
}
},
hideAutoplayNext: (e) => {
if (qs(".plyr #autoplay-next")) {qs(".plyr #autoplay-next").classList.add("hidden")};
},
thumbas: null, thumbPlayerUrl: "", thumbs: [], thumbsLoaded: false,
getVideoThumbnails: (e) => {
let src, context,
vid = e.target,
width = vid.videoWidth,
height = vid.videoHeight,
seconds = vid.duration;
if (vid.id == "thumbPlayer") {
BC.thumbas = dce("canvas");
BC.thumbas.style.display = "none";
BC.thumbas.width = 160;
BC.thumbas.height = 90;
vid.currentTime = 0.0333;
}
else {
BC.thumbs = [];
BC.thumbsLoaded = false;
src = dce("source");
src.src = qs("source", vid).src;
BC.thumbPlayerUrl = src.src;
debug("GetVideoThumbnails: "+ src.src);
vid = dce("video");
vid.style.display = "none";
vid.setAttribute("width", "160");
vid.setAttribute("height", "90");
vid.setAttribute("muted", "muted");
vid.setAttribute("id", "thumbPlayer");
vid.setAttribute("crossOrigin", "Anonymous");/* for webkit CORS */
vid.addEventListener('seeked', function(e) {
let secs, vid = e.target;
if (BC.thumbPlayerUrl == e.target.currentSrc) {
context = BC.thumbas.getContext("2d");
context.drawImage(vid, 0, 0, 160, 90);
let img = new Image();
img.src = BC.thumbas.toDataURL();
BC.thumbs.push(img);
secs = vid.currentTime + vid.duration/75;
if (secs < vid.duration) vid.currentTime = secs;
else {
BC.thumbPlayerUrl = "";
BC.thumbas = null;
}
if (BC.thumbs.length > 6 && !BC.thumbsLoaded) {
qs(".plyr__progress").addEventListener('mousemove', function(e) {
var fr = (BC.isFullScreen) ? qs(".plyr #bcframes") : qs("body > #bcframes");
var rect = e.target.getBoundingClientRect();
var key = Math.round(75 / rect.width * (e.pageX - rect.left));
var x = w.innerWidth || d.documentElement.clientWidth || d.body.clientWidth;
key = parseInt((key < 0) ? 0 : (key > 74) ? 74 : key);
var left = (e.pageX - 80 < 20) ? 20 :
(e.pageX + 180 > x) ? x - 180: e.pageX - 80;
if (!fr) {
fr = dce("div");
fr.id = "bcframes";
if (BC.isFullScreen) qs(".wrapper .plyr").appendChild(fr);
else qs("body").appendChild(fr);
}
if (BC.isFullScreen) fr.style.top = (w.innerHeight - 170) +'px';
else fr.style.top = (w.pageYOffset + rect.top - 130) +'px';
fr.style.left = left +'px';
fr.classList.add("visible");
if ("undefined" !== typeof BC.thumbs[key]) {
if (fr.firstChild) fr.replaceChild(BC.thumbs[key], fr.firstChild);
else fr.appendChild(BC.thumbs[key])
} else if (fr.firstChild) fr.removeChild(fr.firstChild)
})
qs(".plyr__progress").addEventListener('mouseleave', function(e) {
if (BC.isFullScreen && qs(".plyr #bcframes")) qs(".plyr #bcframes").classList.remove("visible");
if (qs("body > #bcframes")) qs("body > #bcframes").classList.remove("visible")
})
BC.thumbsLoaded = true
}
}
}, false);
vid.addEventListener('error', (err) => {error(" Error: "+ err)}, false);
vid.addEventListener('loadedmetadata', BC.getVideoThumbnails, false);
vid.appendChild(src);
vid.load()
}
},
takeScreenShot: (e) => {
if (qs("#takeScreenShot").classList.contains("disabled")) return;
qs("#takeScreenShot").classList.add("disabled");
let updateURL = (canv) => {
canv.toBlob(function(blob) {
let href = qs("#objectURL").href;
(w.URL || w.webkitURL || w).revokeObjectURL(href);
qs("#objectURL").href = (w.URL || w.webkitURL || w).createObjectURL(blob)
})
},
flipImg = (vert = false) => {
let ctxs, ctxd, canv = dce("canvas");
canv.width = canvas.width;
canv.height = canvas.height;
ctxs = canv.getContext("2d");
ctxs.drawImage(canvas, 0, 0);
ctxd = canvas.getContext("2d");
ctxd.save();
if (vert) {
ctxd.translate(0, canvas.height);
ctxd.scale(1, -1);
}
else {
ctxd.translate(canvas.width, 0);
ctxd.scale(-1, 1);
}
ctxd.drawImage(canv, 0, 0);
ctxd.restore();
updateURL(canvas);
}
let a, tm, div, blob, save,
context, close, action,
canvasOffsetLeft,
editInfo, canvasOffsetTop,
vidRotateAngle = 0,
vidScaleFactor = 1,
vid = BC.player.api,
time = vid.currentTime,
width = vid.videoWidth,
height = vid.videoHeight,
title = Bcd.flattenTitle(d.title),
canvas = dce("canvas"),
editInfoTitle = ["(Save), reorient (⏎⇔⇕⚫), crop & enlarge (✂), or (Close)",
"Go back (⇦) to save or close, drag widget border to desired size to crop (✂), or set zoom slider and enlarge (⤧)"];
canvas.id = "canvas";
canvas.width = width;
canvas.height = height;
context = canvas.getContext("2d");
context.drawImage(vid, 0, 0, width, height);
canvas.toBlob(function(blob) {
let mmactionT, mmactionL, actionT, actionL;
tm = new Date(null);
tm.setSeconds(time);
tm = tm.toISOString().substr(11, 8);
//while (tm[0] == "0" || tm[0] == ":") tm = tm.substr(1);/* Truncate leading zeros & colons */
div = dce("div");
div.setAttribute("id", "screenshot");
div.addEventListener('click', (e) => {
e.stopPropagation();
if (!qs("#overlay")) {
let delay = (e.target.tagName === "A") ? 5000 : 500;
setTimeout((url) => {
(w.URL || w.webkitURL || w).revokeObjectURL(url);
qs("body").removeChild(qs("#screenshot"));
qs("#takeScreenShot").classList.remove("disabled");
}, delay, qs("#objectURL").href);
qs("#screenshot").style.opacity = 0
}
}, false);
div.appendChild(canvas);
editInfo = dce("div");
editInfo.id = "editInfo";
editInfo.innerText = "!";
editInfo.className = "edit";
editInfo.setAttribute('data', editInfoTitle[0]);
div.appendChild(editInfo);
action = dce("div");
action.className = "action";
action.style.cursor = "move";
action.addEventListener("click", function(e) {
if (!e.target.classList.contains('cancel') && e.target.id != 'objectURL') {
e.stopPropagation(); return false}
});
action.addEventListener("mousedown", function(e) {
e.stopPropagation();
if (e.which !== 1) return;
actionT = action.offsetTop;
actionL = action.offsetLeft;
mmactionT = e.clientY;
mmactionL = e.clientX;
function onActionMove(e) {
actionL = actionL + e.clientX - mmactionL;
actionT = actionT + e.clientY - mmactionT;
if (actionL < 20) actionL = 20;
else if (actionL > w.innerWidth - 248) actionL = w.innerWidth - 248;
if (actionT < 20) actionT = 20;
else if (actionT > w.innerHeight - 90) actionT = w.innerHeight - 90;
mmactionL = e.clientX;
mmactionT = e.clientY;
action.style.left = actionL +'px';
action.style.top = actionT +'px';
}
function onActionMouseUp(e) {
d.removeEventListener("mouseup", onActionMouseUp, false);
d.removeEventListener("mousemove", onActionMove, false);
}
d.addEventListener("mouseup", onActionMouseUp, false);
d.addEventListener("mousemove", onActionMove, false);
});
close = dce("div");
close.className = "cancel";
close.innerText = "Close";
action.appendChild(close);
save = dce("div");
save.className = "save";
a = d.createElementNS("http://www.w3.org/1999/xhtml", "a");
a.setAttribute("download", `${title}_(at ${tm}).png`);
a.setAttribute("id", "objectURL");
a.setAttribute("type", "image/png");
a.innerText = "Save";
a.setAttribute("href", (w.URL || w.webkitURL || w).createObjectURL(blob));
save.appendChild(a);
action.appendChild(save);
let rotateR = dce("div");
rotateR.className = "edit one rotate-r";
rotateR.innerText = "⏎";
rotateR.title = "Rotate Clockwise";
rotateR.addEventListener("click", function(e) {
e.stopPropagation();
let ctxs, ctxd, canv = dce("canvas");
vidRotateAngle += 90;
canv.width = canvas.width;
canv.height = canvas.height;
ctxs = canv.getContext("2d");
ctxs.drawImage(canvas, 0, 0);
canvas.width = canv.height;
canvas.height = canv.width;
ctxd = canvas.getContext("2d");
ctxd.save();
ctxd.clearRect(0, 0, canvas.width, canvas.height);
ctxd.translate(canvas.width, 0);
ctxd.rotate(90 * Math.PI / 180);
ctxd.drawImage(canv, 0, 0);
ctxd.restore();
updateURL(canvas);
});
action.appendChild(rotateR);
let flipH = dce("div");
flipH.className = "edit one flip-h";
flipH.innerText = "⇔";
flipH.title = "Flip Horizontally";
flipH.addEventListener("click", function(e) {
e.stopPropagation();
flipImg()
});
action.appendChild(flipH);
let flipV = dce("div");
flipV.className = "edit one flip-v";
flipV.innerText = "⇕";
flipV.title = "Flip Vertically";
flipV.addEventListener("click", function(e) {
e.stopPropagation();
flipImg(true)
});
action.appendChild(flipV);
let greyscale = dce("div");
greyscale.className = "edit one greyscale";
greyscale.innerText = "⚫";
greyscale.style.color = "#444141";
greyscale.title = "Black and White";
greyscale.addEventListener("click", function(e) {
e.stopPropagation();
e.target.classList.add("disabled");
let ctxs = canvas.getContext("2d"),
imgData = ctxs.getImageData(0, 0, canvas.width, canvas.height),
pxData = imgData.data;
ctxs.save();
for(var x = 0; x < pxData.length; x+=4) {
var r = pxData[x],
g = pxData[x + 1],
b = pxData[x + 2],
gr = r * .3 + g * .59 + b * .11;
pxData[x] = gr;
pxData[x + 1] = gr;
pxData[x + 2] = gr;
}
ctxs.putImageData(imgData, 0, 0);
ctxs.restore();
updateURL(canvas);
});
action.appendChild(greyscale);
let cropper = dce("div");
cropper.className = "edit one cropmenu";
cropper.innerText = "✂";
cropper.title = "Crop and Enlarge";
cropper.addEventListener("click", function(e) {
e.stopPropagation(); showResize();
editInfo.setAttribute('data', editInfoTitle[1]);
qs("#screenshot .action").classList.toggle("gone");
qs("#screenshot .action .save").classList.toggle("gone");
qs("#screenshot .action .cancel").classList.toggle("gone");
qsa("#screenshot .action .edit.one, #screenshot .action .edit.two")
.forEach((o) => {o.classList.toggle("gone")})
});
action.appendChild(cropper);
let acancel = dce("div");
acancel.className = "edit two acancel gone";
acancel.innerText = "⇦";
acancel.style.left = '16px';
acancel.title = "Return to previous editor";
acancel.addEventListener("click", function(e) {
e.stopPropagation(); closeEditor();
});
action.appendChild(acancel);
let aresize = dce("div");
aresize.className = "edit two aresize disabled gone";
aresize.innerText = "✂";
aresize.style.left = '50px';
aresize.title = "Crop image to selection";
aresize.addEventListener("click", function(e) {
e.stopPropagation(); doCrop(e)
});
action.appendChild(aresize);
let azoom = dce("div");
azoom.className = "edit two azoom disabled gone";
azoom.innerText = "⤧";
azoom.style.left = '84px';
azoom.style.lineHeight = "1.3em";
azoom.title = "Enlarge image to 150% at selection";
azoom.addEventListener("click", function(e) {
e.stopPropagation(); doZoom(e)
});
action.appendChild(azoom);
let zoomfactor = dce("input");
zoomfactor.className = "edit two zoomfactor gone";
zoomfactor.setAttribute("id", "zoomfactor");
zoomfactor.setAttribute("type", "range");
zoomfactor.setAttribute("disabled", "");
zoomfactor.setAttribute("min", "150");
zoomfactor.setAttribute("max", "300");
zoomfactor.setAttribute("step", "50");
zoomfactor.setAttribute("value", "150");
zoomfactor.setAttribute("autocomplete", "off");
zoomfactor.title = "Enlarge image to 150% at selection";
zoomfactor.addEventListener("change", function(e) {
let zoomTitle = 'Enlarge image to '+e.target.value+'% at selection';
e.target.title = zoomTitle;
qs('.action .azoom').title = zoomTitle
});
action.appendChild(zoomfactor);
div.appendChild(action);
qs("body").appendChild(div);
var closeEditor = () => {
if (qs("#overlay")) {
cropMenu = null;
qs("#screenshot").removeChild(qs("#overlay"));
}
editInfo.setAttribute('data', editInfoTitle[0]);
qs("#shader").style.backgroundSize = "100% 0px, 100% 0px, 0px 100%, 0px 100%";
qs("#shader").classList.add("transparent");
qs("#screenshot .azoom").classList.add("disabled");
qs("#screenshot .aresize").classList.add("disabled");
qs("#screenshot #zoomfactor").classList.add("disabled");
qs("#screenshot #zoomfactor").setAttribute("disabled",'');
qs("#screenshot .action").classList.toggle("gone");
qs("#screenshot .action .save").classList.toggle("gone");
qs("#screenshot .action .cancel").classList.toggle("gone");
qsa("#screenshot .action .edit.one, #screenshot .action .edit.two")
.forEach((o) => {o.classList.toggle("gone")})
}
var resizer = {}, cropMenu = null;
var doCrop = (e, f = 1) => {
e.stopPropagation();
closeEditor();
qs("#shader").classList.add("transparent");
let ctxs, ctxd, canv = dce("canvas");
let r = resizer.now;
let dw = Math.round(f * Math.round(r.w/ r.sf)),
dh = Math.round(f * Math.round(r.h/ r.sf)),
sl = Math.round(r.l/ r.sf), st = Math.round(r.t/ r.sf),
sw = Math.round(r.w/ r.sf), sh = Math.round(r.h/ r.sf);
canv.width = dw;
canv.height = dh;
ctxs = canv.getContext("2d");
ctxs.drawImage(canvas,sl,st,sw,sh,0,0,dw,dh);
canvas.width = dw;
canvas.height = dh;
ctxd = canvas.getContext("2d");
ctxd.save();
ctxd.drawImage(canv, 0, 0);
ctxd.restore();
updateURL(canvas);
cropper.classList.add("disabled");
}
var doZoom = (e) => {doCrop(e, Math.round(qs("#zoomfactor").value / 100));}
var displayCoords = (set = 0) => {
if (set) {setResizerNow()};
let dspT = Math.max(Math.round(resizer.now.t / resizer.now.sf), 0),
dspL = Math.max(Math.round(resizer.now.l / resizer.now.sf), 0),
dspW = Math.max(Math.round(Math.min(resizer.now.w, vid.videoWidth) / resizer.now.sf), 160),
dspH = Math.max(Math.round(Math.min(resizer.now.h, vid.videoHeight) / resizer.now.sf), 90),
dspS = Math.round(resizer.now.sf * 1000) / 10;
qs("#overlay .cropper.ct").innerText = `${dspL}, ${dspT} (${dspW} x ${dspH})`;
qs("#overlay .cropper.cb").innerText = `(${dspS}%)`
}
var setResizerNow = (el = dragger) => {
let offsetTop, offsetLeft, coords = el.getBoundingClientRect();
if ("undefined" === typeof resizer.now) {
offsetTop = coords.top;
offsetLeft = coords.left;
if ((vidRotateAngle % 180) === 0)
vidScaleFactor = coords.width / vid.videoWidth;
else
vidScaleFactor = coords.width / vid.videoHeight;
} else {
offsetTop = canvasOffsetTop;
offsetLeft = canvasOffsetLeft;
}
resizer.now = {l: coords.left - offsetLeft, t: coords.top - offsetTop, w: coords.width, h: coords.height,
r: coords.right - offsetLeft, b: coords.bottom - offsetTop, sf: vidScaleFactor};
}
var showResize = function(e) {
if (!qs("#overlay")) {
/* create resizable overlay */
setResizerNow(canvas);
canvasOffsetTop = (qs('#screenshot').getBoundingClientRect().height/ 2) - (resizer.now.h/ 2);
canvasOffsetLeft = qs('#canvas').getBoundingClientRect().left;
var tabSizeX = 22, tabSizeY = 22;
var dragger, limits, isProp = 0, stops = {};
var overlay = dce("div");
overlay.id = "overlay";
overlay.className = "drag_resize active";
overlay.innerHTML = `
`;
qs("#screenshot").insertBefore(overlay, qs("#screenshot .action"));
if (!qs("#screenshot #shader")) {
let shader = dce("div");
shader.id = "shader";
shader.className = "transparent";
shader.style.top = canvasOffsetTop +'px';
shader.style.width = resizer.now.w +'px';
shader.style.height = resizer.now.h +'px';
shader.style.left = canvas.offsetLeft +'px';
qs("#screenshot").insertBefore(shader, overlay);
}
if (isChrome) {
tabSizeX = qs(".cropper.cl", overlay).getBoundingClientRect().width//+0.83;
tabSizeY = qs(".cropper.ct", overlay).getBoundingClientRect().height//-0.2378;
}
limits = {l: 0, t: 0, w: resizer.now.w, h: resizer.now.h};
overlay.style = `left: 0px; top: 0px; margin-left: ${canvasOffsetLeft - tabSizeX}px; margin-top: ${canvasOffsetTop - tabSizeY}px;`;
dragger = qs("#overlay .dragger");
dragger.style.width = `${resizer.now.w}px`;
dragger.style.height = `${resizer.now.h}px`;
dragger.style.maxWidth = `${resizer.now.w}px`;
dragger.style.maxHeight = `${resizer.now.h}px`;
displayCoords();
function stopSet(key, val = null) {
let has = "undefined" !== typeof stops[key];
if (val === null) return (has) ? stops[key] : false;
if (!has) stops[key] = val;
return stops[key]
}
function dragTo(e) {
let topNow = resizer.now.t, leftNow = resizer.now.l,
widthNow = resizer.now.w, heightNow = resizer.now.h,
newTop = topNow + e.clientY - resizer.e.clientY,
newLeft = leftNow + e.clientX - resizer.e.clientX;
if (newTop + heightNow - limits.t > limits.h)
newTop = limits.h - heightNow + limits.t;
else if (newTop < limits.t) newTop= limits.t;
if (newLeft + widthNow - limits.l > limits.w)
newLeft = limits.w - widthNow + limits.l;
else if (newLeft < limits.l)newLeft=limits.l;
overlay.style.top = newTop +"px";
overlay.style.left = newLeft +"px";
resizer.e.clientY = e.clientY;
resizer.e.clientX = e.clientX;
displayCoords(1)
}
function freeCrop(e) {
if (Object.keys(stops).length) return;
let newAttr, newProp,
newTop = null,
newWidth = null,
newHeight = null,
tab = resizer.tab,
resetTop = 0, resetLeft = 0,
topNow = resizer.now.t, leftNow = resizer.now.l,
widthNow = resizer.now.w, heightNow = resizer.now.h,
mmoved = {X: e.clientX - resizer.e.clientX, Y: e.clientY - resizer.e.clientY};
if (resizer.pro == "width") {
newAttr = widthNow + mmoved.X;
if (isProp && tab == "tr" || tab == "br") {
if (mmoved.Y !== 0) {
newProp = (tab == "tr") ? topNow + mmoved.Y : topNow - mmoved.Y;
newHeight = (tab == "tr") ? heightNow - mmoved.Y : heightNow + mmoved.Y;
newWidth = newHeight / isProp * 100;
newAttr = newWidth;
}
else return
}
if (tab == "tr" && isProp) {
if (newHeight < 90) {
newAttr = stopSet("newAttr", 90 / isProp * 100);
newWidth = stopSet("newWidth", newAttr);
resetTop = stopSet("resetTop", topNow + heightNow - 90);
}
else if (newWidth < 160) {
newAttr = stopSet("newAttr", 160);
newWidth = stopSet("newWidth", newAttr);
resetTop = stopSet("resetTop", topNow + (widthNow * isProp/ 100)) - (newAttr * isProp/ 100);
}
else if (newProp < limits.t) {
newProp = stopSet("newProp", limits.t);
newAttr = stopSet("newAttr", widthNow - ((0 - topNow) / isProp * 100));
newWidth = stopSet("newWidth", newAttr);
resetTop = stopSet("resetTop", newProp);
}
}
else if (newAttr < 160) {
newAttr = stopSet("newAttr", 160);
}
else if (tab == "br" && newHeight < 90) {
newAttr = stopSet("newAttr", 90 / isProp * 100);
}
if (newAttr > limits.w - leftNow + limits.l) {
newAttr = stopSet("newAttr", limits.w - leftNow + limits.l);
newProp = stopSet("newProp", topNow);
newWidth = stopSet("newWidth", newAttr);
resetTop = (topNow + (widthNow * isProp/ 100)) - (newAttr * isProp/ 100);
}
else if (tab == "br" && topNow + heightNow + mmoved.Y > limits.h) {
newAttr = stopSet("newAttr", (limits.h - topNow) / isProp * 100);
}
if (tab == "tr") {
if (resetTop) {
newProp = resetTop;
if (newWidth) newAttr = newWidth;
}
overlay.style.top = newProp +"px";
}
dragger.style.width = newAttr +"px";
}
else if (resizer.pro == "height") {
newAttr = heightNow + mmoved.Y;
if (newAttr > limits.h - topNow + limits.t) {
newAttr = limits.h - topNow + limits.t;
} else if (newAttr < 90) newAttr = 90;
dragger.style.height = Math.round(newAttr) +"px";
}
else if (resizer.pro == "top") {
newAttr = topNow + mmoved.Y;
newProp = heightNow - mmoved.Y;
if (newProp < 90) {
newProp = stopSet("newProp", 90);
newAttr = stopSet("newAttr", topNow + heightNow - 90);
}
else if (newAttr < limits.t) {
newProp = stopSet("newProp", heightNow + topNow);
newAttr = stopSet("newAttr", limits.t);
}
dragger.style.height = Math.round(newProp) +"px";
overlay.style.top = Math.round(newAttr) +"px";
}
else if (resizer.pro == "left") {
newAttr = leftNow + mmoved.X;
newProp = widthNow - mmoved.X;
if (isProp && tab == "tl" || tab == "bl") {
heightNow = isProp * widthNow / 100;
newTop = topNow + mmoved.Y;
newHeight = heightNow - mmoved.Y;
}
if (tab == "tl" && isProp) {
if (newHeight < 90) {
resetLeft = stopSet("resetLeft", leftNow + widthNow - (90 / isProp * 100));
resetTop = stopSet("resetTop", topNow + heightNow - 90);
newProp = stopSet("newProp", 90 / isProp * 100);
}
else if (newProp < 160) {
newProp = stopSet("newProp", 160);
resetLeft = stopSet("resetLeft", leftNow + widthNow - 160);
resetTop = stopSet("resetTop", topNow + (widthNow * isProp/ 100)) - (newProp * isProp/ 100);
}
else if (newTop < limits.t) {
newTop = stopSet("newTop", limits.t);
leftNow = stopSet("leftNow", leftNow);
newProp = stopSet("newProp", widthNow - ((0 - topNow) / isProp * 100));
resetLeft = leftNow + widthNow - newProp;
}
}
else if (tab == "bl" && newHeight < 90 && mmoved.Y < 0) {
newProp = stopSet("newProp", 90 / isProp * 100);
newAttr = stopSet("newAttr", leftNow + widthNow - (90 / isProp * 100));
}
else if (newProp < 160) {
newProp = stopSet("newProp", 160);
newAttr = stopSet("newAttr", leftNow + widthNow - newProp);
}
if (newAttr < limits.l) {
newAttr = stopSet("newAttr", limits.l);
newProp = stopSet("newProp", widthNow - (0 - leftNow));
resetTop = (topNow + (widthNow * isProp/ 100)) - (newProp * isProp/ 100);
}
else if (tab == "bl" && topNow + heightNow + mmoved.Y > limits.h) {
newProp = stopSet("newProp", (limits.h - topNow) / isProp * 100);
newAttr = stopSet("newAttr", leftNow + widthNow - newProp);
}
if (tab == "tl") {
if (resetTop || resetLeft) {
if (resetTop) {newTop = resetTop;}
if (resetLeft) {newAttr = resetLeft;}
}
else {
newAttr = leftNow + widthNow - (newHeight / isProp * 100);
newProp = newHeight / isProp * 100;
}
overlay.style.top = Math.round(newTop) +"px";
}
overlay.style.left = Math.round(newAttr) +"px";
dragger.style.width = Math.round(newProp) +"px";
}
if (!cropMenu) {
qs(".action .aresize").classList.remove("disabled");
qs(".action .azoom").classList.remove("disabled");
qs("#zoomfactor").classList.remove("disabled");
qs("#zoomfactor").removeAttribute("disabled");
cropMenu = true
}
resizer.e.clientX = e.clientX;
resizer.e.clientY = e.clientY;
displayCoords(1)
}
function propCrop(e) {
let bx;
if (!isProp) {
bx = dragger.getBoundingClientRect();
isProp = bx.height / bx.width * 100;
dragger.style.height = "0";
dragger.style.paddingTop = isProp +'%';
}
freeCrop(e)
}
function onMouseMove(e) {resizer.fn(e);}
overlay.onmousedown = function(e) {
e.stopPropagation(); e.preventDefault();
if (e.which !== 1) return;
stops = {};
setResizerNow();
resizer.e = {clientX: e.clientX, clientY: e.clientY};
shader.classList.add("transparent");
action.classList.add("transparent");
let names = e.target.classList;
if (names.contains("cropper")) {
resizer.fn = freeCrop;
if (names.contains("ct")) {resizer.pro = "top"; resizer.tab = "ct"; }
else if (names.contains("cr")) {resizer.pro = "width"; resizer.tab = "cr"; }
else if (names.contains("cb")) {resizer.pro = "height"; resizer.tab = "cb";}
else {resizer.pro = "left"; resizer.tab = "cl";}
}
else if (names.contains("corner")) {
resizer.fn = propCrop;
if (names.contains("tr")) { resizer.pro = "width"; resizer.tab = "tr";}
else if (names.contains("br")) {resizer.pro = "width"; resizer.tab = "br";}
else if (names.contains("bl")) {resizer.pro = "left"; resizer.tab = "bl";}
else {resizer.pro = "left"; resizer.tab = "tl";}
}
else {resizer.fn = dragTo; resizer.tab = "dr";}
function onMouseUp(e) {
if (shader.classList.contains("transparent")) {
d.removeEventListener('mousemove', onMouseMove, false);
let cvs = qs("#dragger").getBoundingClientRect();
if (isProp) {
dragger.style.height = Math.round(cvs.height) +'px';
dragger.style.removeProperty('padding-top');
isProp = 0;
}
displayCoords(1);
let shadetop = Math.max(Math.round(resizer.now.t),0),
shadeleft = Math.max(Math.round(resizer.now.l),0),
shaderight = Math.round(limits.w - Math.min(resizer.now.r,limits.w)),
shadebottom = Math.round(limits.h - Math.min(resizer.now.b,limits.h)),
bgs = `100% ${shadetop}px, 100% ${shadebottom}px, ${shadeleft}px 100%, ${shaderight}px 100%`;
shader.style.backgroundSize = bgs;
shader.classList.remove("transparent");
action.classList.remove("transparent");
d.removeEventListener('mouseup', onMouseUp, false);
}
}
d.addEventListener('mousemove', onMouseMove, false);
d.addEventListener('mouseup', onMouseUp, false);
}
} else qs("#overlay").classList.toggle("active");
}
});
},
refreshCounts: (vid) => {
let xhr, data;
let link = `${vid}counts/`;
if (BC.path == vid) {
if (!BC.countsRefreshed || d.visibilityState == 'visible' || BC.isFullScreen) {
if (scriptHandler == "Greasemonkey"){xhr = new BC.SM_XMLHttpRequest()}else{xhr = new XMLHttpRequest()}
data = 'csrfmiddlewaretoken='+ BC.getCsrftoken();
xhr.addEventListener("error", (e) => { error('XMLHttpRequest refreshCounts error: '+ e) });
xhr.addEventListener("load", (res) => {
try {
let e = typeof res.target === "undefined" ? {target: res} : res;
let result = JSON.parse(e.target.responseText);
if ('undefined' !== result.success && result.success) {
qs('#fs-view-count').innerHTML = result.view_count;
qs('#fs-like-count').innerHTML = result.like_count;
qs('#fs-dislike-count').innerHTML = result.dislike_count;
qs('#subscriber_count').innerHTML = result.subscriber_count;
BC.countsRefreshed = true;
setTimeout(BC.refreshCounts, 60000, vid);
}
} catch (e) { error('XMLHttpRequest refreshCounts parsing error: '+ e) }
});
xhr.open("POST", link, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(data);
}
else setTimeout(BC.refreshCounts, 60000, vid)
}
},
screenshotIcon: '
',
init: function() {
return new Promise( resolve => {
let settings = {volume:0.5,autoplay:true,color:"none",playnext:false,usedark:true,playlists:true,mvplaylist:true,
useblacklist:true,hidecarousel:false,hidecomments:false,hidemenubar:true,hideadverts:true,useminiplayer:true,
usesquareicons:true,hidedonationbar:true,homepagegotoall:true,hidecookienotice:true,hidesignupnotice:true,useseekbarpreview:true};
GM.getValue('player', "{}").then( value => {
if (value && value != '{}') {
let player = Object.assign({}, settings, JSON.parse(value));
BC.url = null;
BC.host = null;
BC.path = null;
BC.loaded = !1;
BC.reload = !1;
BC.auxMenu = !1;
BC.loader = null;
BC.themes = null;
BC.blacklist = [];
BC.page = 'homepage';
BC.previouslisting = '';
BC.miniPlayerIni = false;
BC.player = {
api : null,
fur : null,
rect : null,
volume : player.volume,
autoplay: player.autoplay
}
BC.settings = {
color : player.color,
usedark : player.usedark,
playnext : player.playnext,
playlists : player.playlists,
mvplaylist : player.mvplaylist,
hideadverts : player.hideadverts,
hidemenubar : player.hidemenubar,
useblacklist : player.useblacklist,
hidecarousel : player.hidecarousel,
hidecomments : player.hidecomments,
useminiplayer : player.useminiplayer,
usesquareicons : player.usesquareicons,
hidedonationbar : player.hidedonationbar,
homepagegotoall : player.homepagegotoall,
hidecookienotice : player.hidecookienotice,
hidesignupnotice : player.hidesignupnotice,
useseekbarpreview : player.useseekbarpreview
}
GM.getValue('blacklist', "[]").then( value => {
BC.blacklist = JSON.parse(value);
let err = qs("#page-bar .page-title");
/* Server Error */
if (!err || (err && !err.innerText.match(/.*((server)+\serror)+$/i))) {
debug('>>>>>>>>>>>>>> BC init <<<<<<<<<<=');
resolve(true);
}
}).catch ( e => {
error('S_marty: Error in promise loading blacklist: '+ e);
});
}
else {
/* Install Database */
GM.setValue('blacklist', '[]');
GM.setValue('player', JSON.stringify(settings));
GM.setValue('miniplayer', "{ \"x\":0,\"y\":0,\"w\":350,\"h\":197 }");
w.location.replace(w.location.href);
}
}).catch ( e => {
error('S_marty: Error in promise loading dB: '+ e);
});
});
}
};
const Bcd = {
link: null,
dialog: null,
loader: null,
unloader: null,
playerAPI: null,
videoButtons: 0,
videoSources: 0,
downloadIndex: -1,
download_poster: false,
src: {videos: []},
downloads: [],
captions: [],
tooltip: [],
flattenTitle: (t, title = "") => {
t = t.replace(/\s?\[mirrored\]/i, "");
t = t.replace(/(?=\W{3,})/g, "");
t = t.replace(/\s?["'\[\(\{]*Re.{0,3}upload(ed)?["':\]\)\}]*\s?/i, "");
[...t].forEach(n => {
if ( /[^\\/:\*\?'"<>@\|]+/.test(n) ) title += n;
});
while (title[0] === "." || title[0] === " ") {title = title.slice(1)}
while (title.slice(-1) === "." || title.slice(-1) === " ") {title = title.slice(0, -1)}
title = title.trim();
if (/^(nul|prn|con|lpt[0-9]|com[0-9])(\.|$)/i.test(title)) title = "Video_" + title;
return title;
},
addTooltip: (el, n) => {
let tooltip, left, br;
el.addEventListener('mouseover', function(e) {
Bcd.tooltip[n] = dce("div");
Bcd.tooltip[n] .className = "tooltip fade bottom in";
Bcd.tooltip[n] .setAttribute("id", `tooltip${el.id}`);
Bcd.tooltip[n] .setAttribute("role", "tooltip");
br = el.getBoundingClientRect();
Bcd.tooltip[n].style.top = br.bottom + w.scrollY +"px";
left = br.left + w.scrollX + ((br.right - br.left) / 2)
Bcd.tooltip[n].innerHTML = `
${el.getAttribute("data-original-title")}
`;
qs("body").appendChild(Bcd.tooltip[n]);
br = Bcd.tooltip[n].getBoundingClientRect();
Bcd.tooltip[n].style.left = (left - (br.width / 2)) +"px";
}, false);
el.addEventListener('mouseout', function(e) {
Bcd.tooltip[n].classList.remove('in');
w.setTimeout( function(e) {
qs(`#tooltip${el.id}`).outerHTML = "";
}, 150);
}, false);
},
addVideoAction: (id, title, icon) => {
let spc, action = null,
menu = qs(".video-actions .action-list");
action = dce("a");
action.setAttribute("id", id);
action.setAttribute("title", "");
action.setAttribute("data-original-title", title);
action.setAttribute("data-placement", "bottom");
action.setAttribute("data-toggle", "tooltip");
action.className = "disabled";
action.innerHTML = icon;
menu.insertBefore(action, menu.firstChild);
spc = d.createTextNode(" \n \n ");
menu.insertBefore(spc, menu.firstChild);
return action
},
load: (e, vid) => {
let style;
debug(`>>>>>>>>>>>>>> Bcd load <<<<<<<<<<= ${e}:`, vid);
if (! qs("#downloadLink")) {
Bcd.link = Bcd.addVideoAction("downloadLink", "Download", Bcd.downloadIcon);
Bcd.addTooltip(Bcd.link, Bcd.tooltip.length);
Bcd.link.addEventListener('click', (e) => {
e.preventDefault();
if (Bcd.dialog) {
Bcd.toggle_download_dialog();
return
}
}, false);
}
if (! qs("style#video_download")) {
style = dce("style");
style.id = "video_download";
style.type = "text/css";
style.innerText = `
a#downloadLink.disabled {pointer-events: none; opacity: 0.3; cursor: default}
.video-information .video-actions a.download_started {color: #eeee00;}
.video-information .video-actions a.download_finished {color: #00ee00;}
.video-information .video-actions a.download_error {color: #ee0000;}
#video_download_dialog {width: 400px; border: 2px solid #5F5F5F; border-radius: 6px; position: absolute;
z-index: 99000; background-color: #ddd;}
html.night #video_download_dialog {background-color: #211f22; border-color: #aaa;}
#video_download_dialog h2 {text-align: center;}
#video_download_dialog h4 {padding: 6px; text-align: center; text-shadow: 1px 1px #A1A1A1;}
#video_download_dialog .download_poster {background-color: transparent;}
#video_download_dialog .download_poster img {border: 1px solid #5F5F5F; width: 160px; height: 90px; margin-left: 18px;}
#video_download_dialog .poster_saveas {position: relative; right: 92px; text-align: center; float: right; top: 14px; font-size: 1em;}
#video_download_dialog #tracks {margin: 6px 16px 0 0; text-align: right;}
html.night #video_download_dialog .download_poster img {border-color: #aaa;}
#video_download_dialog button {font-size: 13px; color: #000; border-radius: 4px;
margin: 4px; right: 10px; position: absolute;-webkit-border-radius: 4; -moz-border-radius: 4; border: 2px solid #555;}
#video_download_dialog button[disabled] {opacity: 0.5;}
#video_download_dialog .download_dialog_close_button {color: #990000; background-color: #aaa; top: -16px; right: -16px;
position: absolute; width: 32px; height: 32px; border-radius: 16px; border: 2px solid #555; cursor: pointer;
font-size: 24px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 28px;}
#video_download_dialog .download_dialog_close_button:hover {background-color: #ddd; border-color: #222;}
#video_download_dialog .download_videos {background-color: transparent;}
#video_download_dialog hr {height: 1px; width: 80%; margin: 20px auto; border: none;
background: linear-gradient(to right, #BFBDBD 10%, #000 50%, #000 50%, #BFBDBD 90%);}
html.night #video_download_dialog hr {background: linear-gradient(to right, #000 0%, #BFBDBD 50%, #BFBDBD 50%, #000 100%);}
#video_download_dialog .download_videos div {background-color: transparent;}
#video_download_dialog .download_videos div.download_progress {margin: 2px 0px 2px 16px;}
#video_download_dialog .download_videos div.download_details {height: 50px; width: 188px; max-width: 200px; float: left;
padding: 6px; margin-left: 10px;}
#video_download_dialog button.download_error {background-color: #ff0000 !important;}
#video_download_dialog button.download_cancel {background-color: #aaaa22;}
#video_download_dialog button.download_finished {background-color: #8efc8e !important;}
#video_download_dialog button:not([disabled]):hover {color: #ffffff;}
#tracks .captions {display: inline-block;font-size: 13px;font-family: sans-serif;font-weight: 500;color: #000;line-height: 1.3;padding: .1em 1em .1em .3em;
width: 100%;max-width: 100%;box-sizing: border-box;margin: 0;border: 2px solid #555;box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
border-radius: 5px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #2532e0;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20`+
`height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.`+
`6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%20`+
`5.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),linear-gradient(to bottom, #525cde 0%,#2532e0 100%);
background-repeat: no-repeat, repeat;background-position: right .2em top 50%, 0 0;background-size: .65em auto, 100%;outline-style: none;}
#tracks .captions:hover {color: #fff;} #tracks .captions option {font-weight:normal;}`;
d.documentElement.appendChild(style);
}
Bcd.downloadDialog(vid);
},
downloadDialog: (vid) => {
let downloadVideos, hr, newVid, tracks, captions = "";
Bcd.dialog = qs("#video_download_dialog");
debug(`Building downloadDialog (${Bcd.videoButtons})`)
if (Bcd.dialog) {
downloadVideos = qs(".download_videos", Bcd.dialog);
if (downloadVideos) {
hr = dce("hr");
newVid = dce("div");
newVid.style.height = "54px";
newVid.style.margin = "0px 0px 20px 0px";
newVid.innerHTML = `
`;
downloadVideos.insertBefore(newVid, downloadVideos.firstChild);
downloadVideos.insertBefore(hr, downloadVideos.firstChild);
qs("button.download_video_only.v"+ Bcd.videoButtons, Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
let t = e.target;
let vb = t.getAttribute("bid");
if (!t.classList.contains("download_cancel")) {
let i = Bcd.saveToDisk(vid, false);
debug('download_video: '+i);
if (i[0] === null) return;
t.classList.add("download_cancel");
t.setAttribute("downloadid", i[0]);
t.innerText = "Cancel "+ t.innerText;
qs(".download_video_and_poster."+ vb, Bcd.dialog).disabled = "disabled";
} else {
let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
t.classList.remove("download_cancel");
t.removeAttribute("style");
t.removeAttribute("downloadid");
t.innerText = t.innerText.substr(7);
qs(".download_progress."+ vb, Bcd.dialog).innerHTML = "";
if (qs("button.download_poster_only", Bcd.dialog).className == "btn-danger download_poster_only") {
qs(".download_video_and_poster."+ vb, Bcd.dialog).removeAttribute("disabled");
}
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.remove("download_started");
}
}
});
qs("button.download_video_and_poster.v"+ Bcd.videoButtons, Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
let t = e.target;
let vb = t.getAttribute("bid");
if (!t.classList.contains("download_cancel")) {
let i = Bcd.saveToDisk(vid, Bcd.src.poster);
debug('download_video_and_poster: '+i);
if (i[0] === null || i[1] === null) return;
t.classList.add("download_cancel");
t.setAttribute("downloadid", i[0]+'-'+i[1]);
t.innerText = "Cancel "+ t.innerText;
qs("button.download_poster_only", Bcd.dialog).disabled = "disabled";
qs("button.download_video_only."+ vb, Bcd.dialog).disabled = "disabled";
qs("button.download_poster_only", Bcd.dialog).setAttribute("downloadid", i[1]);
qs("button.download_poster_only", Bcd.dialog).classList.add("download_cancel");
qs("button.download_video_only."+ vb, Bcd.dialog).setAttribute("downloadid", i[0]);
qsa("button.download_video_and_poster:not(."+ vb +")", Bcd.dialog).forEach( (b) => {
b.setAttribute("disabled", "disabled");
})
} else {
let p, v;
let ids = t.getAttribute("downloadid").split('-');
let dl = Bcd.downloads[parseInt(ids[0])];
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
dl = Bcd.downloads[parseInt(ids[1])];
if (qs("button.download_poster_only.download_cancel", Bcd.dialog)) {
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
}
t.classList.remove("download_cancel");
t.removeAttribute("style");
t.removeAttribute("downloadid");
t.innerText = t.innerText.substr(7);
qs(".download_progress."+ vb, Bcd.dialog).innerHTML = "";
if (qsa("button.download_poster_only.download_finished,"+
"button.download_poster_only.download_error", Bcd.dialog).length)
{
t.disabled = "disabled";
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.replace("download_started", "download_finished");
}
}
else {
if (p = qs('button.download_poster_only', Bcd.dialog)) {
p.classList.remove("download_cancel");
p.removeAttribute("disabled");
p.removeAttribute("downloadid");
}
qsa("button.download_video_and_poster:not(."+ vb +")", Bcd.dialog).forEach( (b) => {
b.removeAttribute("disabled");
})
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.remove("download_started");
}
}
if (v = qs('button.download_video_only[downloadid="'+ids[0]+'"]', Bcd.dialog)) {
v.removeAttribute("disabled")
v.removeAttribute("downloadid");
}
}
});
}
}
else {
try { /* TODO BETA */
//tracks = [{kind: "captions", src:"/sampleCaptions2.vtt", srclang:"en"},{kind: "captions", src:"/sampleCaptions3.vtt", srclang:"fr"}]
tracks = qsa("track", Bcd.playerAPI);
if (tracks.length) {
captions = '
";
}
} catch (err) {"Captions Error: "+ err}
Bcd.dialog = dce("div");
Bcd.dialog.setAttribute("id", "video_download_dialog");
Bcd.dialog.innerHTML = `
Smarty Video Download
${Bcd.flattenTitle(d.title)}
Try:
right-click
Save Image As...
${captions}
X
`;
Bcd.dialog.style.display = "none";
qs("body").appendChild(Bcd.dialog);
qs("button.download_poster_only", Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
let t = e.target;
if (!t.classList.contains("download_cancel")) {
let i = Bcd.saveToDisk(false, Bcd.src.poster);
debug('download_poster: '+i);
if (i[1] === null) return;
t.classList.add("download_cancel");
t.setAttribute("downloadid", i[1]);
t.innerText = "Cancel "+ t.innerText;
qsa("button.download_video_and_poster", Bcd.dialog).forEach( (b) => {
b.setAttribute("disabled", "disabled");
})
} else {
let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
t.classList.remove("download_cancel");
t.removeAttribute("style");
t.removeAttribute("downloadid");
t.innerText = t.innerText.substr(7);
qsa("button.download_video_and_poster", Bcd.dialog).forEach( (b) => {
let cn = "button.download_video_only."+ b.getAttribute("bid");
if (! qs(cn, Bcd.dialog).classList.contains("download_cancel") &&
! qs(cn, Bcd.dialog).classList.contains("download_finished"))
{ b.removeAttribute("disabled"); }
})
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.remove("download_started");
}
}
});
qs("button.download_video_only.v0", Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
let t = e.target;
if (!t.classList.contains("download_cancel")) {
let i = Bcd.saveToDisk(vid, false);
debug('download_video: '+i);
if (i[0] === null) return;
t.classList.add("download_cancel");
t.setAttribute("downloadid", i[0]);
t.innerText = "Cancel "+ t.innerText;
qs(".download_video_and_poster.v0", Bcd.dialog).disabled = "disabled";
} else {
let dl = Bcd.downloads[parseInt(t.getAttribute("downloadid"))];
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
t.classList.remove("download_cancel");
t.removeAttribute("style");
t.removeAttribute("downloadid");
t.innerText = t.innerText.substr(7);
qs(".download_progress.v0", Bcd.dialog).innerHTML = "";
if (qs("button.download_poster_only", Bcd.dialog).className == "btn-danger download_poster_only") {
qs(".download_video_and_poster.v0", Bcd.dialog).removeAttribute("disabled");
}
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.remove("download_started");
}
}
});
qs("button.download_video_and_poster.v0", Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
let t = e.target;
if (!t.classList.contains("download_cancel")) {
let i = Bcd.saveToDisk(vid, Bcd.src.poster);
debug('download_video_and_poster: '+i);
if (i[0] === null || i[1] === null) return;
t.classList.add("download_cancel");
t.setAttribute("downloadid", i[0]+'-'+i[1]);
t.innerText = "Cancel "+ t.innerText;
qs("button.download_poster_only", Bcd.dialog).disabled = "disabled";
qs("button.download_video_only.v0", Bcd.dialog).disabled = "disabled";
qs("button.download_poster_only", Bcd.dialog).setAttribute("downloadid", i[1]);
qs("button.download_poster_only", Bcd.dialog).classList.add("download_cancel");
qs("button.download_video_only.v0", Bcd.dialog).setAttribute("downloadid", i[0]);
qsa("button.download_video_and_poster:not(.v0)", Bcd.dialog).forEach( (b) => {
b.setAttribute("disabled", "disabled");
})
} else {
let p, v;
let ids = t.getAttribute("downloadid").split('-');
let dl = Bcd.downloads[parseInt(ids[0])];
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
dl = Bcd.downloads[parseInt(ids[1])];
if (qs("button.download_poster_only.download_cancel", Bcd.dialog)) {
dl[1].abort();
msg(`Download Canceled: ${dl[0].name} (${dl[0].n} of ${dl[0].t})`);
}
t.classList.remove("download_cancel");
t.removeAttribute("style");
t.removeAttribute("downloadid");
t.innerText = t.innerText.substr(7);
qs(".download_progress.v0", Bcd.dialog).innerHTML = "";
if (qsa("button.download_poster_only.download_finished,"+
"button.download_poster_only.download_error", Bcd.dialog).length)
{
t.disabled = "disabled";
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.replace("download_started", "download_finished");
}
}
else {
if (p = qs('button.download_poster_only', Bcd.dialog)) {
p.classList.remove("download_cancel");
p.removeAttribute("disabled");
p.removeAttribute("downloadid");
}
qsa("button.download_video_and_poster:not(.v0)", Bcd.dialog).forEach( (b) => {
b.removeAttribute("disabled");
})
if (! qs("button.download_cancel", Bcd.dialog)) {
Bcd.link.classList.remove("download_started");
}
}
if (v = qs('button.download_video_only[downloadid="'+ids[0]+'"]', Bcd.dialog)) {
v.removeAttribute("disabled")
v.removeAttribute("downloadid");
}
}
});
if (qs("#tracks .captions")) {
qs("#tracks .captions", Bcd.dialog).addEventListener('change', (e) => {
if (e.target.selectedIndex.value!=-1) Bcd.saveToDisk(false, false, e.target.selectedIndex.value);
})
}
qs(".download_dialog_close_button", Bcd.dialog).addEventListener('click', (e) => {
e.preventDefault();
Bcd.toggle_download_dialog();
return false
});
qs(".download_dialog_close_button", Bcd.dialog).addEventListener('mouseover', (e) => {
Bcd.animate({
duration: 400,
timing: function(timeFraction) {
return Math.pow(timeFraction, 2);
},
draw: function(progress) {
e.target.style.borderTopRightRadius = 16 + (progress * 6) + 'px';
e.target.style.borderBottomLeftRadius = 16 - (progress * 16) + 'px';
}
});
});
qs(".download_dialog_close_button", Bcd.dialog).addEventListener('mouseout', (e) => {
Bcd.animate({
duration: 300,
timing: function back(timeFraction) {
return Math.pow(timeFraction, 2)
}.bind(2.0),
draw: function(progress) {
e.target.style.borderBottomLeftRadius = progress * 16 + 'px';
e.target.style.borderTopRightRadius = 22 - (progress * 6) + 'px';
}
});
});
Bcd.link.classList.remove("disabled");
}
(function (vb) {
return new Promise( (resolve) => {
try {
var url = Bcd.src.videos[vb].url;
var valid = true;
var response = "";
var request = new XMLHttpRequest();
if ('withCredentials' in request) {
request.addEventListener('progress', function(e) {
if (e.total && valid) {
request.abort();
valid = false;
debug('Size request progress', e);
resolve({size: e.total, vb: vb});
}
else {
if (request.status !== 0) {
var err = `Error: ${request.status} ${request.statusText}`;
Bcd.src.videos[vb].error = err;
valid = false;
request.abort();
qs(".download_details.v"+ vb, Bcd.dialog).innerHTML = err;
}
}
});
request.addEventListener('error', function() {
error('Size request Error', request.status);
qs(".download_details.v"+ vb, Bcd.dialog).innerHTML = "";
});
request.open('GET', url, true);
request.responseType = "blob";
request.send();
}
} catch (e) {
error('Size Promise Error', e);
}
})
}) (Bcd.videoButtons).then( (blob) => {
let dims = "",
type = Bcd.src.videos[blob.vb].type,
size = Bcd.prettyBytes(blob.size),
width = Bcd.src.videos[blob.vb].width,
height = Bcd.src.videos[blob.vb].height;
if (type && type.indexOf('video/') !=-1) {
type = type.slice(type.lastIndexOf('/') +1);
type = type[0].toUpperCase() + type.slice(1);
}
if (width && height) {
dims = `
${width} x ${height}`;
}
qs(".download_details.v"+ blob.vb, Bcd.dialog).innerHTML = `${type} ${size}${dims}`;
debug('videoButtons Blob response:', blob);
});
Bcd.videoButtons += 1;
},
toggle_download_dialog: () => {
if (Bcd.dialog.style.display == "none") {
Bcd.dialog.style.overflow = "hidden";
Bcd.dialog.style.top = w.scrollY + 60 +"px";
Bcd.dialog.style.left = w.innerWidth - 500 +"px";
Bcd.dialog.style.display ='block';
Bcd.dialog.style.height ='auto';
Bcd.animate({
duration: 400,
timing: function(timeFraction) {
return Math.pow(timeFraction, 2);
},
draw: function(progress) {
Bcd.dialog.style.width = progress * 400 + 'px';
if (progress === 1) {
Bcd.dialog.style.overflow = 'visible';
}
}
});
}
else {
let height = Bcd.dialog.getBoundingClientRect().height;
Bcd.dialog.style.overflow = "hidden";
Bcd.animate({
duration: 500,
timing: function back(x, timeFraction) {
return Math.pow(timeFraction, 2) * ((x + 1) * timeFraction - x)
}.bind(null, 2.8),
draw: function(progress) {
Bcd.dialog.style.width = 400 - (progress * 400) + 'px';
Bcd.dialog.style.height = height - (progress * height) + 'px';
if (progress === 1) {
Bcd.dialog.style.display ='none';
Bcd.dialog.style.overflow = 'visible';
}
}
});
}
},
buttonDone: (button, state = "finished", txt = "Done") => {
button.classList.replace("download_cancel", `download_${state}`);
button.removeAttribute("downloadid");
button.removeAttribute("style");
button.disabled = "disabled";
button.innerText = txt;
},
saveToDisk: (asVideo = false, asPoster = false, asAux = false) => {
// Reset icon color
Bcd.link.classList.remove('download_error', 'download_finished');
Bcd.link.classList.add('download_started');
let el, ext, title, total, button;
let abo = "",
dlp = [],
ab0 = null,
ab1 = null,
indx = null,
update = [],
progress = [],
mos = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
downloadURLs = ((url, name, type, n, t, dli, ab) => {
msg('Download Started:', name, `(${n} of ${t})`);
Bcd.downloads[dli] = [];
Bcd.downloads[dli][0] = {name: name, n: n, t: t};
Bcd.downloads[dli][1] = SmartyDownload({
id: dli,
url: url,
name: name,
type: type,
onload: () => {
msg(`Download Complete: ${name} (${n} of ${t})`);
// single video, single image, caption file
if (! ab) {
if (button = qs(`button.download_video_only[downloadid="${dli}"]`, Bcd.dialog)) {
Bcd.buttonDone(button);
if (dlp[dli]) dlp[dli].innerHTML = "";
} else if (button = qs(`button.download_poster_only[downloadid="${dli}"]`, Bcd.dialog)) {
Bcd.buttonDone(button);
}
if (indx && qs("#tracks .captions")) {
qs("#tracks .captions").options[indx].style.backgroundColor = "#8efc8e";
}
}
// ab as video or image
else {
if (button = qs(`button.download_poster_only[downloadid="${dli}"]`, Bcd.dialog)) {
Bcd.buttonDone(button);
} else if (button = qs(`button.download_video_and_poster[downloadid="${ab}"]`, Bcd.dialog)) {
Bcd.buttonDone(button);
if (dlp[dli]) dlp[dli].innerHTML = "";
}
}
if (qsa("button.download_cancel", Bcd.dialog).length === 0) {
Bcd.link.classList.replace('download_started', 'download_finished');
}
},
onprogress: (dl) => {
debug(`Download Progress ${dli}:`, dl);
if (progress[dli] && dlp[dli]) {
if ((update[dli]++ % 10 === 0) || dl.loaded == dl.total) {
let now = new Date(),
pct = Math.round(dl.loaded / dl.total * 100),
rate = dl.loaded / (now - progress[dli]) * 1000,
finish = Math.round((dl.total - dl.loaded)/ dl.loaded * (now - progress[dli])),
crt = `${Math.round(dl.loaded / dl.total * 1000) / 10}.0`;
crt = crt.slice(0, crt.indexOf(".") + 2);
//debug('Round (dl.total - dl.loaded: '+(dl.total - dl.loaded)+') / dl.loaded: '+dl.loaded+' * (now - progress: '+(now - progress[dli])+'), yeilds: '+finish)
finish = new Date(now - finish);
finish = getPublishDate([ [], [finish.getUTCHours()], [finish.getUTCMinutes()], ["UTC"], [mos[finish.getUTCMonth()]], [finish.getUTCDate()], [finish.getUTCFullYear()], [finish.getUTCSeconds()] ]);
el.style.background = `linear-gradient(to right, #30a247 ${pct - 10}%, #8efc8e ${pct}%, #ed7f5d 0%, #ed7f5d 100%)`;
dlp[dli].innerHTML = `
${crt}% => ${Bcd.prettyBytes(dl.loaded)} of ${Bcd.prettyBytes(dl.total)} (${Bcd.prettyBytes(rate)}/s) in ${finish}`;
}
}
else if (dl.total !=-1 && dl.lengthComputable) {
el = qs(`button.download_cancel[downloadid="${ab ? ab : dli}"]`, Bcd.dialog);
if (el && ! el.classList.contains("download_poster_only")) {
progress[dli] = new Date();
update[dli] = 0;
dlp[dli] = qs(".download_progress."+ (el.getAttribute("bid")), Bcd.dialog);
}
}
else if (dl.total ==-1) {
}
},
onerror: (dl) => {
button = qs(`button.download_cancel[downloadid="${ab ? ab : dli}"]`, Bcd.dialog);
if (! dl.error) {
msg(`Download Canceled: ${name} (${n} of ${t})`);
if (button) {
button.dispatchEvent( new MouseEvent('click', {
bubbles: true,
cancelable: true
}));
}
if (qsa("button.download_cancel", Bcd.dialog).length === 0) {
Bcd.link.classList.remove('download_started');
}
if (qsa("button.download_finished", Bcd.dialog).length) {
Bcd.link.classList.add('download_finished');
}
}
else {
error(`SmartyDownload (${dli})`, dl.error);
msg(`Download Canceled: ${name} (${n} of ${t})`);
Bcd.link.classList.replace('download_started', 'download_error');
if (dl.ext && ["mp4","ogg","webm"].indexOf(dl.ext) ==-1) {
button = qs("button.download_poster_only", Bcd.dialog);
qs(".download_poster .poster_saveas", Bcd.dialog).classList.remove("hidden")
}
if (button) {
Bcd.buttonDone(button, "error", "Error");
}
}
if (indx && qs("#tracks .captions")) {
qs("#tracks .captions").options[indx].style.backgroundColor = "#f00";
}
return
},
ontimeout: () => {
error(`SmartyDownload: ${name} (${n} of ${t}) has timed out`);
Bcd.link.classList.replace('download_started', 'download_error');
return
},
onabort: () => {
debug(`SmartyDownload: ${name} (${n} of ${t}) has been aborted`)
return
}
})
})
title = Bcd.flattenTitle(d.title);
total = (asVideo && asPoster) ? 2 : 1;
if (asVideo) {
ab0 = ++Bcd.downloadIndex;
abo = asPoster ? `${ab0}-${ab0 + 1}` : '';
ext = asVideo.url.slice(asVideo.url.lastIndexOf('.'));
downloadURLs(asVideo.url, title + ext, asVideo.type, 1, total, ab0, abo);
}
if (asPoster) {
ab1 = ++Bcd.downloadIndex;
abo = asVideo ? `${ab1 - 1}-${ab1}` : '';
ext = asPoster.url.slice(asPoster.url.lastIndexOf('.'));
downloadURLs(asPoster.url, title + ext, asPoster.type, total, total, ab1, abo);
}
if (asAux) {
ab1 = ++Bcd.downloadIndex;
asAux = Bcd.captions[asAux];
indx = asAux.index;
ext = asAux.url.slice(asAux.url.lastIndexOf('.'));
downloadURLs(asAux.url, `${title}.${asAux.lang + ext}`, asAux.type, 1, 1, ab1, null);
}
return [ab0, ab1]
},
init: (e) => {
let ext, source, torrent;
debug('>>>>>>>>>>>>>> Bcd init <<<<<<<<<<=', e);
if (qs("title") && ! Bcd.loader) {
addListener(qs("title"), function(e) {
Bcd.init("loader");
},{ childList: true });
Bcd.loader = true;
}
if (! Bcd.unloader) {
w.addEventListener('beforeunload', (e) => {
try {
let vdl = qs("#video_download_dialog");
let svd = qs("style#video_download");
if (vdl) vdl.parentNode.removeChild(vdl);
if (svd) svd.parentNode.removeChild(svd);
} catch (e) {}
}, false);
Bcd.unloader = true;
}
Bcd.captions = [];
Bcd.downloads = [];
Bcd.videoButtons = 0;
Bcd.downloadIndex = -1;
Bcd.download_poster = false;
if (Bcd.dialog) {
Bcd.dialog.parentNode.removeChild(Bcd.dialog);
Bcd.dialog = null;
}
if (Bcd.playerAPI = qs("video#player")) {
Bcd.videoSources = 0;
Bcd.src = {videos: []};
if (w.webtorrent) {
torrent = w.webtorrent.torrents[0];
torrent.on('ready', () => {
source = torrent.urlList[0];
Bcd.addSource({src: source, type: "torrent"});
})
}
if (source = qs("source:not([dl])", Bcd.playerAPI)) {
Bcd.addSource(source);
}
if (!qs("video#player.bcd")) {
addListener(Bcd.playerAPI, function(e) {
Bcd.addSource(e.target);
},{ childList: true, subtree: true });
if (Bcd.playerAPI.readyState > 0) Bcd.onloadedmetadata();
Bcd.playerAPI.addEventListener('loadedmetadata', Bcd.onloadedmetadata);
Bcd.playerAPI.classList.add("bcd");
}
}
else if (w.location.pathname.indexOf('/video') !=-1) {
if (e == "timed") {
let err = qs("#page-bar .page-title");
/* Server Error */
if (err && err.innerText.match(/.*((server)+\serror)+$/i)) return
}
w.setTimeout(Bcd.init, 250, "timed")
}
},
addSource: (source = null) => {
let vid, ext, s, poster, postersize;
if (!Bcd.download_poster) {
if (Bcd.playerAPI.poster) {
poster = {url: null, type: null, width: 0, height: 0};
poster.url = new URL(Bcd.playerAPI.poster);
poster.url = poster.url.href;
if (postersize = poster.url.match(/_(\d+)x(\d+)\./)) {
poster.width = postersize[1];
poster.height = postersize[2];
}
poster.type = qs('meta[property="og:image:type"]').content || "image/jpeg";
Bcd.src.poster = poster;
Bcd.download_poster = true
}
}
if (source && source.src) {
ext = source.src.slice(source.src.lastIndexOf('.'));
s = new URL(source.src);
if (source.type == "torrent") source.type = "video/mp4 (torrent)";
else source.setAttribute("dl", Bcd.videoSources);
vid = {ext: ext, url: s.href, type: source.type, width: 0, height: 0, error: null};
Bcd.src.videos.push(vid);
debug(`Video source found: ${source.type}, ${s.href}`);
Bcd.load("source", vid);
Bcd.videoSources += 1;
}
},
onloadedmetadata: (e) => {
let width = Bcd.playerAPI.videoWidth,
height = Bcd.playerAPI.videoHeight,
curSrc = Bcd.playerAPI.currentSrc;
qs("#takeScreenShot").classList.remove("disabled");
Bcd.src.videos.forEach( (v, i) => {
debug("url = curSrc ? "+ (v.url == curSrc) +" url: "+v.url);
if (v.url == curSrc) {
v.width = width;
v.height = height;
if (Bcd.dialog) {
if (qs(".download_details.v"+ i, Bcd.dialog).innerText.indexOf(" x ") ==-1 &&
! qs(".download_details.v"+ i +" ul", Bcd.dialog))
{
let dims = `
${width} x ${height}`;
qs(".download_details.v"+ i, Bcd.dialog).innerHTML += dims;
debug("loadedmetadata Bcd.src.videos: ", Bcd.src.videos);
debug("Bcd.dialog video("+i+") dimensions added");
}
}
}
})
},
animate: ({timing, draw, duration}) => {
let start = performance.now();
requestAnimationFrame(function animate(time) {
let timeFraction = (time - start) / duration;
if (timeFraction > 1) timeFraction = 1;
let progress = timing(timeFraction);
draw(progress);
if (timeFraction < 1) {
requestAnimationFrame(animate);
}
});
},
prettyBytes: (bytes=0) => {
let c, i = 0, b = parseInt(Math.abs(bytes)), g = [' B',' kB',' mB',' gB',' tB', ' pB'];
if (b < 1) return '0.00 B';
while (b >= 1024) { b /= 1024; i+=1 };
c = `${Math.round(b * 10) /10}.0`;
c = c.slice(0, c.indexOf(".") + 2);
return c + g[i]
},
downloadIcon: '
'
};
const xhrRequest = function(opt) {
var xhr = null;
var saveAs = function(blob, name) {
return new Promise((resolve, reject) => {
var url;
var success = 0;
var a = d.createElementNS("http://www.w3.org/1999/xhtml", "a");
const removeLink = (url) => {setTimeout(() => {(w.URL || w.webkitURL || w).revokeObjectURL(url);}, 20000)}
if ("download" in a) {
success = 1;
(url = (w.URL || w.webkitURL || w).createObjectURL(blob), setTimeout(function() {
a.href = url;
a.download = name;
a.dispatchEvent(new MouseEvent('click'));
removeLink(url);
debug('download saveAs 1, linkclick');
resolve();
}))
}
else if ("application/octet-stream" === blob.type && w.FileReader) {
success = 1;
var fr = new FileReader;
fr.onloadend = function() {
var f = fr.result.replace(/^data:[^;]*;/, "data:attachment/file;");
w.open(f, "_blank") || (w.location.href = f);
debug('download saveAs 2, FileReader');
resolve();
};
fr.readAsDataURL(blob);
}
else {
success = 1;
url = (w.URL || w.webkitURL || w).createObjectURL(blob);
"application/octet-stream" === blob.type ?
w.location.href = url :
w.open(url, "_blank") || (w.location.href = url);
removeLink(a, url);
debug('download saveAs 3, w.open');
resolve();
}
if (!success) reject()
})
}
var getFile = function () {
xhr = new XMLHttpRequest();
let abort = xhr.abort;
abort = abort.bind(xhr);
xhr.timeout = opt.timeout;
xhr.onerror = (function() {
if (xhr.readyState === 4 && xhr.status === 0 && xhr.response === null) {
let ext = opt.url.slice(opt.url.lastIndexOf('.') + 1);
opt.onerror({error: "Possible Cross-Origin Request Block", ext: `${ext}`})
} else opt.onerror
});
xhr.onabort = opt.onabort;
xhr.ontimeout = opt.ontimeout;
xhr.onprogress = opt.onprogress;
xhr.onload = (e) => {
e = e.target;
if (e.status == 200 || e.status == 304 && e.readyState == 4) {
let type = e.response.type || opt.type || 'application/octet-stream';
let blob = new Blob([e.response], { type: type });
saveAs(blob, (opt.name || "download")).then( (val) => {
debug('saveAs Success');
opt.onload();
}).catch( (val) => {
opt.onerror({error: `saveAs( "${opt.name}" ) Failed`});
});
}
else opt.onerror({error: `${e.status}: ${e.statusText}`});
}
xhr.open('GET', opt.url, true);
xhr.responseType = 'blob';
xhr.send();
return {abort: abort}
}
return getFile()
}
const SmartyDownload = function(params) {return xhrRequest(params);}
const getPublishDate = (u = []) => {
let now, days, scs, mis, hrs, dys, wks, yrs, utc, sec;
let out = "",
mos = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
if (u.length) {
utc = u[3];
now = new Date();
sec = typeof u[7] !== 'undefined';
dys = now.getUTCDate() - parseInt(u[5]);
hrs = now.getUTCHours() - parseInt(u[1]);
mis = now.getUTCMinutes() - parseInt(u[2]);
yrs = now.getUTCFullYear() - parseInt(u[6]);
mos = now.getUTCMonth() - mos.indexOf(String(u[4]));
scs = sec ? now.getUTCSeconds() - parseInt(u[7]) : now.getUTCSeconds();
days = new Date(now.getUTCFullYear(), now.getUTCMonth(), 0).getDate();
if (mis < 0) {hrs -= 1; mis += 60;}
if (hrs < 0) {dys -= 1; hrs += 24;}
if (dys < 0) {mos -= 1; dys += days;}
if (mos < 0) {yrs -= 1; mos += 12;}
if (yrs < 0) {yrs = 0;}
if (yrs) {
out = `${yrs === 1 ? "a" : yrs} year${yrs > 1 ? 's' : ''}`;
if (mos > 0) out += `, ${mos} month${mos > 1 ? 's' : ''}`;
}
else if (mos > 0) {
out = `${mos} month${mos > 1 ? 's' : ''}`;
if (dys > 6) {
wks = parseInt(dys / 7);
out += `, ${wks === 1 ? "a" : wks} week${wks > 1 ? 's' : ''}`;
}
else if (dys > 0) out += `, ${dys === 1 ? "a" : dys} day${dys > 1 ? 's' : ''}`;
}
else if (dys > 0) {
if (dys > 6) {
wks = parseInt(dys / 7);
out = `${wks === 1 ? "a" : wks} week${wks > 1 ? 's' : ''}`;
if (dys % 7 > 0) out += `, ${dys % 7} day${dys % 7 > 1 ? 's' : ''}`;
}
else if (dys > 0) {
out = `${dys === 1 ? "a" : dys} day${dys > 1 ? 's' : ''}`;
if (hrs > 0) out += `, ${hrs} hour${hrs > 1 ? 's' : ''}`;
}
}
else if (hrs > 0) {
out = `${hrs === 1 ? "an" : hrs} hour${hrs > 1 ? 's' : ''}`;
if (mis > 0) out += `, ${mis} minute${mis > 1 ? 's' : ''}`;
}
else if (mis > 0 || (! sec && scs > 30)) {
if (scs > 30) mis += 1;
if (mis < 60) out = `${mis === 1 ? "a" : mis} minute${mis > 1 ? 's' : ''}`;
else out = "an hour";
}
else if (scs > 0) out = `${scs} second${scs > 1 ? 's' : ''}`;
else out = "a moment";
return out
}
}
const qs = (selector, el=document) => el.querySelector(selector);
const qsa = (selector, el=document) => el.querySelectorAll(selector);
const dce = (tag) => document.createElement(tag);
const addListener = (target, fn, config) => {
var cfg = Object.assign({}, {attributes:!1, childList:!1,
characterData:!1, subtree:!1}, config);
var observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => { fn(mutation) })});
observer.observe(target, cfg);
return observer
}
const msg = function() {console.log(`\u2139\ufe0f %c[${name}] ${Array.prototype.slice.call(arguments).join(" ")}`, "font-weight: 600; color: #0B149E; text-shadow: 1px 1px #DDD;");}
const error = function() {console.error(`[${name}] ${Array.prototype.slice.call(arguments).join(" ")}`);}
const debug = function() {
if (BC_Debug) {
let n, m = "";
for (n in arguments) {
if (typeof arguments[n] === "object" || typeof arguments[n] === "array") {
m += "%o";
console.log(`\ud83d\udd28 %c[${name}] ${m}`, "font-weight: 400; color: #853f02; text-shadow: 1px 1px #DDD;", arguments[n]);
return;
} else m += arguments[n] + " ";
}
console.log(`\ud83d\udd28 %c[${name}] ${m}`, "font-weight: 400; color: #BC5802; text-shadow: 1px 1px #DDD;");
}
}
/* Not in Frames or Cloudflare error pages */
if (w.self == w.top && !qs("#cf-error-details")) {
BC.init().then( results => {
if(results) {BC.chuteMePlease(); Bcd.init("orig")}
else console.error('S_marty: Error initialising SmartChute');
});
}
}) ();