This unit builds a backend-controlled audio player using Howler.js for playback. The backend transcribes a segment of the selected audio file based on when the user starts and stops playback.
Overview
Syllabus
- Unit 1: Backend-Controlled Audio Playback with Howler.js Frontend
- Implementing a Simple Audio Playback Controller and File Lister in JavaScript
- Manage Audio Playback State in Memory
- Audio Playback Controls with Howler.js
- Implementing Audio Playback Controls with Howler.js in JavaScript
- Unit 2: Transcription Routing and Audio Clipping with OpenAI Whisper
- Understand the Transcription Route
- Fix a Broken Transcription
- Add Duration Validation to Your Transcription Route
- Build the /transcribe Route from Scratch
- Unit 3: Playback Using Howler.js and Transcription Timing Logic
- Transcribe a Segment
- Implement Interactive Audio Segment Transcription Functions with Howler.js
- Display Audio Duration on Selection