These are some personal projects I have been working on to learn more about certain libraries and browser APIs.
I like trying out “the last new thing” in a small project and publish it on GitHub, both as a personal reminder of what I did, and to help people looking for examples.
Spotify is a digital music service that gives you access to millions of songs. I just discovered your @Spotify dedup web app & it is awesome!!! Recommend to all #Spotify users! –@VanKenton; @jmperezperez I've been using your spotify dedup code for years. Today, I finally decided to check out your other stuff. I can't believe it took me this long to discover it –@wormx; Thanks for the Spotify De-Dup! 5 reasons why you should use the Spotify desktop app. It can do things the mobile app can't. July 25, 2017 5:26 p.m. If you are like me, then your phone is your go-to music.
I’m also trying to keep a list of things I’m exploring at the moment.
Music/Audio Projects
Spotify Dedup (mobile)
A mobile application to find and remove duplicated tracks from your Spotify library.I did this to get started building apps with React Native and Expo.BPM
Calculating the BPM of a song using Javascript.I did this to play with the Web Audio API and show a useful example of using the Spotify Web API.Karaoke
An exploration of audio manipulation using browser libraries to remove voices from songs.I did this to play with the Web Audio API.. and to realise I'm not very good at singing.iQuiz
A fun quiz game about your saved Spotify playlists. Do you really know about your saved music).I did this to play with the Web Audio API and Speech Synthesis API.
Some useful tools built as single page apps
Abrevio
A Hemingway editor-like for text in Spanish language. Get hints as you write to improve your text readability.This project is built as a PWA with offline support. It uses React and DraftJS.The level of profit they bring to their owners has already surpassed the number of sales of music tracks on physical media. What makes an audio streaming app a profitable investment?Music streaming apps continue to gain popularity. Music app like spotify premium but free.C - Spotify
A collaborative listening room using Spotify.This project uses Spotify's APIs to log users in, search tracks and play them on any device through Connect. It was also an excuse to try out Next.JS.Sync subs
A handy tool to apply an offset to a subtitle file.I did this to play with the File API, CommonJS modules (including testing), and Service Workers (offline support).LinkedIn to JSON Resume
An exporter from a LinkedIn profile to JSON Résumé.I did this to play with the File API and ES6.Spotify Dedup
A simple tool to remove duplicated tracks from a user's Spotify playlists.I did this to play with knockout and handling lots of async operations using promises.
Spotify libraries and explorations
Spotify Dedup App Software
- Some libraries to make it easier to use Spotify's Web API:
- spotify-player, a library to interact with Spotify's player endpoint, with built-in authentication and token refresh. Ideal for codepen and any simple demo.
- An exploration of using Polymer to build components for Spotify: a search component, a responsive cover art, and a save a playlist button.
- A wrapper for the Spotify Web API in Javascript, and a proof of concept of a universal wrapper using ES6 and named exports
- Extendify is a Chrome extension that adds a Spotify Play Button on Wikipedia and other pages to play music for songs, albums and artists. You can install it from the Chrome Web Store.
Random things
- Other projects made just for fun:
- A JS crusher that can be used in JS1K contest submissions.
- A promise throttle which is useful to avoid rate limiting when using REST APIs.
- A library to convert REST API definitions from RAML to Swagger.
- WPO Techniques: A list of good practices for improving website performance.
- Perf.reviews: Youtube videos of Web Performance audits of real sites.
Have you ever wanted to remove duplicated songs from your Spotify library? Now you can find and remove them using Spotify Dedup.
This project uses the Spotify Web API for managing playlists. Just log in and it will traverse your playlists, finding songs that appear multiple times with the same identifier (Spotify URI) in a given playlist.
Its music visualizations are always unique. If you want to gain access to all of the app’s features, you will have to upgrade to the Premium version that costs $1.99. This means that every time you use the app the effects you will see are going to be different. Free music app for iphone like spotify. The Alien Worlds app lets you choose from 47 radio channels that play different genres of music like rock, techno, trance or ambient. Furthermore, there are over a hundred available settings that enable you to customize and adjust visualizations in virtually any way you want.
![Spotify Dedup App Spotify Dedup App](/uploads/1/3/4/1/134139707/401724882.png)
If it finds duplicates, they can be removed just pushing a button. And since it doesn't create a whole new playlist, it keeps all the information like creation date and subscribers.
Try it
You can check it out on https://jmperezperez.com/spotify-dedup/ or run it locally.
Install and run
Install the dependencies:
Spotify Dedup Apps
Run it:
Then open http://localhost:3000 in a browser
Testing
https://xoqbpmv.weebly.com/spotify-dogfood-apk-old-version.html. In order to test saved tracks, create duplicated tracks by executing the Web API request on https://developer.spotify.com/console/put-current-user-saved-tracks/?ids=2JZfTvWWtpaE8NohqRXqFr,1poUtf2dDdVUtWL8tn03Wd,6ADSaE87h8Y3lccZlBJdXH,2x45xqISlmmDJqxOqr8BuS,1iQ1BpOGF1Umd3lpTV4OPO.
About the tools used and implementation details
Spotify Dedup App Download
Spotify Web API and Promises
Spotify Dedup
This app is a good example of how to traverse a user's library without incurring in rate limit. Have a look at the code and see how Promises and a Promise Queue are used to control the amount of requests sent to the Spotify Web API. If you are interested in throttling promises, check out promise-throttle.