fix decode audio

front/package-lock.json

@@ -10,7 +10,6 @@
       "dependencies": {
         "@gradio/client": "^1.12.0",
         "@sec-ant/readable-stream": "^0.6.0",
-        "audio-decode": "^2.2.2",
         "autoprefixer": "^10.4.20",
         "base64-arraybuffer": "^1.0.2",
         "postcss": "^8.5.2",
@@ -781,12 +780,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/@eshaz/web-worker": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/@eshaz/web-worker/-/web-worker-1.2.2.tgz",
-      "integrity": "sha512-WxXiHFmD9u/owrzempiDlBB1ZYqiLnm9s6aPc8AlFQalq2tKmqdmMr9GXOupDgzXtqnBipj8Un0gkIm7Sjf8mw==",
-      "license": "Apache-2.0"
-    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
@@ -1598,55 +1591,6 @@
       "integrity": "sha512-uiBh8DrB5FN35gP6/o8JEhEQ7/ci1jUsOZO/VMUjyvTpjtV54VstOXVj1TvTj/wsT23pfX6butxxh3qufsW3+g==",
       "license": "MIT"
     },
-    "node_modules/@thi.ng/bitstream": {
-      "version": "2.4.12",
-      "resolved": "https://registry.npmjs.org/@thi.ng/bitstream/-/bitstream-2.4.12.tgz",
-      "integrity": "sha512-89v8XLbkgGfVFmoTTq4TPZU44BkrmwVyOSz4PIaBkxRFkVeQCf/MOLi2qjluUJMpbmOb9BFh2OjvmKCakGgZFQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/postspectacular"
-        },
-        {
-          "type": "patreon",
-          "url": "https://patreon.com/thing_umbrella"
-        },
-        {
-          "type": "liberapay",
-          "url": "https://liberapay.com/thi.ng"
-        }
-      ],
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@thi.ng/errors": "^2.5.26"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@thi.ng/errors": {
-      "version": "2.5.26",
-      "resolved": "https://registry.npmjs.org/@thi.ng/errors/-/errors-2.5.26.tgz",
-      "integrity": "sha512-BnuETWjhmGyE/1MDY9sUQL0YfwvOlzQjWIZkLP8WhlJdl8VoECn+YpNrcQdRFP3uzDu1v+95paddt+KGEIxmcw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/postspectacular"
-        },
-        {
-          "type": "patreon",
-          "url": "https://patreon.com/thing_umbrella"
-        },
-        {
-          "type": "liberapay",
-          "url": "https://liberapay.com/thi.ng"
-        }
-      ],
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -1988,44 +1932,6 @@
         "vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/@wasm-audio-decoders/common": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/@wasm-audio-decoders/common/-/common-9.0.5.tgz",
-      "integrity": "sha512-b9JNh9sPAvn8PVIizNh9D60WkfQong/u9ea873H47u7zvVDLctxYIp2aZw9CQqXaQdk7JB3MoU5UHiseO40swg==",
-      "license": "MIT",
-      "dependencies": {
-        "@eshaz/web-worker": "1.2.2",
-        "simple-yenc": "^1.0.4"
-      }
-    },
-    "node_modules/@wasm-audio-decoders/flac": {
-      "version": "0.2.5",
-      "resolved": "https://registry.npmjs.org/@wasm-audio-decoders/flac/-/flac-0.2.5.tgz",
-      "integrity": "sha512-8M//CgB3PlkWwn47KcwD0tO6DZBA7/AGG0ukHSG0G97UbNEUNINvKDWAKPVWznzHsqeBP6axw+K/38dzng64JA==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/common": "9.0.5",
-        "codec-parser": "2.5.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
-    "node_modules/@wasm-audio-decoders/ogg-vorbis": {
-      "version": "0.1.16",
-      "resolved": "https://registry.npmjs.org/@wasm-audio-decoders/ogg-vorbis/-/ogg-vorbis-0.1.16.tgz",
-      "integrity": "sha512-HcEx4LPZbbzjhs9bTXgMaXLVCSMSo/egY9paJxAnE9tsYbvseAaGtVddLYktl3Qi/G+nW/ZzUXg4144izJjqCw==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/common": "9.0.5",
-        "codec-parser": "2.5.0"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
     "node_modules/acorn": {
       "version": "8.14.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
@@ -2152,37 +2058,6 @@
       "dev": true,
       "license": "Python-2.0"
     },
-    "node_modules/audio-buffer": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/audio-buffer/-/audio-buffer-5.0.0.tgz",
-      "integrity": "sha512-gsDyj1wwUp8u7NBB+eW6yhLb9ICf+0eBmDX8NGaAS00w8/fLqFdxUlL5Ge/U8kB64DlQhdonxYC59dXy1J7H/w==",
-      "license": "MIT"
-    },
-    "node_modules/audio-decode": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/audio-decode/-/audio-decode-2.2.2.tgz",
-      "integrity": "sha512-xyh7z6dpRT+5Ez4ggV2cEkSShkDvvIBBmVPR3kYY7uIBqRO1BGNjofip6JnjBnvezhrU3ypBGZjepyKFDZWnDw==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/flac": "^0.2.4",
-        "@wasm-audio-decoders/ogg-vorbis": "^0.1.15",
-        "audio-buffer": "^5.0.0",
-        "audio-type": "^2.2.1",
-        "mpg123-decoder": "^1.0.0",
-        "node-wav": "^0.0.2",
-        "ogg-opus-decoder": "^1.6.12",
-        "qoa-format": "^1.0.1"
-      }
-    },
-    "node_modules/audio-type": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/audio-type/-/audio-type-2.2.1.tgz",
-      "integrity": "sha512-En9AY6EG1qYqEy5L/quryzbA4akBpJrnBZNxeKTqGHC2xT9Qc4aZ8b7CcbOMFTTc/MGdoNyp+SN4zInZNKxMYA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/autoprefixer": {
       "version": "10.4.20",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
@@ -2458,12 +2333,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/codec-parser": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/codec-parser/-/codec-parser-2.5.0.tgz",
-      "integrity": "sha512-Ru9t80fV8B0ZiixQl8xhMTLru+dzuis/KQld32/x5T/+3LwZb0/YvQdSKytX9JqCnRdiupvAvyYJINKrXieziQ==",
-      "license": "LGPL-3.0-or-later"
-    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -3827,19 +3696,6 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
-    "node_modules/mpg123-decoder": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/mpg123-decoder/-/mpg123-decoder-1.0.0.tgz",
-      "integrity": "sha512-WV+pyuMUhRqv7s8S6p/Ii4KQHdBD1pb3yaABxcKJRsNp+HQ/Y6z2iIBIaOZu0JMHPTOoICYt0REDZ7XfLu+n/g==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/common": "9.0.5"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -3954,15 +3810,6 @@
       "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
       "license": "MIT"
     },
