Skip to content

MonsterProd85/spotify-fullscreen-mode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Fullscreen Mode

JavaScript CSS HTML

A Chrome extension that transforms your Spotify Web Player into a beautiful fullscreen experience. Enjoy your music with enhanced visuals, including album artwork, dynamic backgrounds, and Spotify Canvas videos.

✨ Features

  • Immersive Fullscreen Mode: Transform Spotify Web Player into a distraction-free experience
  • Dynamic Canvas Support: Displays Spotify's Canvas videos when available
  • Beautiful Visuals: Blurred album art background when no Canvas video is available
  • Elegant Animations: Smooth transitions between songs and play states
  • Play/Pause Visual Effects:
    • Album art slightly shrinks when paused, and becomes slightly monochrome
    • Text reacts accordingly with smooth animations
    • Background darkens
    • Ambient light patterns pause
  • Minimal UI: Hide cursor and use ESC key to exit fullscreen

📥 Installation

Chrome Web Store (stable, easy installion)

Now available on the Chrome Web Store

With this version, you'll have to wait longer for bug fixes and updates.

Manual Installation (latest version)

  1. Download or clone this repository
  2. Open Chrome and navigate to chrome://extensions/
  3. Enable "Developer mode" (toggle in the top-right corner)
  4. Click "Load unpacked" and select the extension directory
  5. The extension icon should appear in your browser toolbar

With this version, you'll have to manually install bug fixes and updates, but you'll get them ealier.

🚀 Usage

  1. Go to Spotify Web Player
  2. Click the extension icon in your toolbar
  3. Click "Enable Fullscreen Mode"
  4. Enjoy your music in a beautiful fullscreen interface
  5. Press ESC key once to exit fullscreen
  6. Press ESC key a second time to disable the extension

📷 Screenshots

screenshot1 screenshot2 screenshot3

(Screenshots may not always be up to date. These are the screenshots for the offical Chrome Web Store release)

⌨️ Keyboard Controls

  • ESC: Exit fullscreen mode

🔧 Technical Details

This extension enhances the Spotify Web Player by:

  • Detecting and displaying currently playing tracks
  • Utilizing Spotify's Canvas videos when available
  • Creating dynamic visual effects that respond to music state
  • Using elegant animations and transitions for a polished experience

🛠️ Development

Want to contribute? Great! Feel free to fork the repository and submit pull requests.

Project Structure

spotify-videos-extension/
├── manifest.json      # Extension configuration
├── content.js         # Main functionality
├── popup.html         # Extension popup interface
├── popup.js           # Popup functionality
├── styles.css         # Styling
└── icons/             # Extension icons

📄 License

MIT License - Feel free to use and modify for your own projects.

✋ Privacy

Privacy Policy - We don't store or collect any data. Everything is open source, and proccesed locally on your machine.

👏 Credits


Enjoy your music in style! 🎵✨

About

A chrome extention that allows users to present a beautiful interface for playing music.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Contributors 2

  •  
  •