Skip to content

Next.js | TypeScript: Audio player website for uploading, managing, and playing audio files with advanced audio processing capabilities.

Notifications You must be signed in to change notification settings

tgulu/Audio-Player

Repository files navigation

Audio Studio - Web Audio Player

Sleek music player web application for uploading, managing, and playing audio files with advanced audio processing capabilities. Built with Next.js and the Web Audio API. Playback Rate Control: Adjust speed without affecting audio quality

Website

URL: https://greenhouseprojects.space/ image

Technologies Used:

Frontend

  • Next.js 14 - React framework with App Router
  • TypeScript - Type-safe development
  • CSS Modules - Scoped styling
  • Web Audio API - Real-time audio processing

Backend APIs

  • File Storage API - Server-side file management
  • User Data API - Persistent user settings and library
  • Audio Processing - Real-time audio manipulation

Modern UI/UX

  • Spotify-inspired dark theme design
  • Smooth animations and hover effects
  • Responsive design for all devices
  • Intuitive file management interface

Features

Advanced Audio Player

  • Play, pause, and stop audio playback
  • Adjust playback speed (0.5x to 2x)
  • Real-time audio filtering with high-pass and low-pass filters
  • Frequency control for fine-tuning audio effects

BiquadFilterNode

  • Advanced audio filtering for professional sound processing:

Filter Types:

  • High-Pass Filter: Removes low frequencies, keeps high frequencies
  • Low-Pass Filter: Removes high frequencies, keeps low frequencies
  • Real-time Adjustment: Change frequency during playback

Future Enhancements

  • Playlist Support: Create and manage playlists
  • Audio Visualization: Real-time waveform display
  • Advanced Filters: EQ, reverb, delay effects
  • Collaboration: Share libraries with other users

Resources

License

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

About

Next.js | TypeScript: Audio player website for uploading, managing, and playing audio files with advanced audio processing capabilities.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published