added an option for tiktok h265 videos, majorly cleaned up frontend

- cleaned up cobalt.js (by a lot)
- removed notification dot
- removed settings migration
- removed vimeoDash
- turned youtube track language switcher into a toggle
- added clarification as to what youtube dub does
- updated defaults to match with backend
- now matching a url from any string at any place
This commit is contained in:
wukko 2024-04-30 00:04:19 +06:00
parent dc243a1e61
commit 8f5eec0b5d
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
9 changed files with 360 additions and 345 deletions

View file

@ -3,9 +3,6 @@
"maxVideoDuration": 10800000, "maxVideoDuration": 10800000,
"genericUserAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36", "genericUserAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36",
"authorInfo": { "authorInfo": {
"name": "wukko",
"link": "https://wukko.me/",
"contact": "https://wukko.me/contacts",
"support": { "support": {
"default": { "default": {
"email": { "email": {

View file

@ -1,5 +1,3 @@
const version = 42;
const ua = navigator.userAgent.toLowerCase(); const ua = navigator.userAgent.toLowerCase();
const isIOS = ua.match("iphone os"); const isIOS = ua.match("iphone os");
const isMobile = ua.match("android") || ua.match("iphone os"); const isMobile = ua.match("android") || ua.match("iphone os");
@ -7,19 +5,14 @@ const isSafari = ua.match("safari/");
const isFirefox = ua.match("firefox/"); const isFirefox = ua.match("firefox/");
const isOldFirefox = ua.match("firefox/") && ua.split("firefox/")[1].split('.')[0] < 103; const isOldFirefox = ua.match("firefox/") && ua.split("firefox/")[1].split('.')[0] < 103;
const regex = new RegExp(/https:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()!@:%_\+.~#?&\/\/=]*)/);
const notification = `<span class="notification-dot"></span>`;
const switchers = { const switchers = {
"theme": ["auto", "light", "dark"], "theme": ["auto", "light", "dark"],
"vCodec": ["h264", "av1", "vp9"], "vCodec": ["h264", "av1", "vp9"],
"vQuality": ["1080", "max", "2160", "1440", "720", "480", "360"], "vQuality": ["720", "max", "2160", "1440", "1080", "480", "360"],
"aFormat": ["mp3", "best", "ogg", "wav", "opus"], "aFormat": ["mp3", "best", "ogg", "wav", "opus"],
"dubLang": ["original", "auto"],
"vimeoDash": ["false", "true"],
"audioMode": ["false", "true"], "audioMode": ["false", "true"],
"filenamePattern": ["classic", "pretty", "basic", "nerdy"] "filenamePattern": ["classic", "pretty", "basic", "nerdy"]
}; }
const checkboxes = [ const checkboxes = [
"alwaysVisibleButton", "alwaysVisibleButton",
"downloadPopup", "downloadPopup",
@ -29,101 +22,129 @@ const checkboxes = [
"disableAnimations", "disableAnimations",
"disableMetadata", "disableMetadata",
"twitterGif", "twitterGif",
"plausible_ignore" "plausible_ignore",
]; "ytDub",
const exceptions = { // used for mobile devices "tiktokH265"
"vQuality": "720" ]
}; const bottomPopups = ["error", "download"]
const bottomPopups = ["error", "download"];
const pageQuery = new URLSearchParams(window.location.search);
let store = {}; let store = {};
function fixApiUrl(url) { const validLink = (link) => {
try {
return /^https?:/i.test(new URL(link).protocol);
} catch {
return false
}
}
const fixApiUrl = (url) => {
return url.endsWith('/') ? url.slice(0, -1) : url return url.endsWith('/') ? url.slice(0, -1) : url
} }
let apiURL = fixApiUrl(defaultApiUrl); let apiURL = fixApiUrl(defaultApiUrl);
function changeApi(url) { const changeApi = (url) => {
apiURL = fixApiUrl(url); apiURL = fixApiUrl(url);
return true return true
} }
function eid(id) {
const eid = (id) => {
return document.getElementById(id) return document.getElementById(id)
} }
function sGet(id) { const sGet = (id) =>{
return localStorage.getItem(id) return localStorage.getItem(id)
} }
function sSet(id, value) { const sSet = (id, value) => {
localStorage.setItem(id, value) localStorage.setItem(id, value)
} }
function enable(id) { const enable = (id) => {
eid(id).dataset.enabled = "true"; eid(id).dataset.enabled = "true";
} }
function disable(id) { const disable = (id) => {
eid(id).dataset.enabled = "false"; eid(id).dataset.enabled = "false";
} }
function vis(state) { const opposite = (state) => {
return (state === 1) ? "visible" : "hidden";
}
function opposite(state) {
return state === "true" ? "false" : "true"; return state === "true" ? "false" : "true";
} }
function changeDownloadButton(action, text) {
const lazyGet = (key) => {
const value = sGet(key);
if (key in switchers) {
if (switchers[key][0] !== value)
return value;
} else if (checkboxes.includes(key)) {
if (value === 'true')
return true;
}
}
const changeDownloadButton = (action, text) => {
switch (action) { switch (action) {
case 0: case "hidden": // hidden, but only visible when alwaysVisibleButton is true
eid("download-button").disabled = true eid("download-button").disabled = true
if (sGet("alwaysVisibleButton") === "true") { if (sGet("alwaysVisibleButton") === "true") {
eid("download-button").value = text eid("download-button").value = '>>'
eid("download-button").style.padding = '0 1rem' eid("download-button").style.padding = '0 1rem'
} else { } else {
eid("download-button").value = '' eid("download-button").value = ''
eid("download-button").style.padding = '0' eid("download-button").style.padding = '0'
} }
break; break;
case 1: case "disabled":
eid("download-button").disabled = false
eid("download-button").value = text
eid("download-button").style.padding = '0 1rem'
break;
case 2:
eid("download-button").disabled = true eid("download-button").disabled = true
eid("download-button").value = text eid("download-button").value = text
eid("download-button").style.padding = '0 1rem' eid("download-button").style.padding = '0 1rem'
break; break;
default:
eid("download-button").disabled = false
eid("download-button").value = '>>'
eid("download-button").style.padding = '0 1rem'
break;
} }
} }
document.addEventListener("keydown", (event) => {
if (event.key === "Tab") { const button = () => {
eid("download-button").value = '>>' let regexTest = validLink(eid("url-input-area").value);
eid("download-button").style.padding = '0 1rem'
} eid("url-clear").style.display = "none";
})
function button() {
let regexTest = regex.test(eid("url-input-area").value);
if ((eid("url-input-area").value).length > 0) { if ((eid("url-input-area").value).length > 0) {
eid("url-clear").style.display = "block"; eid("url-clear").style.display = "block";
} else {
eid("url-clear").style.display = "none";
} }
regexTest ? changeDownloadButton(1, '>>') : changeDownloadButton(0, '>>');
if (regexTest) {
changeDownloadButton()
} else {
changeDownloadButton("hidden")
}
} }
function clearInput() {
const clearInput = () => {
eid("url-input-area").value = ''; eid("url-input-area").value = '';
button(); button();
} }
function copy(id, data) {
let e = document.getElementById(id); const copy = (id, data) => {
e.classList.add("text-backdrop"); let target = document.getElementById(id);
setTimeout(() => { e.classList.remove("text-backdrop") }, 600); target.classList.add("text-backdrop");
data ? navigator.clipboard.writeText(data) : navigator.clipboard.writeText(e.innerText);
setTimeout(() => {
target.classList.remove("text-backdrop")
}, 600);
if (data) {
navigator.clipboard.writeText(data)
} else {
navigator.clipboard.writeText(e.innerText)
}
} }
async function share(url) {
try { await navigator.share({url: url}) } catch (e) {} const share = async(url) => {
try { await navigator.share({url: url}) } catch {}
} }
function detectColorScheme() {
const detectColorScheme = () => {
let theme = "auto"; let theme = "auto";
let localTheme = sGet("theme"); let localTheme = sGet("theme");
if (localTheme) { if (localTheme) {
@ -133,7 +154,8 @@ function detectColorScheme() {
} }
document.documentElement.setAttribute("data-theme", theme); document.documentElement.setAttribute("data-theme", theme);
} }
function changeTab(evnt, tabId, tabClass) {
const changeTab = (evnt, tabId, tabClass) => {
if (tabId === "tab-settings-other") updateFilenamePreview(); if (tabId === "tab-settings-other") updateFilenamePreview();
let tabcontent = document.getElementsByClassName(`tab-content-${tabClass}`); let tabcontent = document.getElementsByClassName(`tab-content-${tabClass}`);
@ -149,46 +171,15 @@ function changeTab(evnt, tabId, tabClass) {
evnt.currentTarget.dataset.enabled = "true"; evnt.currentTarget.dataset.enabled = "true";
eid(tabId).dataset.enabled = "true"; eid(tabId).dataset.enabled = "true";
eid(tabId).parentElement.scrollTop = 0; eid(tabId).parentElement.scrollTop = 0;
if (tabId === "tab-about-changelog" && sGet("changelogStatus") !== `${version}`) notificationCheck("changelog");
if (tabId === "tab-about-about" && !sGet("seenAbout")) notificationCheck("about");
} }
function expandCollapsible(evnt) {
const expandCollapsible = (evnt) => {
let classlist = evnt.currentTarget.parentNode.classList; let classlist = evnt.currentTarget.parentNode.classList;
let c = "expanded"; let c = "expanded";
!classlist.contains(c) ? classlist.add(c) : classlist.remove(c); !classlist.contains(c) ? classlist.add(c) : classlist.remove(c);
} }
function notificationCheck(type) {
let changed = true; const hideAllPopups = () => {
switch (type) {
case "about":
sSet("seenAbout", "true");
break;
case "changelog":
sSet("changelogStatus", version)
break;
default:
changed = false;
}
if (changed && sGet("changelogStatus") === `${version}`) {
setTimeout(() => {
eid("about-footer").innerHTML = eid("about-footer").innerHTML.replace(notification, '');
eid("tab-button-about-changelog").innerHTML = eid("tab-button-about-changelog").innerHTML.replace(notification, '')
}, 900)
}
if (!sGet("seenAbout") && !eid("about-footer").innerHTML.includes(notification)) {
eid("about-footer").innerHTML = `${notification}${eid("about-footer").innerHTML}`;
}
if (sGet("changelogStatus") !== `${version}`) {
if (!eid("about-footer").innerHTML.includes(notification)) {
eid("about-footer").innerHTML = `${notification}${eid("about-footer").innerHTML}`;
}
if (!eid("tab-button-about-changelog").innerHTML.includes(notification)) {
eid("tab-button-about-changelog").innerHTML = `${notification}${eid("tab-button-about-changelog").innerHTML}`;
}
}
}
function hideAllPopups() {
let filter = document.getElementsByClassName('popup'); let filter = document.getElementsByClassName('popup');
for (let i = 0; i < filter.length; i++) { for (let i = 0; i < filter.length; i++) {
filter[i].classList.remove("visible"); filter[i].classList.remove("visible");
@ -201,13 +192,14 @@ function hideAllPopups() {
eid("picker-download").href = '/'; eid("picker-download").href = '/';
eid("picker-download").classList.remove("visible"); eid("picker-download").classList.remove("visible");
} }
function popup(type, action, text) {
const popup = (type, action, text) => {
if (action === 1) { if (action === 1) {
hideAllPopups(); // hide the previous popup before showing a new one hideAllPopups(); // hide the previous popup before showing a new one
store.isPopupOpen = true; store.isPopupOpen = true;
switch (type) { switch (type) {
case "about": case "about":
let tabId = sGet("changelogStatus") !== `${version}` ? "changelog" : "about"; let tabId = "about";
if (text) tabId = text; if (text) tabId = text;
eid(`tab-button-${type}-${tabId}`).click(); eid(`tab-button-${type}-${tabId}`).click();
break; break;
@ -276,7 +268,8 @@ function popup(type, action, text) {
eid(`popup-${type}`).classList.toggle("visible"); eid(`popup-${type}`).classList.toggle("visible");
eid(`popup-${type}`).focus(); eid(`popup-${type}`).focus();
} }
function changeSwitcher(li, b) {
const changeSwitcher = (li, b) => {
if (b) { if (b) {
if (!switchers[li].includes(b)) b = switchers[li][0]; if (!switchers[li].includes(b)) b = switchers[li][0];
sSet(li, b); sSet(li, b);
@ -287,14 +280,14 @@ function changeSwitcher(li, b) {
if (li === "filenamePattern") updateFilenamePreview(); if (li === "filenamePattern") updateFilenamePreview();
} else { } else {
let pref = switchers[li][0]; let pref = switchers[li][0];
if (isMobile && exceptions[li]) pref = exceptions[li];
sSet(li, pref); sSet(li, pref);
for (let i in switchers[li]) { for (let i in switchers[li]) {
(switchers[li][i] === pref) ? enable(`${li}-${pref}`) : disable(`${li}-${switchers[li][i]}`) (switchers[li][i] === pref) ? enable(`${li}-${pref}`) : disable(`${li}-${switchers[li][i]}`)
} }
} }
} }
function checkbox(action) {
const checkbox = (action) => {
sSet(action, !!eid(action).checked); sSet(action, !!eid(action).checked);
switch(action) { switch(action) {
case "alwaysVisibleButton": button(); break; case "alwaysVisibleButton": button(); break;
@ -302,45 +295,51 @@ function checkbox(action) {
case "disableAnimations": eid("cobalt-body").classList.toggle('no-animation'); break; case "disableAnimations": eid("cobalt-body").classList.toggle('no-animation'); break;
} }
} }
function changeButton(type, text) {
const changeButton = (type, text) => {
switch (type) { switch (type) {
case 0: //error case "error": //error
eid("url-input-area").disabled = false eid("url-input-area").disabled = false
eid("url-clear").style.display = "block"; eid("url-clear").style.display = "block";
changeDownloadButton(2, '!!'); changeDownloadButton("disabled", '!!');
popup("error", 1, text); popup("error", 1, text);
setTimeout(() => { changeButton(1); }, 2500); setTimeout(() => { changeButton("default") }, 2500);
break; break;
case 1: //enable back case "default": //enable back
changeDownloadButton(1, '>>'); changeDownloadButton();
eid("url-clear").style.display = "block"; eid("url-clear").style.display = "block";
eid("url-input-area").disabled = false eid("url-input-area").disabled = false
break; break;
case 2: //enable back + information popup case "error-default": //enable back + information popup
popup("error", 1, text); popup("error", 1, text);
changeDownloadButton(1, '>>'); changeDownloadButton();
eid("url-clear").style.display = "block"; eid("url-clear").style.display = "block";
eid("url-input-area").disabled = false eid("url-input-area").disabled = false
break; break;
} }
} }
function internetError() {
const internetError = () => {
eid("url-input-area").disabled = false eid("url-input-area").disabled = false
changeDownloadButton(2, '!!'); changeDownloadButton("disabled", '!!');
setTimeout(() => { changeButton(1); }, 2500); setTimeout(() => { changeButton("default") }, 2500);
popup("error", 1, loc.ErrorNoInternet); popup("error", 1, loc.ErrorNoInternet);
} }
function resetSettings() {
const resetSettings = () => {
localStorage.clear(); localStorage.clear();
window.location.reload(); window.location.reload();
} }
async function pasteClipboard() {
const pasteClipboard = async() => {
try { try {
let t = await navigator.clipboard.readText(); navigator.clipboard.readText().then(text => {
if (regex.test(t)) { let matchLink = text.match(/https?:\/\/[^\s]+/g);
eid("url-input-area").value = t; if (matchLink) {
download(eid("url-input-area").value); eid("url-input-area").value = text;
} download(eid("url-input-area").value);
}
})
} catch (e) { } catch (e) {
let errorMessage = loc.FeatureErrorGeneric; let errorMessage = loc.FeatureErrorGeneric;
let doError = true; let doError = true;
@ -353,160 +352,168 @@ async function pasteClipboard() {
if (doError) popup("error", 1, errorMessage); if (doError) popup("error", 1, errorMessage);
} }
} }
async function download(url) {
changeDownloadButton(2, '...'); const download = async(url) => {
changeDownloadButton("disabled", '...');
eid("url-clear").style.display = "none"; eid("url-clear").style.display = "none";
eid("url-input-area").disabled = true; eid("url-input-area").disabled = true;
let req = { let req = {
url, url,
aFormat: sGet("aFormat").slice(0, 4), vCodec: lazyGet("vCodec"),
filenamePattern: sGet("filenamePattern"), vQuality: lazyGet("vQuality"),
dubLang: false aFormat: lazyGet("aFormat"),
filenamePattern: lazyGet("filenamePattern"),
isAudioOnly: lazyGet("audioMode"),
isTTFullAudio: lazyGet("fullTikTokAudio"),
isAudioMuted: lazyGet("muteAudio"),
disableMetadata: lazyGet("disableMetadata"),
dubLang: lazyGet("dubLang"),
twitterGif: lazyGet("twitterGif"),
tiktokH265: lazyGet("tiktokH265"),
} }
if (sGet("dubLang") === "auto") {
req.dubLang = true
} else if (sGet("dubLang") === "custom") {
req.dubLang = true
}
if (sGet("vimeoDash") === "true") req.vimeoDash = true;
if (sGet("audioMode") === "true") {
req.isAudioOnly = true;
if (sGet("fullTikTokAudio") === "true") req.isTTFullAudio = true; // audio tiktok full
} else {
req.vQuality = sGet("vQuality").slice(0, 4);
if (sGet("muteAudio") === "true") req.isAudioMuted = true;
if (url.includes("youtube.com/") || url.includes("/youtu.be/")) req.vCodec = sGet("vCodec").slice(0, 4);
}
if (sGet("disableMetadata") === "true") req.disableMetadata = true;
if (sGet("twitterGif") === "true") req.twitterGif = true;
let j = await fetch(`${apiURL}/api/json`, { let j = await fetch(`${apiURL}/api/json`, {
method: "POST", method: "POST",
body: JSON.stringify(req), body: JSON.stringify(req),
headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } headers: {
}).then((r) => { return r.json() }).catch((e) => { return false }); 'Accept': 'application/json',
'Content-Type': 'application/json'
}
}).then(r => r.json()).catch(() => {});
if (!j) { if (!j) {
internetError(); internetError();
return return;
} }
if (j && j.status !== "error" && j.status !== "rate-limit") { if ((j.status === "error" || j.status === "rate-limit") && j && j.text) {
if (j.text && (!j.url || !j.picker)) { changeButton("error", j.text);
if (j.status === "success") { return;
changeButton(2, j.text) }
} else changeButton(0, loc.ErrorNoUrlReturned);
if (j.text && (!j.url || !j.picker)) {
if (j.status === "success") {
changeButton("error-default", j.text)
} else {
changeButton("error", loc.ErrorNoUrlReturned);
} }
switch (j.status) { }
case "redirect": switch (j.status) {
changeDownloadButton(2, '>>>'); case "redirect":
setTimeout(() => { changeButton(1); }, 1500); changeDownloadButton("disabled", '>>>');
sGet("downloadPopup") === "true" ? popup('download', 1, j.url) : window.open(j.url, '_blank'); setTimeout(() => { changeButton("default") }, 1500);
break;
case "picker": if (sGet("downloadPopup") === "true") {
if (j.audio && j.picker) { popup('download', 1, j.url)
changeDownloadButton(2, '>>>'); } else {
popup('picker', 1, { audio: j.audio, arr: j.picker, type: j.pickerType }); window.open(j.url, '_blank')
setTimeout(() => { changeButton(1) }, 2500); }
} else if (j.picker) { break;
changeDownloadButton(2, '>>>'); case "stream":
popup('picker', 1, { arr: j.picker, type: j.pickerType }); changeDownloadButton("disabled", '?..');
setTimeout(() => { changeButton(1) }, 2500);
let probeStream = await fetch(`${j.url}&p=1`).then(r => r.json()).catch(() => {});
if (!probeStream) return internetError();
if (probeStream.status !== "continue") {
changeButton("error", probeStream.text);
return;
}
changeDownloadButton("disabled", '>>>');
if (sGet("downloadPopup") === "true") {
popup('download', 1, j.url)
} else {
if (isMobile || isSafari) {
window.location.href = j.url;
} else { } else {
changeButton(0, loc.ErrorNoUrlReturned); window.open(j.url, '_blank');
} }
break; }
case "stream": setTimeout(() => { changeButton("default") }, 2500);
changeDownloadButton(2, '?..') break;
fetch(`${j.url}&p=1`).then(async (res) => { case "picker":
let jp = await res.json(); if (j.audio && j.picker) {
if (jp.status === "continue") { changeDownloadButton("disabled", '>>>');
changeDownloadButton(2, '>>>'); popup('picker', 1, {
if (sGet("downloadPopup") === "true") { audio: j.audio,
popup('download', 1, j.url) arr: j.picker,
} else { type: j.pickerType
if (isMobile || isSafari) { });
window.location.href = j.url; setTimeout(() => { changeButton("default") }, 2500);
} else window.open(j.url, '_blank'); } else if (j.picker) {
} changeDownloadButton("disabled", '>>>');
setTimeout(() => { changeButton(1) }, 2500); popup('picker', 1, {
} else { arr: j.picker,
changeButton(0, jp.text); type: j.pickerType
} });
}).catch((error) => internetError()); setTimeout(() => { changeButton("default") }, 2500);
break; } else {
case "success": changeButton("error", loc.ErrorNoUrlReturned);
changeButton(2, j.text); }
break; break;
default: case "success":
changeButton(0, loc.ErrorUnknownStatus); changeButton("error-default", j.text);
break; break;
} default:
} else if (j && j.text) { changeButton("error", loc.ErrorUnknownStatus);
changeButton(0, j.text); break;
} }
} }
async function loadCelebrationsEmoji() {
let bac = eid("about-footer").innerHTML; const loadCelebrationsEmoji = async() => {
let aboutButtonBackup = eid("about-footer").innerHTML;
try { try {
let j = await fetch(`/onDemand?blockId=1`).then((r) => { if (r.status === 200) { return r.json() } else { return false } }).catch(() => { return false }); let j = await fetch(`/onDemand?blockId=1`).then(r => r.json()).catch(() => {});
if (j && j.status === "success" && j.text) { if (j && j.status === "success" && j.text) {
eid("about-footer").innerHTML = eid("about-footer").innerHTML.replace('<img class="emoji" draggable="false" height="22" width="22" alt="🐲" src="emoji/dragon_face.svg" loading="lazy">', j.text); eid("about-footer").innerHTML = eid("about-footer").innerHTML.replace(
`<img class="emoji"
draggable="false"
height="22"
width="22
alt="🐲"
src="emoji/dragon_face.svg"
loading="lazy">`,
j.text
)
} }
} catch (e) { } catch {
eid("about-footer").innerHTML = bac; eid("about-footer").innerHTML = aboutButtonBackup;
} }
} }
async function loadOnDemand(elementId, blockId) {
let j = {}; const loadOnDemand = async(elementId, blockId) => {
store.historyButton = eid(elementId).innerHTML; store.historyButton = eid(elementId).innerHTML;
eid(elementId).innerHTML = `<div class="loader">...</div>`; eid(elementId).innerHTML = `<div class="loader">...</div>`;
try { try {
if (store.historyContent) { if (!store.historyContent) {
j = store.historyContent; let j = await fetch(`/onDemand?blockId=${blockId}`).then(r => r.json()).catch(() => {});
} else { if (!j) throw new Error();
await fetch(`/onDemand?blockId=${blockId}`).then(async(r) => {
j = await r.json(); if (j.status === "success") {
if (j && j.status === "success") { store.historyContent = j.text
store.historyContent = j; }
} else throw new Error();
}).catch(() => { throw new Error() });
} }
if (j.text) { eid(elementId).innerHTML =
eid(elementId).innerHTML = `<button class="switch bottom-margin" onclick="restoreUpdateHistory()">${loc.ChangelogPressToHide}</button>${j.text}`; `<button class="switch bottom-margin" onclick="restoreUpdateHistory()">
} else throw new Error() ${loc.ChangelogPressToHide}
} catch (e) { </button>
${store.historyContent}`;
} catch {
eid(elementId).innerHTML = store.historyButton; eid(elementId).innerHTML = store.historyButton;
internetError() internetError()
} }
} }
function restoreUpdateHistory() {
const restoreUpdateHistory = () => {
eid("changelog-history").innerHTML = store.historyButton; eid("changelog-history").innerHTML = store.historyButton;
} }
function unpackSettings(b64) {
let changed = null; const updateFilenamePreview = () => {
try {
let settingsToImport = JSON.parse(atob(b64));
let currentSettings = JSON.parse(JSON.stringify(localStorage));
for (let s in settingsToImport) {
if (checkboxes.includes(s) && (settingsToImport[s] === "true" || settingsToImport[s] === "false")
&& currentSettings[s] !== settingsToImport[s]) {
sSet(s, settingsToImport[s]);
changed = true
}
if (switchers[s] && switchers[s].includes(settingsToImport[s])
&& currentSettings[s] !== settingsToImport[s]) {
sSet(s, settingsToImport[s]);
changed = true
}
}
} catch (e) {
changed = false;
}
return changed
}
function updateFilenamePreview() {
let videoFilePreview = ``; let videoFilePreview = ``;
let audioFilePreview = ``; let audioFilePreview = ``;
let resMatch = { let resMatch = {
@ -518,39 +525,46 @@ function updateFilenamePreview() {
"480": "854x480", "480": "854x480",
"360": "640x360", "360": "640x360",
} }
// "dubLang"
// sGet("muteAudio") === "true"
switch(sGet("filenamePattern")) { switch(sGet("filenamePattern")) {
case "classic": case "classic":
videoFilePreview = `youtube_yPYZpwSpKmA_${resMatch[sGet('vQuality')]}_${sGet('vCodec')}` videoFilePreview = `youtube_dQw4w9WgXcQ_${resMatch[sGet('vQuality')]}_${sGet('vCodec')}`
+ `${sGet("muteAudio") === "true" ? "_mute" : ""}.${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`; + `${sGet("muteAudio") === "true" ? "_mute" : ""}`
audioFilePreview = `youtube_yPYZpwSpKmA_audio.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`; + `.${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`;
break; audioFilePreview = `youtube_dQw4w9WgXcQ_audio`
case "pretty": + `.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`;
videoFilePreview =
`${loc.FilenamePreviewVideoTitle} `
+ `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, ${sGet('vCodec')}, `
+ `${sGet("muteAudio") === "true" ? "mute, " : ""}youtube).${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`;
audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor} (soundcloud).${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`;
break; break;
case "basic": case "basic":
videoFilePreview = videoFilePreview = `${loc.FilenamePreviewVideoTitle} `
`${loc.FilenamePreviewVideoTitle} ` + `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, `
+ `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, ${sGet('vCodec')}${sGet("muteAudio") === "true" ? " mute" : ""}).${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`; + `${sGet('vCodec')}${sGet("muteAudio") === "true" ? ", mute" : ""})`
audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor}.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`; + `.${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`;
audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor}`
+ `.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`;
break;
case "pretty":
videoFilePreview = `${loc.FilenamePreviewVideoTitle} `
+ `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, ${sGet('vCodec')}, `
+ `${sGet("muteAudio") === "true" ? "mute, " : ""}youtube)`
+ `.${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`;
audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor} (soundcloud)`
+ `.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`;
break; break;
case "nerdy": case "nerdy":
videoFilePreview = videoFilePreview = `${loc.FilenamePreviewVideoTitle} `
`${loc.FilenamePreviewVideoTitle} ` + `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, ${sGet('vCodec')}, `
+ `(${sGet('vQuality') === "max" ? "2160p" : `${sGet('vQuality')}p`}, ${sGet('vCodec')}, ` + `${sGet("muteAudio") === "true" ? "mute, " : ""}youtube, dQw4w9WgXcQ)`
+ `${sGet("muteAudio") === "true" ? "mute, " : ""}youtube, yPYZpwSpKmA).${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`; + `.${sGet('vCodec') === "vp9" ? 'webm' : 'mp4'}`;
audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor} (soundcloud, 1242868615).${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`; audioFilePreview = `${loc.FilenamePreviewAudioTitle} - ${loc.FilenamePreviewAudioAuthor} `
+ `(soundcloud, 1242868615)`
+ `.${sGet('aFormat') !== "best" ? sGet('aFormat') : 'opus'}`;
break; break;
} }
eid("video-filename-text").innerHTML = videoFilePreview eid("video-filename-text").innerHTML = videoFilePreview
eid("audio-filename-text").innerHTML = audioFilePreview eid("audio-filename-text").innerHTML = audioFilePreview
} }
function loadSettings() {
const loadSettings = () => {
if (sGet("alwaysVisibleButton") === "true") { if (sGet("alwaysVisibleButton") === "true") {
eid("alwaysVisibleButton").checked = true; eid("alwaysVisibleButton").checked = true;
eid("download-button").value = '>>' eid("download-button").value = '>>'
@ -578,13 +592,14 @@ function loadSettings() {
} }
updateFilenamePreview() updateFilenamePreview()
} }
window.onload = () => { window.onload = () => {
loadCelebrationsEmoji(); loadCelebrationsEmoji();
loadSettings(); loadSettings();
detectColorScheme(); detectColorScheme();
changeDownloadButton(0, '>>'); changeDownloadButton("hidden");
eid("url-input-area").value = ""; eid("url-input-area").value = "";
if (isIOS) { if (isIOS) {
@ -595,37 +610,32 @@ window.onload = () => {
eid("home").style.visibility = 'visible'; eid("home").style.visibility = 'visible';
eid("home").classList.toggle("visible"); eid("home").classList.toggle("visible");
if (pageQuery.has("u") && regex.test(pageQuery.get("u"))) { const pageQuery = new URLSearchParams(window.location.search);
if (pageQuery.has("u") && validLink(pageQuery.get("u"))) {
eid("url-input-area").value = pageQuery.get("u"); eid("url-input-area").value = pageQuery.get("u");
button() button()
} }
if (pageQuery.has("migration")) {
if (pageQuery.has("settingsData") && !sGet("migrated")) {
let setUn = unpackSettings(pageQuery.get("settingsData"));
if (setUn !== null) {
if (setUn) {
sSet("migrated", "true")
}
}
}
loadSettings();
detectColorScheme();
}
window.history.replaceState(null, '', window.location.pathname); window.history.replaceState(null, '', window.location.pathname);
notificationCheck();
// fix for animations not working in Safari // fix for animations not working in Safari
if (isIOS) { if (isIOS) {
document.addEventListener('touchstart', () => {}, true); document.addEventListener('touchstart', () => {}, true);
} }
} }
eid("url-input-area").addEventListener("keydown", (e) => { eid("url-input-area").addEventListener("keydown", (e) => {
button(); button();
}) })
eid("url-input-area").addEventListener("keyup", (e) => { eid("url-input-area").addEventListener("keyup", (e) => {
if (e.key === 'Enter') eid("download-button").click(); if (e.key === 'Enter') eid("download-button").click();
}) })
document.addEventListener("keydown", (event) => {
if (event.key === "Tab") {
eid("download-button").value = '>>'
eid("download-button").style.padding = '0 1rem'
}
})
document.onkeydown = (e) => { document.onkeydown = (e) => {
if (!store.isPopupOpen) { if (!store.isPopupOpen) {
if (e.metaKey || e.ctrlKey || e.key === "/") eid("url-input-area").focus(); if (e.metaKey || e.ctrlKey || e.key === "/") eid("url-input-area").focus();

View file

@ -8,7 +8,7 @@
"LinkInput": "paste the link here", "LinkInput": "paste the link here",
"AboutSummary": "cobalt is your go-to place for downloads from social and media platforms. zero ads, trackers, or other creepy bullshit. simply paste a share link and you're ready to rock!", "AboutSummary": "cobalt is your go-to place for downloads from social and media platforms. zero ads, trackers, or other creepy bullshit. simply paste a share link and you're ready to rock!",
"EmbedBriefDescription": "save what you love. no ads, trackers, or other creepy bullshit.", "EmbedBriefDescription": "save what you love. no ads, trackers, or other creepy bullshit.",
"MadeWithLove": "made with &lt;3 by wukko", "MadeWithLove": "made with &lt;3 by imput",
"AccessibilityInputArea": "link input area", "AccessibilityInputArea": "link input area",
"AccessibilityOpenAbout": "open about popup", "AccessibilityOpenAbout": "open about popup",
"AccessibilityDownloadButton": "download button", "AccessibilityDownloadButton": "download button",
@ -90,7 +90,6 @@
"DonateSub": "help it stay online", "DonateSub": "help it stay online",
"DonateExplanation": "cobalt doesn't shove ads in your face and doesn't sell your personal data, meaning that it's <span class=\"text-backdrop\">completely free to use</span> for everyone. but development and maintenance of a media-heavy service used by over 750k people is quite costly. both in terms of time and money.\n\nif cobalt helped you in the past and you want to keep it growing and evolving, you can return the favor by making a donation!\n\nyour donation will help all cobalt users: educators, students, content creators, artists, musicians, and many, many more!\n\nin past, donations have let cobalt:\n*; increase stability and uptime to nearly 100%.\n*; speed up ALL downloads, especially heavier ones.\n*; open the api for free public use.\n*; withstand several huge user influxes with 0 downtime.\n*; add resource-intensive features (such as gif conversion).\n*; continue improving our infrastructure.\n*; keep developers happy.\n\n<span class=\"text-backdrop\">every cent matters and is extremely appreciated</span>, you can truly make a difference!\n\nif you can't donate, share cobalt with a friend! we don't get ads anywhere, so cobalt is spread by word of mouth.\nsharing is the easiest way to help achieve the goal of better internet for everyone.", "DonateExplanation": "cobalt doesn't shove ads in your face and doesn't sell your personal data, meaning that it's <span class=\"text-backdrop\">completely free to use</span> for everyone. but development and maintenance of a media-heavy service used by over 750k people is quite costly. both in terms of time and money.\n\nif cobalt helped you in the past and you want to keep it growing and evolving, you can return the favor by making a donation!\n\nyour donation will help all cobalt users: educators, students, content creators, artists, musicians, and many, many more!\n\nin past, donations have let cobalt:\n*; increase stability and uptime to nearly 100%.\n*; speed up ALL downloads, especially heavier ones.\n*; open the api for free public use.\n*; withstand several huge user influxes with 0 downtime.\n*; add resource-intensive features (such as gif conversion).\n*; continue improving our infrastructure.\n*; keep developers happy.\n\n<span class=\"text-backdrop\">every cent matters and is extremely appreciated</span>, you can truly make a difference!\n\nif you can't donate, share cobalt with a friend! we don't get ads anywhere, so cobalt is spread by word of mouth.\nsharing is the easiest way to help achieve the goal of better internet for everyone.",
"DonateVia": "donate via", "DonateVia": "donate via",
"DonateHireMe": "...or you can <a class=\"text-backdrop link\" href=\"{s}\" target=\"_blank\">hire me</a> :)",
"SettingsVideoMute": "mute audio", "SettingsVideoMute": "mute audio",
"SettingsVideoMuteExplanation": "removes audio from video downloads when possible.", "SettingsVideoMuteExplanation": "removes audio from video downloads when possible.",
"ErrorSoundCloudNoClientId": "i couldn't get the temporary token that's required to download songs from soundcloud. try again, but if issue persists, {ContactLink}.", "ErrorSoundCloudNoClientId": "i couldn't get the temporary token that's required to download songs from soundcloud. try again, but if issue persists, {ContactLink}.",
@ -106,11 +105,6 @@
"SettingsCodecSubtitle": "youtube codec", "SettingsCodecSubtitle": "youtube codec",
"SettingsCodecDescription": "h264: best support across apps/platforms, average detail level. max quality is 1080p.\nav1: best quality, small file size, most detail. supports 8k & HDR.\nvp9: same quality as av1, but file is x2 bigger. supports 4k & HDR.\n\npick h264 if you want best compatibility.\npick av1 if you want best quality and efficiency.", "SettingsCodecDescription": "h264: best support across apps/platforms, average detail level. max quality is 1080p.\nav1: best quality, small file size, most detail. supports 8k & HDR.\nvp9: same quality as av1, but file is x2 bigger. supports 4k & HDR.\n\npick h264 if you want best compatibility.\npick av1 if you want best quality and efficiency.",
"SettingsAudioDub": "youtube audio track", "SettingsAudioDub": "youtube audio track",
"SettingsAudioDubDescription": "defines which audio track will be used. if dubbed track isn't available, original video language is used instead.\n\noriginal: original video language is used.\nauto: default browser (and cobalt) language is used.",
"SettingsDubDefault": "original",
"SettingsDubAuto": "auto",
"SettingsVimeoPrefer": "vimeo downloads type",
"SettingsVimeoPreferDescription": "progressive: direct file link to vimeo's cdn. max quality is 1080p.\ndash: video and audio are merged by cobalt into one file. max quality is 4k.\n\npick \"progressive\" if you want best editor/player/social media compatibility. if progressive download isn't available, dash is used instead.",
"ShareURL": "share", "ShareURL": "share",
"ErrorTweetUnavailable": "couldn't find anything about this tweet. this could be because its visibility is limited. try another one!", "ErrorTweetUnavailable": "couldn't find anything about this tweet. this could be because its visibility is limited. try another one!",
"PopupCloseDone": "done", "PopupCloseDone": "done",
@ -157,6 +151,10 @@
"PrivateAnalytics": "private analytics", "PrivateAnalytics": "private analytics",
"SettingsDisableAnalytics": "opt out of private analytics", "SettingsDisableAnalytics": "opt out of private analytics",
"SettingsAnalyticsExplanation": "enable if you don't want to be included in anonymous traffic stats. read more about this in about > privacy policy (tl;dr: nothing about you is ever stored or tracked, no cookies are used).", "SettingsAnalyticsExplanation": "enable if you don't want to be included in anonymous traffic stats. read more about this in about > privacy policy (tl;dr: nothing about you is ever stored or tracked, no cookies are used).",
"AnalyticsDescription": "cobalt uses a self-hosted plausible instance to get an approximate number of how many people use it.\n\nplausible is fully compliant with GDPR, CCPA and PECR, doesn't use cookies, and never stores any identifiable info, not even your ip address.\n\nall data is aggregated and never personalized. nothing about what you download is ever saved anywhere. it's used just for anonymous traffic stats, nothing more.\n\nplausible is fully open source, just like cobalt, and if you want to learn more about it, you can do so <a class=\"text-backdrop link\" href=\"https://plausible.io\" target=\"_blank\">here</a>. if you wish to opt out of traffic stats, you can do it in settings > other." "AnalyticsDescription": "cobalt uses a self-hosted plausible instance to get an approximate number of how many people use it.\n\nplausible is fully compliant with GDPR, CCPA and PECR, doesn't use cookies, and never stores any identifiable info, not even your ip address.\n\nall data is aggregated and never personalized. nothing about what you download is ever saved anywhere. it's used just for anonymous traffic stats, nothing more.\n\nplausible is fully open source, just like cobalt, and if you want to learn more about it, you can do so <a class=\"text-backdrop link\" href=\"https://plausible.io\" target=\"_blank\">here</a>. if you wish to opt out of traffic stats, you can do it in settings > other.",
"SettingsTikTokH265": "prefer h265",
"SettingsTikTokH265Description": "download 1080p videos from tiktok in h265/hevc format when available.",
"SettingsYoutubeDub": "use browser language",
"SettingsYoutubeDubDescription": "uses your browser's default language for youtube dubbed audio tracks. works even if cobalt ui isn't translated to your language."
} }
} }

View file

@ -91,7 +91,6 @@
"DonateSub": "ты можешь помочь!", "DonateSub": "ты можешь помочь!",
"DonateExplanation": "кобальт не пихает рекламу тебе в лицо и не продаёт твои личные данные, а значит работает <span class=\"text-backdrop\">совершенно бесплатно</span> для всех. но разработка и поддержка медиа сервиса, которым пользуются более 750 тысяч людей, обходится довольно затратно.\n\nесли кобальт тебе помог и ты хочешь, чтобы он продолжал расти и развиваться, то это можно сделать через донаты!\n\nтвой донат поможет всем, кто пользуется кобальтом: преподавателям, студентам, музыкантам, художникам, контент-мейкерам и многим-многим другим!\n\nв прошлом донаты помогли кобальту:\n*; повысить стабильность и аптайм почти до 100%.\n*; ускорить ВСЕ загрузки, особенно наиболее тяжёлые.\n*; открыть api для бесплатного использования.\n*; выдержать несколько огромных наплывов пользователей без перебоев.\n*; добавить ресурсоемкие фичи (например конвертацию в gif).\n*; продолжать улучшать нашу инфраструктуру.\n*; радовать разработчиков.\n\n<span class=\"text-backdrop\">каждый донат невероятно ценится</span> и помогает кобальту развиваться!\n\nесли ты не можешь отправить донат, то поделись кобальтом с другом! мы нигде не размещаем рекламу, поэтому кобальт распространяется из уст в уста.\nподелиться - самый простой способ помочь достичь цели лучшего интернета для всех.", "DonateExplanation": "кобальт не пихает рекламу тебе в лицо и не продаёт твои личные данные, а значит работает <span class=\"text-backdrop\">совершенно бесплатно</span> для всех. но разработка и поддержка медиа сервиса, которым пользуются более 750 тысяч людей, обходится довольно затратно.\n\nесли кобальт тебе помог и ты хочешь, чтобы он продолжал расти и развиваться, то это можно сделать через донаты!\n\nтвой донат поможет всем, кто пользуется кобальтом: преподавателям, студентам, музыкантам, художникам, контент-мейкерам и многим-многим другим!\n\nв прошлом донаты помогли кобальту:\n*; повысить стабильность и аптайм почти до 100%.\n*; ускорить ВСЕ загрузки, особенно наиболее тяжёлые.\n*; открыть api для бесплатного использования.\n*; выдержать несколько огромных наплывов пользователей без перебоев.\n*; добавить ресурсоемкие фичи (например конвертацию в gif).\n*; продолжать улучшать нашу инфраструктуру.\n*; радовать разработчиков.\n\n<span class=\"text-backdrop\">каждый донат невероятно ценится</span> и помогает кобальту развиваться!\n\nесли ты не можешь отправить донат, то поделись кобальтом с другом! мы нигде не размещаем рекламу, поэтому кобальт распространяется из уст в уста.\nподелиться - самый простой способ помочь достичь цели лучшего интернета для всех.",
"DonateVia": "открыть", "DonateVia": "открыть",
"DonateHireMe": "...или же ты можешь <a class=\"text-backdrop link\" href=\"{s}\" target=\"_blank\">пригласить меня на работу</a> :)",
"SettingsVideoMute": "убрать аудио", "SettingsVideoMute": "убрать аудио",
"SettingsVideoMuteExplanation": "убирает звук при загрузке видео, но только когда это возможно.", "SettingsVideoMuteExplanation": "убирает звук при загрузке видео, но только когда это возможно.",
"ErrorSoundCloudNoClientId": "мне не удалось достать временный токен, который необходим для скачивания аудио из soundcloud. попробуй ещё раз, но если так и не получится, {ContactLink}.", "ErrorSoundCloudNoClientId": "мне не удалось достать временный токен, который необходим для скачивания аудио из soundcloud. попробуй ещё раз, но если так и не получится, {ContactLink}.",
@ -107,11 +106,6 @@
"SettingsCodecSubtitle": "кодек для youtube видео", "SettingsCodecSubtitle": "кодек для youtube видео",
"SettingsCodecDescription": "h264: лучшая совместимость, средний уровень детализированности. максимальное качество - 1080p.\nav1: лучшее качество, маленький размер файла, наибольшее количество деталей. поддерживает 8k и HDR.\nvp9: такая же детализированность, как и у av1, но файл в 2 раза больше. поддерживает 4k и HDR.\n\nвыбирай h264, если тебе нужна наилучшая совместимость.\nвыбирай av1, если ты хочешь лучшее качество и эффективность.", "SettingsCodecDescription": "h264: лучшая совместимость, средний уровень детализированности. максимальное качество - 1080p.\nav1: лучшее качество, маленький размер файла, наибольшее количество деталей. поддерживает 8k и HDR.\nvp9: такая же детализированность, как и у av1, но файл в 2 раза больше. поддерживает 4k и HDR.\n\nвыбирай h264, если тебе нужна наилучшая совместимость.\nвыбирай av1, если ты хочешь лучшее качество и эффективность.",
"SettingsAudioDub": "звуковая дорожка для youtube видео", "SettingsAudioDub": "звуковая дорожка для youtube видео",
"SettingsAudioDubDescription": "определяет, какая звуковая дорожка используется при скачивании видео. если дублированная дорожка недоступна, то вместо неё используется оригинальная.\n\nоригинал: используется оригинальная дорожка.\nавто: используется язык браузера и интерфейса кобальта.",
"SettingsDubDefault": "оригинал",
"SettingsDubAuto": "авто",
"SettingsVimeoPrefer": "тип загрузок с vimeo",
"SettingsVimeoPreferDescription": "progressive: прямая ссылка на файл с сервера vimeo. максимальное качество: 1080p.\ndash: кобальт совмещает видео и аудио в один файл. максимальное качество: 4k.\n\nвыбирай \"progressive\", если тебе нужна наилучшая совместимость с плеерами/редакторами/соцсетями. если \"progressive\" файл недоступен, кобальт скачает \"dash\".",
"ShareURL": "поделиться", "ShareURL": "поделиться",
"ErrorTweetUnavailable": "не смог найти что-либо об этом твите. возможно его видимость ограничена. попробуй другой!", "ErrorTweetUnavailable": "не смог найти что-либо об этом твите. возможно его видимость ограничена. попробуй другой!",
"PopupCloseDone": "готово", "PopupCloseDone": "готово",
@ -159,6 +153,10 @@
"PrivateAnalytics": "приватная аналитика", "PrivateAnalytics": "приватная аналитика",
"SettingsDisableAnalytics": "отключить приватную аналитику", "SettingsDisableAnalytics": "отключить приватную аналитику",
"SettingsAnalyticsExplanation": "включи, если не хочешь быть частью анонимной статистики трафика. подробнее об этом можно прочитать в политике конфиденциальности (tl;dr: ничего о тебе или твоих действиях не хранится и не отслеживается, даже куки нет).", "SettingsAnalyticsExplanation": "включи, если не хочешь быть частью анонимной статистики трафика. подробнее об этом можно прочитать в политике конфиденциальности (tl;dr: ничего о тебе или твоих действиях не хранится и не отслеживается, даже куки нет).",
"AnalyticsDescription": "кобальт использует собственный инстанс plausible чтобы иметь приблизительное представление о том, сколько людей им пользуются.\n\nplausible полностью соответствует GDPR, CCPA и PECR, не использует куки и никогда не хранит никакой идентифицируемой информации, даже ip-адрес.\n\nвсе данные агрегируются и никогда не персонализируются. ничего о том, что ты скачиваешь, никогда не сохраняется. это просто анонимная статистика трафика, ничего больше.\n\nplausible также как и кобальт имеет открытый исходный код, и, если ты хочешь узнать о нём больше, то это можно сделать <a class=\"text-backdrop link\" href=\"https://plausible.io\" target=\"_blank\">здесь</a>. а если же ты хочешь исключить себя из статистики, то это можно сделать в настройках > другое." "AnalyticsDescription": "кобальт использует собственный инстанс plausible чтобы иметь приблизительное представление о том, сколько людей им пользуются.\n\nplausible полностью соответствует GDPR, CCPA и PECR, не использует куки и никогда не хранит никакой идентифицируемой информации, даже ip-адрес.\n\nвсе данные агрегируются и никогда не персонализируются. ничего о том, что ты скачиваешь, никогда не сохраняется. это просто анонимная статистика трафика, ничего больше.\n\nplausible также как и кобальт имеет открытый исходный код, и, если ты хочешь узнать о нём больше, то это можно сделать <a class=\"text-backdrop link\" href=\"https://plausible.io\" target=\"_blank\">здесь</a>. а если же ты хочешь исключить себя из статистики, то это можно сделать в настройках > другое.",
"SettingsTikTokH265": "предпочитать h265",
"SettingsTikTokH265Description": "скачивает видео с tiktok в 1080p, но h265/hevc, когда это возможно",
"SettingsYoutubeDub": "использовать язык браузера",
"SettingsYoutubeDubDescription": "использует главный язык браузера для аудиодорожек на youtube. работает даже если кобальт не переведён в твой язык."
} }
} }

View file

@ -1,10 +1,30 @@
import { checkbox, collapsibleList, explanation, footerButtons, multiPagePopup, popup, popupWithBottomButtons, sep, settingsCategory, switcher, socialLink, socialLinks, urgentNotice, keyboardShortcuts, webLoc, sponsoredList, betaTag, linkSVG } from "./elements.js"; import { services as s, version, repo, donations, supportedAudio, links, env } from "../config.js";
import { services as s, authorInfo, version, repo, donations, supportedAudio, links, env } from "../config.js";
import { getCommitInfo } from "../sub/currentCommit.js"; import { getCommitInfo } from "../sub/currentCommit.js";
import loc from "../../localization/manager.js"; import loc from "../../localization/manager.js";
import emoji from "../emoji.js"; import emoji from "../emoji.js";
import changelogManager from "../changelog/changelogManager.js"; import changelogManager from "../changelog/changelogManager.js";
import {
checkbox,
collapsibleList,
explanation,
footerButtons,
multiPagePopup,
popup,
popupWithBottomButtons,
sep,
settingsCategory,
switcher,
socialLink,
socialLinks,
urgentNotice,
keyboardShortcuts,
webLoc,
sponsoredList,
betaTag,
linkSVG
} from "./elements.js";
let com = getCommitInfo(); let com = getCommitInfo();
let enabledServices = Object.keys(s).filter(p => s[p].enabled).sort().map((p) => { let enabledServices = Object.keys(s).filter(p => s[p].enabled).sort().map((p) => {
@ -98,7 +118,7 @@ export default function(obj) {
header: { header: {
aboveTitle: { aboveTitle: {
text: t('MadeWithLove'), text: t('MadeWithLove'),
url: authorInfo.link url: repo
}, },
closeAria: t('AccessibilityGoBack'), closeAria: t('AccessibilityGoBack'),
title: `${emoji("🔮", 30)} ${t('TitlePopupAbout')}` title: `${emoji("🔮", 30)} ${t('TitlePopupAbout')}`
@ -285,12 +305,6 @@ export default function(obj) {
}, { }, {
text: donate.replace(/REPLACEME/g, t('ClickToCopy')), text: donate.replace(/REPLACEME/g, t('ClickToCopy')),
classes: ["desc-padding"] classes: ["desc-padding"]
}, {
text: sep(),
raw: true
}, {
text: t('DonateHireMe', authorInfo.link),
classes: ["desc-padding"]
}] }]
}) })
}], }],
@ -338,16 +352,6 @@ export default function(obj) {
}] }]
}) })
}) })
+ settingsCategory({
name: "twitter",
title: "twitter",
body: checkbox([{
action: "twitterGif",
name: t("SettingsTwitterGif"),
padding: "no-margin"
}])
+ explanation(t('SettingsTwitterGifDescription'))
})
+ settingsCategory({ + settingsCategory({
name: "codec", name: "codec",
title: t('SettingsCodecSubtitle'), title: t('SettingsCodecSubtitle'),
@ -367,19 +371,24 @@ export default function(obj) {
}) })
}) })
+ settingsCategory({ + settingsCategory({
name: "vimeo", name: "twitter",
title: t('SettingsVimeoPrefer'), title: "twitter",
body: switcher({ body: checkbox([{
name: "vimeoDash", action: "twitterGif",
explanation: t('SettingsVimeoPreferDescription'), name: t("SettingsTwitterGif"),
items: [{ padding: "no-margin"
action: "false", }])
text: "progressive" + explanation(t('SettingsTwitterGifDescription'))
}, { })
action: "true", + settingsCategory({
text: "dash" name: "tiktok",
}] title: "tiktok",
}) body: checkbox([{
action: "tiktokH265",
name: t("SettingsTikTokH265"),
padding: "no-margin"
}])
+ explanation(t('SettingsTikTokH265Description'))
}) })
}, { }, {
name: "audio", name: "audio",
@ -401,19 +410,14 @@ export default function(obj) {
+ explanation(t('SettingsVideoMuteExplanation')) + explanation(t('SettingsVideoMuteExplanation'))
}) })
+ settingsCategory({ + settingsCategory({
name: "dub", name: "youtube-dub",
title: t("SettingsAudioDub"), title: t("SettingsAudioDub"),
body: switcher({ body: checkbox([{
name: "dubLang", action: "ytDub",
explanation: t('SettingsAudioDubDescription'), name: t("SettingsYoutubeDub"),
items: [{ padding: "no-margin"
action: "original", }])
text: t('SettingsDubDefault') + explanation(t('SettingsYoutubeDubDescription'))
}, {
action: "auto",
text: t('SettingsDubAuto')
}]
})
}) })
+ settingsCategory({ + settingsCategory({
name: "tiktok-audio", name: "tiktok-audio",

View file

@ -88,7 +88,8 @@ export default async function(host, patternMatch, url, lang, obj) {
postId: patternMatch.postId, postId: patternMatch.postId,
id: patternMatch.id, id: patternMatch.id,
fullAudio: obj.isTTFullAudio, fullAudio: obj.isTTFullAudio,
isAudioOnly: isAudioOnly isAudioOnly: isAudioOnly,
h265: obj.tiktokH265
}); });
break; break;
case "tumblr": case "tumblr":
@ -103,8 +104,7 @@ export default async function(host, patternMatch, url, lang, obj) {
id: patternMatch.id.slice(0, 11), id: patternMatch.id.slice(0, 11),
password: patternMatch.password, password: patternMatch.password,
quality: obj.vQuality, quality: obj.vQuality,
isAudioOnly: isAudioOnly, isAudioOnly: isAudioOnly
forceDash: isAudioOnly ? true : obj.vimeoDash
}); });
break; break;
case "soundcloud": case "soundcloud":

View file

@ -47,8 +47,8 @@ export default async function(obj) {
images = detail.image_post_info?.images; images = detail.image_post_info?.images;
let playAddr = detail.video.play_addr_h264; let playAddr = detail.video.play_addr_h264;
if ((obj.h265 || !playAddr) && detail.video.play_addr)
if (!playAddr) playAddr = detail.video.play_addr; playAddr = detail.video.play_addr;
if (!obj.isAudioOnly && !images) { if (!obj.isAudioOnly && !images) {
video = playAddr.url_list[0]; video = playAddr.url_list[0];

View file

@ -39,7 +39,7 @@ export default async function(obj) {
if (!api) return { error: 'ErrorCouldntFetch' }; if (!api) return { error: 'ErrorCouldntFetch' };
let downloadType = "dash"; let downloadType = "dash";
if (!obj.forceDash && JSON.stringify(api).includes('"progressive":[{')) downloadType = "progressive"; if (!obj.isAudioOnly && JSON.stringify(api).includes('"progressive":[{')) downloadType = "progressive";
let fileMetadata = { let fileMetadata = {
title: cleanString(api.video.title.trim()), title: cleanString(api.video.title.trim()),

View file

@ -9,7 +9,15 @@ const apiVar = {
aFormat: ["best", "mp3", "ogg", "wav", "opus"], aFormat: ["best", "mp3", "ogg", "wav", "opus"],
filenamePattern: ["classic", "pretty", "basic", "nerdy"] filenamePattern: ["classic", "pretty", "basic", "nerdy"]
}, },
booleanOnly: ["isAudioOnly", "isTTFullAudio", "isAudioMuted", "dubLang", "vimeoDash", "disableMetadata", "twitterGif"] booleanOnly: [
"isAudioOnly",
"isTTFullAudio",
"isAudioMuted",
"dubLang",
"disableMetadata",
"twitterGif",
"tiktokH265"
]
} }
const forbiddenCharsString = ['}', '{', '%', '>', '<', '^', ';', '`', '$', '"', "@", '=']; const forbiddenCharsString = ['}', '{', '%', '>', '<', '^', ';', '`', '$', '"', "@", '='];
@ -83,8 +91,8 @@ export function checkJSONPost(obj) {
isAudioMuted: false, isAudioMuted: false,
disableMetadata: false, disableMetadata: false,
dubLang: false, dubLang: false,
vimeoDash: false, twitterGif: false,
twitterGif: false tiktokH265: false
} }
try { try {
let objKeys = Object.keys(obj); let objKeys = Object.keys(obj);