File size: 7,656 Bytes
dcc640d
1
<!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/f24411afa457c633.css" crossorigin="" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-7eb26b1da1b12c67.js" crossorigin=""/><script src="/_next/static/chunks/14720756-e9a7b2ed0a50d560.js" async="" crossorigin=""></script><script src="/_next/static/chunks/726-fa7588da0ba475d4.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-8c0c2d06caa139ca.js" async="" crossorigin=""></script><script src="/_next/static/chunks/147-a932d816297314b2.js" async=""></script><script src="/_next/static/chunks/app/page-1ac1ee70601742f9.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"><div class="flex-1"><div class="flex gap-8 flex-row h-screen"><div class="flex-1 w-1/2 h-full flex flex-col relative z-10 overflow-hidden"><div class="h-full px-4 xl:pl-32 my-4"><h1 class="text-blue-700 text-4xl font-semibold mx-auto">Whisper + Ratchet</h1><div class="flex flex-col mx-auto gap-6"><div class="flex flex-row justify-between"></div><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-10 w-full" 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 ">WHISPER_TINY</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 ">WHISPER_BASE</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 ">WHISPER_SMALL</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 ">WHISPER_MEDIUM</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 ">WHISPER_LARGE_V2</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">WHISPER_LARGE_V3</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 justify-between items-center"><input type="file" id="audioFile" name="audioFile"/><audio controls=""><source type="audio/wav"/></audio></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></div><div class="flex-1 w-1/2 h-full flex flex-col relative z-10"><div class="h-full flex flex-col mx-auto px-4 xl:pr-32 overflow-scroll py-12 w-full"><div class="flex flex-col h-full"></div></div></div></div></div></main><script src="/_next/static/chunks/webpack-7eb26b1da1b12c67.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/f24411afa457c633.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script><script>self.__next_f.push([1,"4:I[3565,[],\"\"]\n6:I[5014,[],\"\"]\n7:I[9414,[\"147\",\"static/chunks/147-a932d816297314b2.js\",\"931\",\"static/chunks/app/page-1ac1ee70601742f9.js\"],\"\"]\n8:I[6312,[],\"\"]\n9:I[2906,[],\"\"]\nb:I[4933,[],\"\"]\nc:[]\n"])</script><script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f24411afa457c633.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L4\",null,{\"buildId\":\"9ZK6RPucIt903UZmJOW_S\",\"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\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1\",\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"loadingScripts\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",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,\"$La\"],\"globalErrorComponent\":\"$b\",\"missingSlots\":\"$Wc\"}]]\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"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>