-    "node_modules/node-wav": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/node-wav/-/node-wav-0.0.2.tgz",
-      "integrity": "sha512-M6Rm/bbG6De/gKGxOpeOobx/dnGuP0dz40adqx38boqHhlWssBJZgLCPBNtb9NkrmnKYiV04xELq+R6PFOnoLA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.4.0"
-      }
-    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4002,21 +3849,6 @@
         "node": ">= 6"
       }
     },
-    "node_modules/ogg-opus-decoder": {
-      "version": "1.6.14",
-      "resolved": "https://registry.npmjs.org/ogg-opus-decoder/-/ogg-opus-decoder-1.6.14.tgz",
-      "integrity": "sha512-RQpk9yFl/mqXFwcgf1BrEYWL92HZk++aU1fOO8mPZ1+1DUYbJdpdUQEFfbPE1xcBkRGU3p75DjEO+EDMNeikFQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/common": "9.0.5",
-        "codec-parser": "2.5.0",
-        "opus-decoder": "0.7.7"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -4035,19 +3867,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/opus-decoder": {
-      "version": "0.7.7",
-      "resolved": "https://registry.npmjs.org/opus-decoder/-/opus-decoder-0.7.7.tgz",
-      "integrity": "sha512-KWDyCi/9aXnNN+jrjs+aaVdwiwzDdac81S9ul0iv1CTs4+5K4VDZKuJjIImrYOBA2oSNHDjVq4xzn6BE+XbI1A==",
-      "license": "MIT",
-      "dependencies": {
-        "@wasm-audio-decoders/common": "9.0.5"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
     "node_modules/outvariant": {
       "version": "1.4.3",
       "resolved": "https://registry.npmjs.org/outvariant/-/outvariant-1.4.3.tgz",
@@ -4396,15 +4215,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/qoa-format": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/qoa-format/-/qoa-format-1.0.1.tgz",
-      "integrity": "sha512-dMB0Z6XQjdpz/Cw4Rf6RiBpQvUSPCfYlQMWvmuWlWkAT7nDQD29cVZ1SwDUB6DYJSitHENwbt90lqfI+7bvMcw==",
-      "license": "MIT",
-      "dependencies": {
-        "@thi.ng/bitstream": "^2.2.12"
-      }
-    },
     "node_modules/querystringify": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
@@ -5053,16 +4863,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/simple-yenc": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/simple-yenc/-/simple-yenc-1.0.4.tgz",
-      "integrity": "sha512-5gvxpSd79e9a3V4QDYUqnqxeD4HGlhCakVpb6gMnDD7lexJggSBJRBO5h52y/iJrdXRilX9UCuDaIJhSWm5OWw==",
-      "license": "MIT",
-      "funding": {
-        "type": "individual",
-        "url": "https://github.com/sponsors/eshaz"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",

front/package.json

@@ -13,7 +13,6 @@
   "dependencies": {
     "@gradio/client": "^1.12.0",
     "@sec-ant/readable-stream": "^0.6.0",
-    "audio-decode": "^2.2.2",
     "autoprefixer": "^10.4.20",
     "base64-arraybuffer": "^1.0.2",
     "postcss": "^8.5.2",

front/src/utils/utils.ts

@@ -1,7 +1,6 @@
 // @ts-expect-error this package does not have typing
 import TextLineStream from 'textlinestream';
 import { Client } from '@gradio/client';
-import decodeAudio from 'audio-decode';
 
 // ponyfill for missing ReadableStream asyncIterator on Safari
 import { asyncIterator } from '@sec-ant/readable-stream/ponyfill/asyncIterator';
@@ -214,7 +213,13 @@ export const joinAudio = (
 export const loadWavAndDecode = async (url: string): Promise<AudioBuffer> => {
   const response = await fetch(url);
   const arrayBuffer = await response.arrayBuffer();
-  const audioBuffer = await decodeAudio(arrayBuffer);
+  // @ts-expect-error this is fine
+  const AudioContext = window.AudioContext || window.webkitAudioContext;
+  if (!AudioContext) {
+    throw new Error('AudioContext is not supported on this browser');
+  }
+  const audioCtx = new AudioContext();
+  const audioBuffer = await audioCtx.decodeAudioData(arrayBuffer);
   return audioBuffer;
 };