The latest articles on DEV Community by Mateus Sobral (@zsobral). https://dev.to/zsobral https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F378878%2Ff0f4a423-4885-4136-a0ae-029aedae2ddc.jpeg https://dev.to/zsobral en Mateus Sobral Mon, 25 Nov 2024 02:00:00 +0000 https://dev.to/zsobral/speech-to-text-2b6p https://dev.to/zsobral/speech-to-text-2b6p <p><em>This is a submission for the <a href="https://dev.to/challenges/assemblyai">AssemblyAI Challenge </a>: Sophisticated Speech-to-Text.</em></p> <h2> What I Built </h2> <p>I built a web app to streamline audio-to-text transcription. Users can submit audio URLs, which the app then transcribes into text. The transcribed text is displayed alongside the original audio, allowing users to follow along word-by-word as the audio plays. Users can also click on any word in the transcription, and it will sync with the corresponding part of the audio. In addition, the app includes sentiment analysis, content safety labels to identify potentially sensitive or inappropriate material, and the confidence level of each transcribed word.</p> <h2> Demo </h2> <p><a href="https://assemblyai-dev-challenge.vercel.app/" rel="noopener noreferrer">App Demo</a></p> <p><a href="https://github.com/zsobral/speech-to-text/" rel="noopener noreferrer">Source Code</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjpwmitb4hw59ft1oujca.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjpwmitb4hw59ft1oujca.png" alt="Image description" width="800" height="521"></a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz9xhee412lgq6dqpkym3.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz9xhee412lgq6dqpkym3.png" alt="Image description" width="800" height="639"></a></p> <h2> Journey </h2> <p>The web app uses AssemblyAI’s Universal-2 Speech-to-Text Model to transcribe audio into text. When a user submits an audio URL, the app sends it to AssemblyAI via their API. Once the transcription is complete, the web app utilizes all the data returned by AssemblyAI, including the transcribed text, confidence levels for each word, sentiment analysis, content moderation labels, summarization, speaker diarization, and word timestamps, to synchronize with the audio file and provide users with an accurate and insightful transcription experience.</p> devchallenge assemblyaichallenge ai api Mateus Sobral Tue, 11 Jan 2022 04:18:02 +0000 https://dev.to/zsobral/swe-books-catalog-54pa https://dev.to/zsobral/swe-books-catalog-54pa <h3> Overview of My Submission </h3> <p>A web application that lists software engineer books in which users can search by title, description, or author</p> <h3> Submission Category: </h3> <p>E-Commerce Creation</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--566lAguM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/github-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/zsobral"> zsobral </a> / <a href="https://github.com/zsobral/book-store"> book-store </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> book-store</h1> <p>A web application that lists software engineer books in which users can search by title, description, or author</p> <h2> Folder Structure</h2> <p><code>/.github</code> folder contains the workflow to deploy the Next.js app to MongoDB Realm hosting</p> <p><code>/realm</code> folder contains the exported realm app</p> <p><code>/web</code> folder contains the Next.js app</p> <h2> Getting started</h2> <p>First, run the development server:</p> <div class="highlight highlight-source-shell notranslate position-relative overflow-auto js-code-highlight"> <pre>yarn --cwd web dev</pre> </div> <p>Open <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a> with your browser to see the result.</p> <h2> App Routes</h2> <ul> <li> <code>/</code> list books for everyone</li> <li> <code>/auth</code> admin authentication</li> <li> <code>/admin</code> view all books</li> <li> <code>/admin/add-book</code> easy way to add new books</li> </ul> <h2> Demo</h2> <p><a href="https://book-store-eewbr.mongodbstitch.com/" rel="nofollow">https://book-store-eewbr.mongodbstitch.com/</a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/zsobral/book-store">View on GitHub</a></div> <br> </div> <br> <h3> Additional Resources / Info </h3> <p><a href="https://book-store-eewbr.mongodbstitch.com/">https://book-store-eewbr.mongodbstitch.com/</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--81c7uf2L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx63ot4lso81o5fh6s5u.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--81c7uf2L--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kx63ot4lso81o5fh6s5u.png" alt="Image description" width="880" height="536"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1l7jEFlN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7utaqootq84zweytmiw.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1l7jEFlN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x7utaqootq84zweytmiw.png" alt="Image description" width="880" height="535"></a></p> atlashackathon