FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
dcm31
dcm31SimpleAudioPlayerPWA
Text-to-speech PWA with podcast player controls
Public
Like
SimpleAudioPlayerPWA
Home
Code
4
utils
1
README.md
H
app.tsx
H
index.ts
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
Code
/
Search
Open in new tab
README.md

Simple Audio Player PWA

A simple Progressive Web App (PWA) that transforms text into speech with podcast-style playback controls.

Features

  • Paste any text to have it read aloud
  • Choose from 6 different high-quality voices
  • Full audio playback controls:
    • Play/pause
    • Skip forward/backward 10 seconds
    • Speed control (0.5x to 2.0x)
    • Seek bar with time display
  • Progressive Web App capabilities (works offline, installable)

How to Use

  1. Paste or type text in the input area
  2. Select a voice from the dropdown
  3. Click "Generate Speech" to convert the text to audio
  4. Use the playback controls to navigate the audio

Voice Options

The app uses OpenAI's Text-to-Speech API with these voices:

  • Alloy - Neutral, versatile voice
  • Echo - Deeper, resonant voice
  • Fable - Warm, folksy voice
  • Onyx - Authoritative, deep voice
  • Nova - Energetic, youthful voice
  • Shimmer - Clear, light voice

Installation as a PWA

This app can be installed as a Progressive Web App:

Desktop

  • Open the app in Chrome or Edge
  • Click the install icon in the address bar
  • Follow the prompts

iOS

  • Open in Safari
  • Tap Share > Add to Home Screen

Android

  • Open in Chrome
  • Tap menu > Add to Home Screen
Code
utilsREADME.md
H
app.tsx
H
index.ts
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
Ā© 2025 Val Town, Inc.