This is a web browser-based tool that allows users to collect their personal MP3 files together, organize them, then play them back sequentially for the purpose of recording mixtapes to a listening tape deck.

mitch donaberger 64c3390b37 first 3 hónapja
readme 64c3390b37 first 3 hónapja
.DS_Store 64c3390b37 first 3 hónapja
README.md 64c3390b37 first 3 hónapja
index.html 64c3390b37 first 3 hónapja
reel-to-reel-animated.svg 64c3390b37 first 3 hónapja
reel-to-reel-static.svg 64c3390b37 first 3 hónapja
script.js 64c3390b37 first 3 hónapja
stripesbg.png 64c3390b37 first 3 hónapja
style.css 64c3390b37 first 3 hónapja

README.md

I'll help create a beautiful GitHub README.md for your Mixtape Maker project! Let me analyze the files and create a comprehensive documentation. 🎯

Mixtape Maker Logo

🎼 Mixtape Maker

A nostalgic web-based mixtape Maker that lets you create digital mixtapes with your MP3 files. This project recreates the classic experience of making mixtapes, complete with reel-to-reel animation and precise timing controls.

Mixtape Maker Preview

✨ Features

  • 📀 Drag-and-Drop Playlist Management
  • ⏱️ Configurable Track Gaps (customize silence between songs)
  • 📏 Tape Length Simulation (set your virtual tape's capacity)
  • 🎚️ Real-time Volume Visualization
  • 🎬 Animated Reel-to-Reel Display
  • 📊 Progress Tracking with remaining time display
  • 💾 Local-only Processing - no server uploads
  • 🎨 Beautiful Catppuccin-inspired Dark Theme

🚀 Quick Start

  1. Download the Project

    git clone https://git.donaberger.xyz/mitch/mixtape-maker
    # OR
    # Download the ZIP file from Releases
    
  2. Launch the Application

    • Simply open index.html in your web browser.
    • No server required!

💡 How It Works

  1. Upload MP3 Files: Select your MP3 files using the file input
  2. Configure Settings:
    • Set tape length (in minutes)
    • Adjust gap between tracks (in seconds)
  3. Arrange Playlist: Drag and drop tracks to reorder
  4. Record: Click "Record to Tape" to start the process

⚠️ Important Notes

  • Privacy First: All processing happens locally in your browser
  • System Audio: Records through your system's audio mixer
  • Browser Support: Works best in modern browsers with Web Audio API support
  • File Types: Currently supports MP3 format only

🎨 Technical Details

  • Frontend: Pure HTML5, CSS3, and JavaScript
  • Audio Processing: Web Audio API
  • Animations: CSS Animations and SVG
  • Theme: Custom dark theme with nostalgic UI elements

🛠️ Deployment Options

  1. Local Usage

    • Download and open index.html directly
  2. Web Server (optional)

    # Using Python
    python -m http.server 8000
       
    # Using Node.js
    npx serve
    

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is open source and available under the MIT License.

🙏 Acknowledgments

Created with ❤️ by Mitch Donaberger (January 2025)


Note: This is a prototype created for nostalgic enjoyment. For best results, use a modern web browser with support for the <audio> tags.