mirror of
https://github.com/ThaUnknown/miru.git
synced 2026-03-31 01:38:42 +00:00
740 lines
No EOL
26 KiB
JavaScript
740 lines
No EOL
26 KiB
JavaScript
const controls = document.getElementsByClassName('ctrl')
|
|
|
|
for (let item of controls) {
|
|
item.addEventListener("click", function () {
|
|
let func = this.dataset.name;
|
|
window[func]()
|
|
})
|
|
}
|
|
|
|
// event listeners
|
|
volume.addEventListener("input", () => updateVolume());
|
|
progress.addEventListener("input", dragBar);
|
|
progress.addEventListener("mouseup", dragBarEnd);
|
|
progress.addEventListener("touchend", dragBarEnd);
|
|
progress.addEventListener("click", dragBarEnd);
|
|
progress.addEventListener("mousedown", dragBarStart);
|
|
ptoggle.addEventListener("click", btnpp);
|
|
ptoggle.addEventListener("dblclick", btnfull);
|
|
player.addEventListener("fullscreenchange", updateFullscreen)
|
|
|
|
let playerData = {
|
|
octopusInstance: undefined
|
|
}
|
|
|
|
function cleanupVideo() { // cleans up objects, attemps to clear as much video caching as possible
|
|
if (playerData.octopusInstance) {
|
|
playerData.octopusInstance.dispose()
|
|
}
|
|
if (playerData.fonts) {
|
|
playerData.fonts.forEach(file => {
|
|
URL.revokeObjectURL(file)
|
|
})
|
|
}
|
|
if (dl.href) {
|
|
URL.revokeObjectURL(dl.href)
|
|
}
|
|
dl.setAttribute("disabled", "")
|
|
dl.onclick = undefined
|
|
if (typeof video !== 'undefined' && typeof client !== 'undefined') {
|
|
video.pause()
|
|
video.src = "";
|
|
video.load()
|
|
delete video
|
|
video.remove()
|
|
if (client.torrents[0] && client.torrents[0].files.length > 1) {
|
|
client.torrents[0].files.forEach(file => {
|
|
file.deselect()
|
|
});
|
|
client.torrents[0].deselect(0, client.torrents[0].pieces.length - 1, false);
|
|
// console.log(videoFiles.filter(file => `${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}` == video.src))
|
|
// look for file and delete its store
|
|
}
|
|
}
|
|
playerData = {
|
|
tracks: [],
|
|
subtitles: [],
|
|
fonts: [],
|
|
thumbnails: []
|
|
}
|
|
nowPlayingDisplay.textContent = ""
|
|
onProgress = undefined;
|
|
bcap.setAttribute("disabled", "")
|
|
bnext.removeAttribute("disabled")
|
|
navNowPlaying.classList.add("d-none")
|
|
if ('mediaSession' in navigator)
|
|
navigator.mediaSession.metadata = null
|
|
}
|
|
|
|
async function buildVideo(file, nowPlaying) { //creates a new video element and adds listeners... this needs to go
|
|
video = document.createElement("video")
|
|
if (!settings.player7 || !'pictureInPictureEnabled' in document) {
|
|
video.setAttribute("disablePictureInPicture", "")
|
|
bpip.setAttribute("disabled", "")
|
|
} else {
|
|
bpip.removeAttribute("disabled")
|
|
video.addEventListener("enterpictureinpicture", () => {
|
|
if (playerData.octopusInstance)
|
|
btnpip()
|
|
})
|
|
}
|
|
video.src = `${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}`
|
|
video.id = "video"
|
|
video.setAttribute("preload", "none")
|
|
video.volume = volume.value / 100
|
|
video.style.setProperty("--sub-font", settings.subtitle1);
|
|
video.addEventListener("playing", resetBuffer);
|
|
video.addEventListener("canplay", resetBuffer);
|
|
video.addEventListener("loadeddata", initThumbnail);
|
|
video.addEventListener("loadedmetadata", updateDisplay);
|
|
video.onloadedmetadata = () => {
|
|
updateDisplay();
|
|
if (video.audioTracks && video.audioTracks.length > 1)
|
|
baudio.removeAttribute("disabled")
|
|
}
|
|
video.onended = () => {
|
|
updateBar(video.currentTime / video.duration * 100)
|
|
if (settings.player6 && !parseInt(playerData.nowPlaying[1]) >= playerData.nowPlaying[0].episodes) btnnext()
|
|
}
|
|
video.addEventListener("waiting", isBuffering);
|
|
video.addEventListener("timeupdate", updateDisplay);
|
|
if ('setPositionState' in navigator.mediaSession)
|
|
video.addEventListener("timeupdate", updatePositionState);
|
|
video.addEventListener("timeupdate", checkCompletion);
|
|
player.prepend(video);
|
|
video.load();
|
|
playVideo();
|
|
// file.on("done", () => { console.log("test") }) // this currently wont work, idk how to remove old listeners
|
|
onProgress = () => {
|
|
if (document.location.hash == "#player" && typeof video !== 'undefined') {
|
|
if (!player.classList.contains('immersed')) {
|
|
player.style.setProperty("--download", file.progress * 100 + "%");
|
|
peers.textContent = client.torrents[0].numPeers
|
|
downSpeed.textContent = prettyBytes(client.torrents[0].downloadSpeed) + '/s'
|
|
upSpeed.textContent = prettyBytes(client.torrents[0].uploadSpeed) + '/s'
|
|
}
|
|
if (file.progress == 1 && !playerData.done) {
|
|
playerData.done = 1
|
|
halfmoon.initStickyAlert({
|
|
content: `<span class="text-break">${file.name}</span> has finished downloading. Now seeding.`,
|
|
title: "Download Complete",
|
|
alertType: "alert-success",
|
|
fillType: ""
|
|
});
|
|
if (settings.player8) {
|
|
if (!settings.torrent5) {
|
|
finishThumbnails(file);
|
|
}
|
|
postDownload(file)
|
|
}
|
|
if (!settings.torrent5) {
|
|
downloadFile(file)
|
|
}
|
|
}
|
|
}
|
|
setTimeout(onProgress, 100)
|
|
}
|
|
|
|
setTimeout(onProgress, 100)
|
|
if (nowPlaying && nowPlaying[0]) {
|
|
playerData.nowPlaying = nowPlaying
|
|
navNowPlaying.classList.remove("d-none")
|
|
} else if (settings.torrent7) { // try to resolve name
|
|
let regexParse = nameParseRegex.simple.exec(file.name)
|
|
playerData.nowPlaying = [await resolveName(regexParse[2], "SearchAnySingle"), regexParse[4]]
|
|
navNowPlaying.classList.remove("d-none")
|
|
console.log(regexParse)
|
|
}
|
|
let mediaMetadata
|
|
// only set mediasession and other shit if the playerdata is parsed correctly
|
|
if (playerData.nowPlaying && playerData.nowPlaying[0] && playerData.nowPlaying[1]) {
|
|
mediaMetadata = new MediaMetadata({
|
|
title: playerData.nowPlaying[0].title.userPreferred,
|
|
artist: `Episode ${parseInt(playerData.nowPlaying[1])}`,
|
|
album: "Miru",
|
|
artwork: [{
|
|
src: playerData.nowPlaying[0].coverImage.medium,
|
|
sizes: '256x256',
|
|
type: 'image/jpg'
|
|
}]
|
|
});
|
|
nowPlayingDisplay.textContent = `EP ${parseInt(playerData.nowPlaying[1])}`
|
|
if (parseInt(playerData.nowPlaying[1]) >= playerData.nowPlaying[0].episodes)
|
|
bnext.setAttribute("disabled", "")
|
|
if (playerData.nowPlaying[0].streamingEpisodes.length >= parseInt(playerData.nowPlaying[1])) {
|
|
let streamingEpisode = playerData.nowPlaying[0].streamingEpisodes.filter(episode => episodeRx.exec(episode.title)[1] == parseInt(playerData.nowPlaying[1]))[0]
|
|
video.poster = streamingEpisode.thumbnail
|
|
mediaMetadata.artist = `Episode ${parseInt(playerData.nowPlaying[1])} - ${episodeRx.exec(streamingEpisode.title)[2]}`
|
|
mediaMetadata.artwork = [{
|
|
src: streamingEpisode.thumbnail,
|
|
sizes: '256x256',
|
|
type: 'image/jpg'
|
|
}]
|
|
nowPlayingDisplay.textContent = `EP ${parseInt(playerData.nowPlaying[1])} - ${episodeRx.exec(streamingEpisode.title)[2]}`
|
|
}
|
|
}
|
|
if ('mediaSession' in navigator && mediaMetadata)
|
|
navigator.mediaSession.metadata = mediaMetadata
|
|
|
|
}
|
|
// download progress and status
|
|
let onProgress
|
|
|
|
// visibility loss pause
|
|
document.addEventListener("visibilitychange", () => {
|
|
if (settings.player10 && typeof video !== 'undefined' && !video.ended)
|
|
document.visibilityState === "hidden" ? video.pause() : playVideo();
|
|
})
|
|
|
|
// progress seek bar and display
|
|
|
|
function updateDisplay() {
|
|
if (typeof video !== 'undefined') {
|
|
if (!player.classList.contains('immersed') && document.location.hash == "#player") {
|
|
let progressPercent = (video.currentTime / video.duration * 100)
|
|
let bufferPercent = video.buffered.length == 0 ? 0 : video.buffered.end(video.buffered.length - 1) / video.duration * 100
|
|
progress.style.setProperty("--buffer", bufferPercent + "%");
|
|
updateBar(progressPercent || progress.value / 10);
|
|
}
|
|
createThumbnail(video);
|
|
}
|
|
}
|
|
|
|
function dragBar() {
|
|
updateBar(progress.value / 10)
|
|
if (typeof video !== 'undefined') {
|
|
video.pause()
|
|
let bg = playerData.thumbnails[Math.floor(currentTime / 5)]
|
|
thumb.src = bg || " "
|
|
}
|
|
}
|
|
|
|
function dragBarEnd() {
|
|
if (typeof video !== 'undefined') {
|
|
video.currentTime = currentTime || 0
|
|
playVideo()
|
|
}
|
|
}
|
|
|
|
async function dragBarStart() {
|
|
if (typeof video !== 'undefined') {
|
|
await video.pause()
|
|
}
|
|
updateBar(progress.value / 10)
|
|
}
|
|
|
|
let currentTime = 0;
|
|
function updateBar(progressPercent) {
|
|
progress.style.setProperty("--progress", progressPercent + "%");
|
|
thumb.style.setProperty("--progress", progressPercent + "%");
|
|
if (typeof video !== 'undefined') {
|
|
currentTime = video.duration * progressPercent / 100
|
|
elapsed.innerHTML = toTS(currentTime);
|
|
remaining.innerHTML = toTS(video.duration - currentTime);
|
|
progress.value = progressPercent * 10
|
|
progress.setAttribute("data-ts", toTS(currentTime))
|
|
}
|
|
}
|
|
|
|
// dynamic thumbnail previews
|
|
let canvas = document.createElement("canvas")
|
|
let context = canvas.getContext('2d')
|
|
let h
|
|
|
|
function initThumbnail() {
|
|
if (settings.player5) {
|
|
h = parseInt(150 / (video.videoWidth / video.videoHeight))
|
|
canvas.width = 150;
|
|
canvas.height = h;
|
|
thumb.style.setProperty("--height", h + "px");
|
|
}
|
|
}
|
|
|
|
function createThumbnail(vid) {
|
|
if (settings.player5 && vid.readyState >= 2) {
|
|
let index = Math.floor(vid.currentTime / 5)
|
|
if (!playerData.thumbnails[index] && h) {
|
|
context.fillRect(0, 0, 150, h);
|
|
context.drawImage(vid, 0, 0, 150, h);
|
|
playerData.thumbnails[index] = canvas.toDataURL("image/jpeg")
|
|
}
|
|
}
|
|
}
|
|
|
|
function finishThumbnails(file) {
|
|
if (settings.player5 && settings.player8) {
|
|
let thumbVid = document.createElement("video"),
|
|
index = 0
|
|
thumbVid.src = file.getBlobURL((err, url) => {
|
|
thumbVid.src = url
|
|
})
|
|
|
|
thumbVid.addEventListener('loadeddata', () => {
|
|
loadTime();
|
|
})
|
|
|
|
thumbVid.addEventListener('seeked', () => {
|
|
createThumbnail(thumbVid);
|
|
loadTime();
|
|
})
|
|
|
|
function loadTime() {
|
|
while (playerData.thumbnails[index] && index <= Math.floor(thumbVid.duration / 5)) { // only create thumbnails that are missing
|
|
index++
|
|
}
|
|
if (thumbVid.currentTime != thumbVid.duration) {
|
|
thumbVid.currentTime = index * 5
|
|
} else {
|
|
URL.revokeObjectURL(thumbVid.src)
|
|
delete thumbVid;
|
|
thumbVid.remove()
|
|
}
|
|
index++
|
|
}
|
|
}
|
|
}
|
|
|
|
//file download
|
|
function downloadFile(file) {
|
|
dl.removeAttribute("disabled")
|
|
dl.onclick = async e => {
|
|
file.getBlobURL((err, url) => {
|
|
let a = document.createElement('a');
|
|
a.download = file.name;
|
|
a.href = url;
|
|
document.body.appendChild(a);
|
|
a.click(e);
|
|
delete a
|
|
a.remove();
|
|
window.URL.revokeObjectURL(url);
|
|
})
|
|
}
|
|
}
|
|
|
|
// bufering spinner
|
|
|
|
let buffer;
|
|
function resetBuffer() {
|
|
if (buffer) {
|
|
clearTimeout(buffer)
|
|
buffer = undefined
|
|
buffering.classList.add('hidden')
|
|
}
|
|
}
|
|
|
|
function isBuffering() {
|
|
buffer = setTimeout(displayBuffer, 150)
|
|
}
|
|
|
|
function displayBuffer() {
|
|
buffering.classList.remove('hidden')
|
|
resetTimer()
|
|
}
|
|
|
|
// immerse timeout
|
|
let immerseTime;
|
|
|
|
document.onmousemove = resetTimer;
|
|
document.onkeypress = resetTimer;
|
|
function immersePlayer() {
|
|
player.classList.add('immersed')
|
|
}
|
|
|
|
function resetTimer() {
|
|
clearTimeout(immerseTime);
|
|
player.classList.remove('immersed')
|
|
immerseTime = setTimeout(immersePlayer, parseInt(settings.player2) * 1000)
|
|
}
|
|
|
|
function toTS(sec) {
|
|
if (Number.isNaN(sec) || sec < 0) {
|
|
return "00:00";
|
|
}
|
|
|
|
let hours = Math.floor(sec / 3600);
|
|
let minutes = Math.floor((sec - (hours * 3600)) / 60);
|
|
let seconds = Math.floor(sec - (hours * 3600) - (minutes * 60));
|
|
|
|
if (minutes < 10) {
|
|
minutes = `0${minutes}`;
|
|
}
|
|
|
|
if (seconds < 10) {
|
|
seconds = `0${seconds}`;
|
|
}
|
|
|
|
if (hours > 0) {
|
|
return `${hours}:${minutes}:${seconds}`;
|
|
} else {
|
|
return `${minutes}:${seconds}`;
|
|
}
|
|
// return new Date(sec*1000).toISOString().slice(12, -1).slice(0, -4).replace(/^0:/,"") // laggy :/
|
|
}
|
|
|
|
// play/pause button
|
|
async function playVideo() {
|
|
try {
|
|
await video.play();
|
|
bpp.innerHTML = "pause";
|
|
} catch (err) {
|
|
bpp.innerHTML = "play_arrow";
|
|
}
|
|
}
|
|
|
|
function btnpp() {
|
|
if (typeof video !== 'undefined') {
|
|
if (video.paused) {
|
|
playVideo();
|
|
} else {
|
|
bpp.innerHTML = "play_arrow";
|
|
video.pause();
|
|
}
|
|
}
|
|
}
|
|
// next video button
|
|
let nextCooldown
|
|
function btnnext() {
|
|
clearTimeout(nextCooldown)
|
|
nextCooldown = setTimeout(() => {
|
|
let currentFile = videoFiles.filter(file => `${window.location.origin}${scope}webtorrent/${client.torrents[0].infoHash}/${encodeURI(file.path)}` == video.src)[0]
|
|
if (videoFiles.length > 1 && videoFiles.indexOf(currentFile) < videoFiles.length - 1) {
|
|
let fileIndex = videoFiles.indexOf(currentFile) + 1,
|
|
nowPlaying = [playerData.nowPlaying[0], parseInt(playerData.nowPlaying[1]) + 1]
|
|
cleanupVideo()
|
|
buildVideo(videoFiles[fileIndex], nowPlaying)
|
|
} else {
|
|
if (playerData.nowPlaying[0]) {
|
|
nyaaSearch(playerData.nowPlaying[0], parseInt(playerData.nowPlaying[1]) + 1)
|
|
} else {
|
|
halfmoon.initStickyAlert({
|
|
content: `Couldn't find anime name! Try specifying a torrent manually.`,
|
|
title: "Search Failed",
|
|
alertType: "alert-danger",
|
|
fillType: ""
|
|
})
|
|
}
|
|
}
|
|
}, 200)
|
|
}
|
|
// volume shit
|
|
|
|
let oldlevel;
|
|
|
|
function btnmute() {
|
|
if (typeof video !== 'undefined') {
|
|
if (video.volume == 0) {
|
|
updateVolume(oldlevel)
|
|
} else {
|
|
oldlevel = video.volume * 100
|
|
updateVolume(0)
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
function updateVolume(a) {
|
|
let level
|
|
if (a == null || a == NaN) {
|
|
level = volume.value;
|
|
} else {
|
|
level = a;
|
|
volume.value = a;
|
|
}
|
|
volume.style.setProperty("--volume-level", level + "%");
|
|
bmute.innerHTML = (level == 0) ? "volume_off" : "volume_up";
|
|
if (typeof video !== 'undefined') {
|
|
video.volume = level / 100
|
|
}
|
|
}
|
|
updateVolume(parseInt(settings.player1))
|
|
|
|
|
|
// PiP
|
|
|
|
async function btnpip() {
|
|
if (typeof video !== 'undefined' && video.readyState) {
|
|
if (!playerData.octopusInstance) {
|
|
video !== document.pictureInPictureElement ? await video.requestPictureInPicture() : await document.exitPictureInPicture();
|
|
} else {
|
|
if (document.pictureInPictureElement && !document.pictureInPictureElement.id) { //only exit if pip is the custom one, else overwrite existing pip with custom
|
|
await document.exitPictureInPicture()
|
|
} else {
|
|
let canvas = document.createElement("canvas"),
|
|
subtitleCanvas = document.querySelector(".libassjs-canvas"),
|
|
canvasVideo = document.createElement("video"),
|
|
context = canvas.getContext("2d", { alpha: false }),
|
|
running = true
|
|
canvas.width = subtitleCanvas.width
|
|
canvas.height = subtitleCanvas.height
|
|
|
|
function renderFrame() {
|
|
if (running) {
|
|
context.drawImage(video, 0, 0, canvas.width, canvas.height)
|
|
context.drawImage(subtitleCanvas, 0, 0)
|
|
window.requestAnimationFrame(renderFrame)
|
|
}
|
|
}
|
|
canvasVideo.srcObject = canvas.captureStream()
|
|
canvasVideo.onloadedmetadata = async () => {
|
|
canvasVideo.play()
|
|
await canvasVideo.requestPictureInPicture().then(
|
|
player.classList.add("pip")
|
|
).catch(e => {
|
|
console.warn("Failed To Burn In Subtitles" + e)
|
|
running = false
|
|
canvasVideo.remove()
|
|
canvas.remove()
|
|
player.classList.remove("pip")
|
|
})
|
|
}
|
|
canvasVideo.onleavepictureinpicture = () => {
|
|
running = false
|
|
canvasVideo.remove()
|
|
canvas.remove()
|
|
player.classList.remove("pip")
|
|
}
|
|
window.requestAnimationFrame(renderFrame)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//miniplayer
|
|
if (!settings.player4) {
|
|
player.style.setProperty("--miniplayer-display", "none");
|
|
}
|
|
// theathe mode
|
|
|
|
function btntheatre() {
|
|
pageWrapper.classList.toggle("nav-hidden")
|
|
}
|
|
|
|
// fullscreen
|
|
|
|
function btnfull() {
|
|
document.fullscreenElement ? document.exitFullscreen() : player.requestFullscreen();
|
|
}
|
|
function updateFullscreen() {
|
|
document.fullscreenElement ? bfull.innerHTML = "fullscreen_exit" : bfull.innerHTML = "fullscreen"
|
|
}
|
|
|
|
//seeking and skipping
|
|
|
|
function seek(a) {
|
|
if (a == 85 && video.currentTime < 10) {
|
|
video.currentTime = 90
|
|
} else if (a == 85 && (video.duration - video.currentTime) < 90) {
|
|
video.currentTime = video.duration
|
|
} else {
|
|
video.currentTime += a;
|
|
}
|
|
updateBar(video.currentTime / video.duration * 100)
|
|
}
|
|
// subtitles, generates content every single time its opened because fuck knows when the parser will find new shit
|
|
// this needs to go.... really badly
|
|
let off
|
|
function btncap() {
|
|
if (video.textTracks.length) {
|
|
let frag = document.createDocumentFragment()
|
|
off = document.createElement("a")
|
|
off.classList.add("dropdown-item", "pointer", "text-white")
|
|
off.innerHTML = "OFF"
|
|
off.onclick = () => {
|
|
selectLang("OFF")
|
|
}
|
|
frag.appendChild(off)
|
|
|
|
for (let track of video.textTracks) {
|
|
let template = document.createElement("a")
|
|
template.classList.add("dropdown-item", "pointer", "text-capitalize")
|
|
template.innerHTML = track.language || (!Object.values(video.textTracks).some(track => track.language == "eng" || track.language == "en") ? "eng" : track.label)
|
|
if (track.mode == "showing") {
|
|
template.classList.add("text-white")
|
|
off.classList.add("text-muted")
|
|
off.classList.remove("text-white")
|
|
} else {
|
|
template.classList.add("text-muted")
|
|
}
|
|
template.onclick = () => {
|
|
selectLang(track.language)
|
|
}
|
|
frag.appendChild(template)
|
|
}
|
|
|
|
subMenu.textContent = '';
|
|
subMenu.appendChild(frag)
|
|
} else if (playerData.headers) {
|
|
let frag = document.createDocumentFragment()
|
|
off = document.createElement("a")
|
|
off.classList.add("dropdown-item", "pointer")
|
|
playerData.selectedHeader ? off.classList.add("text-muted") : off.classList.add("text-white")
|
|
off.innerHTML = "OFF"
|
|
off.onclick = () => {
|
|
renderSubs.call(null)
|
|
playerData.selectedHeader = undefined
|
|
btncap()
|
|
}
|
|
frag.appendChild(off)
|
|
for (let track of playerData.headers) {
|
|
if (track) {
|
|
let template = document.createElement("a")
|
|
template.classList.add("dropdown-item", "pointer", "text-capitalize")
|
|
template.innerHTML = track.language || (!Object.values(playerData.headers).some(header => header.language == "eng" || header.language == "en") ? "eng" : header.type)
|
|
if (playerData.selectedHeader == track.number) {
|
|
template.classList.add("text-white")
|
|
} else {
|
|
template.classList.add("text-muted")
|
|
}
|
|
template.onclick = () => {
|
|
renderSubs.call(null, track.number)
|
|
playerData.selectedHeader = track.number
|
|
btncap()
|
|
}
|
|
frag.appendChild(template)
|
|
}
|
|
}
|
|
subMenu.textContent = '';
|
|
subMenu.appendChild(frag)
|
|
}
|
|
}
|
|
function selectLang(lang) {
|
|
for (let track of video.textTracks) {
|
|
track.language == lang ? track.mode = 'showing' : track.mode = 'hidden';
|
|
}
|
|
btncap()
|
|
}
|
|
//playlist
|
|
|
|
function btnpl() {
|
|
let frag = document.createDocumentFragment()
|
|
videoFiles.forEach((file, index) => {
|
|
let template = document.createElement("a")
|
|
template.classList.add("dropdown-item", "pointer", "text-capitalize", "text-truncate", "text-white")
|
|
let regexParse = nameParseRegex.fallback.exec(file.name)
|
|
template.innerHTML = playerData.nowPlaying[0] ? playerData.nowPlaying[0].title.userPreferred + " - " + parseInt(regexParse[3]) : regexParse[2] + parseInt(regexParse[3])
|
|
template.onclick = () => {
|
|
cleanupVideo()
|
|
buildVideo(file, [playerData.nowPlaying ? playerData.nowPlaying[0] : undefined, parseInt(regexParse[3])])
|
|
btnpl()
|
|
}
|
|
frag.appendChild(template)
|
|
})
|
|
playlistMenu.textContent = '';
|
|
playlistMenu.appendChild(frag)
|
|
}
|
|
|
|
// audio tracks
|
|
|
|
function btnaudio() {
|
|
let frag = document.createDocumentFragment()
|
|
for (let track of video.audioTracks) {
|
|
let template = document.createElement("a")
|
|
template.classList.add("dropdown-item", "pointer", "text-capitalize")
|
|
template.innerHTML = track.language || (!Object.values(video.audioTracks).some(track => track.language == "eng" || track.language == "en") ? "eng" : track.label)
|
|
track.enabled == true ? template.classList.add("text-white") : template.classList.add("text-muted")
|
|
template.onclick = () => {
|
|
selectAudio(track.id)
|
|
}
|
|
frag.appendChild(template)
|
|
}
|
|
|
|
audioTracksMenu.textContent = '';
|
|
audioTracksMenu.appendChild(frag)
|
|
}
|
|
function selectAudio(id) {
|
|
for (let track of video.audioTracks) {
|
|
track.id == id ? track.enabled = true : track.enabled = false;
|
|
}
|
|
seek(-1); // stupid fix because video freezes up when chaging tracks
|
|
btnaudio()
|
|
}
|
|
// keybinds
|
|
|
|
document.onkeydown = (a) => {
|
|
if (a.key == "F5") {
|
|
a.preventDefault();
|
|
}
|
|
if (document.location.hash == "#player") {
|
|
switch (a.key) {
|
|
case " ":
|
|
btnpp();
|
|
break;
|
|
case "n":
|
|
btnnext();
|
|
break;
|
|
case "m":
|
|
btnmute();
|
|
break;
|
|
case "p":
|
|
btnpip();
|
|
break;
|
|
case "t":
|
|
btntheatre();
|
|
break;
|
|
case "c":
|
|
btncap();
|
|
break;
|
|
case "f":
|
|
btnfull();
|
|
break;
|
|
case "s":
|
|
seek(85);
|
|
break;
|
|
case "ArrowLeft":
|
|
seek(-parseInt(settings.player3));
|
|
break;
|
|
case "ArrowRight":
|
|
seek(parseInt(settings.player3));
|
|
break;
|
|
case "ArrowUp":
|
|
updateVolume(parseInt(volume.value) + 5)
|
|
break;
|
|
case "ArrowDown":
|
|
updateVolume(parseInt(volume.value) - 5)
|
|
break;
|
|
case "Escape":
|
|
document.location.hash = "#browse"
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
//media session shit
|
|
|
|
function updatePositionState() {
|
|
if (typeof video !== 'undefined' && video.duration)
|
|
navigator.mediaSession.setPositionState({
|
|
duration: video.duration || 0,
|
|
playbackRate: video.playbackRate || 0,
|
|
position: video.currentTime || 0
|
|
});
|
|
}
|
|
|
|
if ('mediaSession' in navigator) {
|
|
navigator.mediaSession.setActionHandler('play', btnpp);
|
|
navigator.mediaSession.setActionHandler('pause', btnpp);
|
|
navigator.mediaSession.setActionHandler('seekbackward', () => {
|
|
seek(-parseInt(settings.player3));
|
|
});
|
|
navigator.mediaSession.setActionHandler('seekforward', () => {
|
|
seek(parseInt(settings.player3));
|
|
});
|
|
navigator.mediaSession.setActionHandler('nexttrack', btnnext);
|
|
}
|
|
|
|
//AL entry auto add
|
|
function checkCompletion() {
|
|
if (!playerData.watched && typeof video !== 'undefined' && video.duration - 180 < video.currentTime && playerData.nowPlaying && playerData.nowPlaying[0] && playerData.nowPlaying[0].episodes <= parseInt(playerData.nowPlaying[1])) {
|
|
if (settings.other2) {
|
|
alEntry()
|
|
} else {
|
|
halfmoon.initStickyAlert({
|
|
content: `Do You Want To Mark <br><b>${playerData.nowPlaying[0].title.userPreferred}</b><br>Episode ${playerData.nowPlaying[1]} As Completed?<br>
|
|
<button class="btn btn-sm btn-square btn-success mt-5" onclick="alEntry()" data-dismiss="alert" type="button" aria-label="Close">✓</button>
|
|
<button class="btn btn-sm btn-square mt-5" data-dismiss="alert" type="button" aria-label="Close"><span aria-hidden="true">X</span></button>`,
|
|
title: "Episode Complete",
|
|
timeShown: 180000
|
|
})
|
|
}
|
|
playerData.watched = true
|
|
}
|
|
}
|
|
cleanupVideo() |