FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
project logo
allvalamp
Public
Like
1
valamp
Home
Code
8
.vscode
.vt
backend
1
frontend
3
shared
1
.vtignore
README.md
deno.json
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 milliseconds.
Sign up now
Code
/
Code
/
Search
index.http.ts
https://all--a79d220d6343412594b1eeb565c5b116.web.val.run
README.md

valtown mp3 Player

An interface for playing MP3s and managing playlists.

Features

  • Terminal-style command interface
  • Play MP3s from URLs
  • Create and manage multiple playlists
  • Basic playback controls (play, pause, stop, volume)
  • Playlist navigation (next, previous)

Commands

  • play <url> - Play an MP3 from URL
  • pause - Pause current track
  • stop - Stop current track
  • volume <0-100> - Set volume
  • playlist create <name> - Create new playlist
  • playlist add <name> <url> [title] - Add track to playlist
  • playlist load <name> - Load and play playlist
  • playlist list - Show all playlists
  • playlist show <name> - Show tracks in playlist
  • playlist delete <name> - Delete playlist
  • next - Play next track in playlist
  • prev - Play previous track in playlist
  • help - Show all commands
  • clear - Clear terminal

Auth

In terminal enter asdf to show editor panels.

in frontend/index.tsx

// Configuration
const CONFIG = {
  ALLOW_PLAYLIST_DELETION: true,  // Set to false to prevent playlist deletion
  ALLOW_TRACK_DELETION: true     // Set to false to prevent track deletion
};

Example Usage

# Create a new playlist $ playlist create "My Favorites" # Add tracks to the playlist (you'll need real MP3 URLs) $ playlist add "My Favorites" https://example.com/song1.mp3 "Song Title 1" $ playlist add "My Favorites" https://example.com/song2.mp3 "Song Title 2" # Load and play the playlist $ playlist load "My Favorites" # Control playback $ pause $ volume 75 $ next $ prev # View playlists $ playlist list $ playlist show "My Favorites"

Project Structure

├── frontend/
│   ├── index.html          # Main HTML with terminal interface
│   ├── index.tsx           # React terminal component
│   └── style.css           # Terminal styling
├── shared/
│   └── types.ts            # Shared TypeScript types
└── backend/
    └── index.ts            # Static file server
HTTP
  • index.http.ts
    all--a79d220d6343412594b1eeb565c5b116.web.val.run
Code
.vscode.vtbackendfrontendshared.vtignoreREADME.mddeno.json
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.