Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | |
| <link rel="stylesheet" type="text/css" href="/static/header_file.css"> | |
| <link rel="stylesheet" type="text/css" href="/static/footer_file.css"> | |
| <link rel="stylesheet" type="text/css" href="/static/main.css"> | |
| <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"> | |
| </head> | |
| <body style="background-color:rgb(127, 195, 255);"> | |
| {% include "header.html" %} | |
| <section class="text-gray-700 body-font"> | |
| <div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center"> | |
| <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6" style="padding-right: 10px;"> | |
| <img class="object-cover object-center rounded" alt="hero" src="static/text_to_speech.png"> | |
| </div> | |
| <div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center"> | |
| <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">Speech To Text Conversion</h1> | |
| <p class="title-font sm:text-2xl text-1xl mb-4 font-medium text-gray-900">(Flask + Heroku + SpeechRecognition + Recorderjs)</p> | |
| <p class="mb-8 leading-relaxed"><b>Flask</b> is a micro web framework written in Python.</p> | |
| <p class="mb-8 leading-relaxed"><b>SpeechRecognition</b> Library for performing speech recognition, with support for several engines and APIs, online and offline.</p> | |
| <p class="mb-8 leading-relaxed"><b>Heroku</b> is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.</p> | |
| <p class="mb-8 leading-relaxed"><b>Recorderjs</b> A plugin for recording/exporting the output of Web Audio API nodes </p> | |
| <div class="flex justify-center"> | |
| <form action="/audio_to_text/"><button class="inline-flex text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Testing Here</button></form> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| </body> | |
| {% extends "footer.html" %} | |
| {% block footer%}fixed{% endblock %} | |
| </html> | |