Skip to content

ayushap18/Loopify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

10 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎡 Loopify - Your Personal Spotify Loop Master 🎡

Typing SVG

Chrome Extension Spotify License Version


🎯 What is Loopify?

Loopify is a powerful Chrome extension that lets you loop specific sections of your favorite songs on Spotify! Whether it's that epic guitar solo, catchy chorus, or perfect drop, Loopify helps you create unlimited custom mixes from different songs and replay your favorite moments endlessly.

✨ Perfect For:

  • 🎸 Musicians practicing specific sections
  • πŸ’ƒ Dancers perfecting choreography
  • 🎀 Singers learning lyrics
  • 🎧 Music lovers enjoying their favorite moments
  • 🎹 Producers studying song structures


πŸš€ Quick Start Guide

Get up and running in just 5 minutes!


πŸ“₯ Step 1: Download Loopify (30 seconds)

Option 1: Git Clone

git clone https://github.com/iayus-grow/Loopify.git
cd Loopify

Option 2: Download ZIP

Download from GitHub and extract it to your desired location.


🎡 Step 2: Create Spotify App (2 minutes)

  1. 🌐 Go to Spotify Developer Dashboard
  2. βž• Click "Create app"
  3. πŸ“ Fill in the details:
    • App name: Loopify
    • App description: Loop extension for Spotify
    • Redirect URI: (leave empty for now - we'll add it later)
    • Web API: βœ… Check this option
  4. πŸ’Ύ Click "Save"
  5. πŸ“‹ Copy your Client ID (you'll need this in the next step!)

βš™οΈ Step 3: Configure Extension (1 minute)

  1. πŸ“‚ Open background.js in any text editor (VS Code, Notepad++, etc.)
  2. πŸ” Find line 9:
const CLIENT_ID = 'YOUR_SPOTIFY_CLIENT_ID';
  1. ✏️ Replace YOUR_SPOTIFY_CLIENT_ID with your actual Client ID from Step 2
  2. πŸ’Ύ Save the file

Example:

const CLIENT_ID = 'a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6';

πŸ”Œ Step 4: Install in Chrome (1 minute)

  1. 🌐 Open Chrome and go to: chrome://extensions
  2. πŸ”§ Toggle "Developer mode" ON (top-right corner)
  3. πŸ“¦ Click "Load unpacked"
  4. πŸ“ Select the Loopify folder
  5. βœ… Extension is now installed! Look for the Loopify icon in your toolbar

πŸ”— Step 5: Configure Spotify Redirect URI (1 minute)

  1. πŸ“‹ In chrome://extensions, find Loopify
  2. πŸ†” Copy the Extension ID (long string below the extension name)
    • Example: abcdefghijklmnopqrstuvwxyz123456
  3. πŸ”— Create your redirect URI using this format:
https://YOUR_EXTENSION_ID.chromiumapp.org/spotify_callback

Example:

https://abcdefghijklmnopqrstuvwxyz123456.chromiumapp.org/spotify_callback
  1. 🌐 Go back to Spotify Developer Dashboard
  2. 🎡 Click your Loopify app β†’ Click "Settings"
  3. πŸ“ Under "Redirect URIs", paste your complete URI
  4. βž• Click "Add" then "Save"

πŸŽ‰ Step 6: Start Looping! (30 seconds)

  1. 🎡 Go to open.spotify.com and play any song
  2. πŸ”Œ Click the Loopify icon in your Chrome toolbar
  3. πŸ”— Click "Connect Spotify"
  4. βœ… Authorize the app (you'll be redirected back)
  5. πŸ”„ Click "Refresh Current Track"
  6. πŸ€– Click "Auto-suggest loop" for instant magic
  7. ▢️ Click "Start Loop"
  8. 🎊 Enjoy your perfect loop!

⭐ Amazing Features

πŸ€– Auto-Suggest Loop (AI-Powered)

Our intelligent algorithm analyzes your track's structure and automatically finds the best looping points!

Features:

  • 🎼 Analyzes track structure and rhythm
  • 🎯 Finds the perfect 4-bar section
  • πŸ“Š Aligns to musical bars automatically
  • ⚑ One-click perfection

How to use:

  1. Play any track
  2. Click "Auto-suggest loop"
  3. Review the suggested section
  4. Click "Start Loop" - That's it!


πŸŽ›οΈ Manual Loop Control (For Precision Masters)

Want complete control? Set your own custom loop points with millisecond precision!

How to use:

  1. ▢️ Play your track
  2. ⏸️ Pause at the exact start point you want
  3. πŸ“ Click "Set Start"
  4. ▢️ Play until your desired end point
  5. ⏸️ Pause again
  6. πŸ“ Click "Set End"
  7. πŸ” Click "Start Loop"
  8. 🎯 Perfect precision every time!


πŸ’Ύ Save & Library Management

Never lose your perfect loops! Save unlimited loops and organize them your way.

Features:

  • πŸ’Ύ Save unlimited loops from any song
  • πŸ“š Loop Library - View all your saved loops
  • πŸ” Search & Filter - Find loops instantly
  • 🎡 Create Custom Mixes - Combine loops from different songs
  • πŸ“‹ Export to Playlists - Save your mixes as Spotify playlists
  • 🏷️ Tag & Organize - Keep everything neat

How to use:

  1. Create your perfect loop
  2. Click "Save Loop"
  3. Add a name and tags (optional)
  4. Access anytime via "Open Loop Library"
  5. Build unlimited custom mixes!

🎨 Use Cases & Examples

🎸 For Musicians

Loop that complex guitar solo or drum fill until you nail it perfectly!

πŸ’ƒ For Dancers

Repeat the exact 8 counts you're working on for your choreography.

🎀 For Singers

Practice difficult vocal runs and lyrics without manually rewinding.

🎧 For Music Lovers

Replay your favorite drop, chorus, or bridge endlessly!

🎹 For Producers

Study song arrangements, transitions, and production techniques.

πŸ“š For Students

Learn music theory by analyzing repeating sections.


πŸ› οΈ Troubleshooting

❌ "Authentication Failed"

Problem: Can't connect to Spotify

Solutions:

  • βœ… Verify Client ID is correct in background.js
  • βœ… Check Redirect URI matches exactly in your Spotify app settings
  • βœ… Make sure you saved both files after making changes
  • βœ… Try reloading the extension in chrome://extensions

❌ "No Track Playing"

Problem: Extension can't detect your music

Solutions:

  • βœ… Open open.spotify.com in Chrome
  • βœ… Make sure a song is actually playing
  • βœ… Click "Refresh Current Track" in the extension
  • βœ… Check you're logged into Spotify

❌ "Loop Not Working"

Problem: Loop won't start or play

Solutions:

  • βœ… Spotify Premium is required - Free accounts won't work
  • βœ… Check your internet connection
  • βœ… Try reloading the extension
  • βœ… Make sure the loop points are set correctly
  • βœ… Verify you've authorized the app in Spotify

❌ "Extension Not Loading"

Problem: Extension doesn't appear or won't load

Solutions:

  • βœ… Make sure you extracted the entire folder
  • βœ… Enable Developer Mode in chrome://extensions
  • βœ… Try removing and re-adding the extension
  • βœ… Check Chrome console for error messages

⚠️ Important Requirements

🎡 Spotify Premium Account Required

This extension requires an active Spotify Premium subscription to function. The Spotify Web API playback controls only work with Premium accounts.

Why Premium?

  • βœ… Spotify API requires Premium for playback control
  • βœ… Enables precise seek positioning
  • βœ… Allows programmatic track control
  • ❌ Free accounts don't support these features

🌐 Browser Requirements

  • βœ… Google Chrome (v88 or higher)
  • βœ… Chromium-based browsers (Edge, Brave, Opera)
  • ❌ Firefox not supported yet

🀝 Contributing

Want to help make Loopify even better? We welcome contributions!

πŸš€ How to Contribute

# Fork the repository
git clone https://github.com/YOUR_USERNAME/Loopify.git

# Create a feature branch
git checkout -b feature/amazing-feature

# Make your changes and commit
git commit -m "Add amazing feature"

# Push to your fork
git push origin feature/amazing-feature

# Open a Pull Request

πŸ’‘ Ideas for Contributions

  • 🎨 UI/UX improvements
  • πŸ› Bug fixes
  • ✨ New features
  • πŸ“ Documentation improvements
  • 🌍 Translations
  • ⚑ Performance optimizations

πŸ“ž Support & Community

Need Help?

πŸ› Report Issues: GitHub Issues

πŸ’¬ Questions: Open a Discussion

πŸ“§ Email: iayushsharma.2008@gmail.com

⭐ Star this repo if you find it useful!


πŸ“œ License

This project is licensed under the MIT License - see the LICENSE file for details.


🎡 Made with ❀️ for Music Lovers

Happy Looping! 🎧✨

Remember: Practice makes perfect, and with Loopify, you can practice perfectly! 🎯

Star on GitHub Fork on GitHub Follow


About

No description, website, or topics provided.

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published