Spaces:
Running
Running
| <html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Whisper Turbo</title><meta property="og:title" content="Whisper Turbo"/><meta name="description" content="Transcribe any audio file - completely free!"/><meta property="og:description" content="Transcribe any audio file - completely free!"/><meta name="next-head-count" content="6"/><link rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/af45b391324561cd.css" as="style"/><link rel="stylesheet" href="/_next/static/css/af45b391324561cd.css" data-n-g=""/><link rel="preload" href="/_next/static/css/68f98a9e0e1cc1b3.css" as="style"/><link rel="stylesheet" href="/_next/static/css/68f98a9e0e1cc1b3.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-fb46cc5549345457.js" defer=""></script><script src="/_next/static/chunks/framework-581f102fc68ef277.js" defer=""></script><script src="/_next/static/chunks/main-8a5bc47a3ab4c4a6.js" defer=""></script><script src="/_next/static/chunks/pages/_app-af479cb4b6fca2b7.js" defer=""></script><script src="/_next/static/chunks/398-a885d2b708023c4c.js" defer=""></script><script src="/_next/static/chunks/639-7bf6be9a90be8cdb.js" defer=""></script><script src="/_next/static/chunks/pages/index-a8066808bfe4a082.js" defer=""></script><script src="/_next/static/buNTWDkfXYgaJCL9l6l1h/_buildManifest.js" defer=""></script><script src="/_next/static/buNTWDkfXYgaJCL9l6l1h/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div class="flex h-full min-h-screen bg-sky-500 -z-20 antialiased" style="background-color:#38bdf8;background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' opacity='0.4' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10h10v10H0V10zM10 0h10v10H10V0z' fill='%23bae6fd' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E")"><main class="flex flex-1 flex-col"><div style="position:fixed;z-index:9999;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none"></div><div class="flex-1"><div class="p-0 __className_2a9463"><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"><img src="/whisper-turbo.png" class="w-full xl:w-3/4 2xl:w-1/2 mx-auto pt-8 pb-4 cursor-pointer"/><div class="flex flex-col mx-auto gap-6"><div><div class="flex flex-row justify-between"><label class="text-white text-xl font-semibold">Select Model</label></div><div class="group inline-block relative w-full"><button class="bg-pop-orange text-white font-semibold text-xl py-2.5 px-8 w-full inline-flex items-center outline outline-white"><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 text-white group-hover:block z-10 w-full" style="display:none"><li><a class="bg-orange-500 hover:bg-pop-orange py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">Tiny<!-- --> <!-- -->51.4 MB</a></li><li><a class="bg-orange-500 hover:bg-pop-orange py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">Base<!-- --> <!-- -->96.8 MB</a></li><li><a class="bg-orange-500 hover:bg-pop-orange py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer ">Small<!-- --> <!-- -->313 MB</a></li><li><a class="bg-orange-500 hover:bg-pop-orange py-2 px-8 font-semibold text-xl block whitespace-no-wrap cursor-pointer rounded-b-md">Medium<!-- --> <!-- -->972.3 MB</a></li></ul></div></div><div class="flex flex-row gap-4"><div class="flex flex-col w-full"><label class="text-white text-xl font-semibold">Upload Audio</label><label class="bg-pop-orange text-xl outline outline-white w-full text-white 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><span class="my-auto"></span></div></label><input type="file" class="hidden" name="audioFile" id="audioFile" accept=".wav,.aac,.m4a,.mp4,.mp3"/></div><div class="flex flex-col"><label class="text-white text-xl font-semibold">Record</label><button class="bg-pop-orange text-xl outline outline-white text-white font-semibold px-6 mx-auto cursor-pointer active:bg-pop-orange-dark h-full"><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><div class="flex flex-row pt-8 gap-4 mx-auto"><button class="bg-pop-orange text-2xl outline outline-white text-white font-semibold py-3 px-8 mx-auto cursor-pointer active:bg-pop-orange-dark">Transcribe</button></div></div><div class="absolute bottom-0 w-full text-center px-4 xl:pl-32"><p class="text-2xl text-white mx-auto">Built by<!-- --> <a href="https://twitter.com/fleetwood___" class="hover:underline hover:text-blue-600">@fleetwood</a></p></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></div></main></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"buNTWDkfXYgaJCL9l6l1h","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html> |