ratchet-whisper / index.html
FL33TW00D
chore: merge
ba5d254 unverified
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/a9ddb5cb8e5a2e57.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-28b2d9abddfd7060.js" crossorigin=""/><script src="/_next/static/chunks/14720756-a333ce80b61a64e6.js" async="" crossorigin=""></script><script src="/_next/static/chunks/726-aa4ed113a56a70f4.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-8c0c2d06caa139ca.js" async="" crossorigin=""></script><script src="/_next/static/chunks/585-6590b3b1b5a6979b.js" async=""></script><script src="/_next/static/chunks/102-57ce5954f61a9f39.js" async=""></script><script src="/_next/static/chunks/app/page-189836703ffb6814.js" async=""></script><script src="/_next/static/chunks/app/layout-1039081529419e22.js" async=""></script><title>Whisper by Ratchet</title><meta name="description" content="Simple demo of Whisper."/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body class="__className_aaf875"><main class="flex flex-1 flex-col max-w-screen-xl mx-auto p-6"><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><div class="flex-1"><h1 class="text-blue-700 text-4xl font-extrabold pb-6">Whisper + Ratchet</h1><div class="grid grid-cols-1 md:grid-cols-2 gap-8"><div class="flex flex-col gap-6 w-full"><div class="group inline-block relative w-full"><button class="font-semibold text-xl py-2.5 px-8 w-full inline-flex items-center outline outline-black"><span class="mr-1">Select Model</span><svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path></svg></button><ul class="absolute outline group-hover:block z-50 w-full shadow-lg shadow-black" style="display:none"><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperTiny</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperBase</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperSmall</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperMedium</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperLargeV2</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">WhisperLargeV3</a></li><li><a class="bg-white hover:bg-slate-100 py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer rounded-b-md">DistilWhisperLargeV3</a></li></ul></div><button class="outline outline-black text-black font-semibold py-1 px-4 cursor-pointer">Load Model</button><div class="flex flex-row gap-4"><div class="flex flex-col w-full"><label class="text-black font-semibold">Upload Audio</label><label class="text-lg outline outline-black w-full font-semibold py-2.5 px-8 mx-auto cursor-pointer w-full" for="audioFile"><div class="flex flex-row justify-between"><span class="">Select Audio File</span></div></label><input type="file" class="hidden" id="audioFile" accept=".wav,.aac,.m4a,.mp4,.mp3" name="audioFile"/></div><div class="flex flex-col"><button class="text-xl outline outline-white text-black font-semibold px-6 mx-auto cursor-pointer h-full pt-6"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8"><path stroke-linecap="round" stroke-linejoin="round" d="M12 18.75a6 6 0 006-6v-1.5m-6 7.5a6 6 0 01-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 01-3-3V4.5a3 3 0 116 0v8.25a3 3 0 01-3 3z"></path></svg></button></div></div><div class="flex flex-row gap-4 justify-end items-center"><button class="outline outline-black text-black font-semibold py-3 px-4 cursor-pointer">Options</button><button class="outline outline-black text-black font-semibold py-3 px-4 cursor-pointer">Run Model</button></div></div><div class="flex flex-col relative w-full z-10 min-h-screen"><div class="flex gap-4 flex-col"></div></div></div></div></main><script src="/_next/static/chunks/webpack-28b2d9abddfd7060.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/a9ddb5cb8e5a2e57.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script><script>self.__next_f.push([1,"4:I[3565,[],\"\"]\n6:I[5014,[],\"\"]\n7:I[8514,[\"585\",\"static/chunks/585-6590b3b1b5a6979b.js\",\"102\",\"static/chunks/102-57ce5954f61a9f39.js\",\"931\",\"static/chunks/app/page-189836703ffb6814.js\"],\"\"]\n8:I[585,[\"585\",\"static/chunks/585-6590b3b1b5a6979b.js\",\"185\",\"static/chunks/app/layout-1039081529419e22.js\"],\"Toaster\"]\n9:I[6312,[],\"\"]\na:I[2906,[],\"\"]\nc:I[4933,[],\"\"]\nd:[]\n"])</script><script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a9ddb5cb8e5a2e57.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"qMfm-7aZo8tF3UgHoiWa1\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[\"$L5\",[\"$\",\"$L6\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$7\",\"isStaticGeneration\":true}],null]]},[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_aaf875\",\"children\":[\"$\",\"main\",null,{\"className\":\"flex flex-1 flex-col max-w-screen-xl mx-auto p-6\",\"children\":[[\"$\",\"$L8\",null,{}],[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L9\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$La\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}]]}]}]}],null]],\"initialHead\":[false,\"$Lb\"],\"globalErrorComponent\":\"$c\",\"missingSlots\":\"$Wd\"}]]\n"])</script><script>self.__next_f.push([1,"b:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Whisper by Ratchet\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Simple demo of Whisper.\"}],[\"$\",\"link\",\"4\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"meta\",\"5\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script><script>self.__next_f.push([1,""])</script></body></html>