Added HQ support for HLS & Improve codec handling

n-ce · Jul 13, 2024 · e7b4622 · e7b4622
1 parent 4724d54
commit e7b4622
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx
@@ -193,11 +193,11 @@ export default function Settings() {
               quickSwitch();
 
             }}
-            onMount={(target) => {
+            onMount={async (target) => {
               const codecSaved = getSaved('codec');
               target.selectedIndex = codecSaved ?
                 parseInt(codecSaved) :
-                (store.player.supportsOpus ? 0 : 1)
+                ((await store.player.supportsOpus) ? 0 : 1)
 
               store.player.codec = target.value as 'any';
             }}

diff --git a/src/scripts/superModal.ts b/src/scripts/superModal.ts
@@ -55,7 +55,7 @@ atpSelector.addEventListener('change', () => {
 });
 
 
-downloadBtn.addEventListener('click', () => {
+downloadBtn.addEventListener('click', async () => {
   superModal.click();
   const provider = 'https://api.cobalt.tools/api/json';
   const streamUrl = 'https://youtu.be/' + superModal.dataset.id;
@@ -65,7 +65,7 @@ downloadBtn.addEventListener('click', () => {
     body: JSON.stringify({
       url: streamUrl,
       isAudioOnly: true,
-      aFormat: store.player.supportsOpus ? 'opus' : 'mp3',
+      aFormat: (await store.player.supportsOpus) ? 'opus' : 'mp3',
       filenamePattern: 'basic'
     })
   })

diff --git a/src/store.ts b/src/store.ts
@@ -9,7 +9,7 @@ export const store: {
     HLS: boolean,
     hq: boolean,
     codec: 'opus' | 'aac' | 'any'
-    supportsOpus: boolean
+    supportsOpus: Promise<boolean>
   },
   stream: Record<'id' | 'title' | 'author' | 'duration' | 'channelUrl', string>,
   theme: {
@@ -30,7 +30,7 @@ export const store: {
     HLS: Boolean(getSaved('HLS')),
     hq: Boolean(getSaved('hq')),
     codec: 'opus',
-    supportsOpus: await navigator.mediaCapabilities.decodingInfo({
+    supportsOpus: navigator.mediaCapabilities.decodingInfo({
       type: 'file',
       audio: {
         contentType: 'audio/ogg;codecs=opus'

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
-    "target": "ES2022",
+    "target": "ES2020",
     "useDefineForClassFields": false,
     "module": "ESNext",
     "lib": [
-      "ES2022",
+      "ES2021",
       "DOM",
       "DOM.Iterable"
     ],