https://github.com/davidnguyen11/tunease

https://github.com/davidnguyen11/tunease

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/davidnguyen11/tunease
• Owner: davidnguyen11
• Created: 2025-03-16T06:37:38.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-03-16T08:53:30.000Z (3 months ago)
• Last Synced: 2025-03-16T09:28:18.148Z (3 months ago)
• Language: TypeScript
• Homepage: https://tunease.vercel.app
• Size: 955 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Spotify Web Extension



  

  


  




Spotify web extension, check out the story here:

- [https://codeburst.io/develop-spotify-player-web-extension-bffe5538b8ec](https://codeburst.io/develop-spotify-player-web-extension-bffe5538b8ec)

**Note:** This web extension was developed using [web-extension-svelte-boilerplate](https://github.com/davidnguyen179/web-extension-svelte-boilerplate)

[![All Contributors](https://img.shields.io/badge/all_contributors-7-orange.svg?style=flat-square)](#contributors-)

[![jest](https://jestjs.io/img/jest-badge.svg)](https://github.com/facebook/jest) [![codecov](https://codecov.io/gh/davidnguyen179/spotify-extension/branch/master/graph/badge.svg)](https://codecov.io/gh/davidnguyen179/spotify-extension) ![ci/cd](https://github.com/davidnguyen179/spotify-extension/workflows/ci/cd/badge.svg) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](https://github.com/davidnguyen179/spotify-extension/pulls)

[![Chrome Extension Users](https://img.shields.io/chrome-web-store/users/bhdjjppbnlpjpeicimhemencfgjeldoa?color=0099ff&label=chrome%20users&logo=google-chrome&logoColor=d2ccd2)](https://chrome.google.com/webstore/detail/spotify-player/bhdjjppbnlpjpeicimhemencfgjeldoa) [![Chrome Extension Version](https://img.shields.io/chrome-web-store/v/bhdjjppbnlpjpeicimhemencfgjeldoa?color=0099ff&logo=google-chrome&logoColor=d2ccd2)](https://chrome.google.com/webstore/detail/spotify-player/bhdjjppbnlpjpeicimhemencfgjeldoa) [![Chrome Extension Rating](https://img.shields.io/chrome-web-store/rating/bhdjjppbnlpjpeicimhemencfgjeldoa?color=0099ff&logo=google-chrome&logoColor=d2ccd2)](https://chrome.google.com/webstore/detail/spotify-player/bhdjjppbnlpjpeicimhemencfgjeldoa)

[![Firefox Add-On Users](https://img.shields.io/amo/users/spotify-player?color=FF9500&label=mozilla%20users&logo=firefox)](https://addons.mozilla.org/en-US/firefox/addon/spotify-player/) [![Firefox Add-On Version](https://img.shields.io/amo/v/spotify-player?color=FF9500&logo=firefox)](https://addons.mozilla.org/en-US/firefox/addon/spotify-player/) [![Firefox Add-On Rating](https://img.shields.io/amo/rating/spotify-player?color=FF9500&logo=firefox)](https://addons.mozilla.org/en-US/firefox/addon/spotify-player/) [![Join the chat at https://gitter.im/spotify-extension/community](https://badges.gitter.im/spotify-extension/community.svg)](https://gitter.im/spotify-extension/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

## Motivation

When we are working or just browsing it is inconvenient to have to switch to another window to play/pause or jump to previous tracks or forward to upcoming tracks. Also, we lose focus or get distracted once we navigate away from our current window and open Spotify. With this simple extension we can eliminate the need to navigate away from your current window to control Spotify. This extension has another nifty feature. With a quick right click on the widget, you can search a song by name. So for example if you hear a tune on Youtube you can quickly search it on Spotify without navigating away from your current window. Then you can maybe add it to a playlist later.

- Avoid switching context while you're focusing on your browser by providing mini player which helps to control Spotify with ease from your browser.

- Quick right click to search song by name on Spotify site.

## Stores

| Browsers       | Web store                                                                                                                                                                                              |

| -------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |

| Chrome         | [https://chrome.google.com/webstore/detail/mini-spotity-player/bhdjjppbnlpjpeicimhemencfgjeldoa](https://chrome.google.com/webstore/detail/mini-spotity-player/bhdjjppbnlpjpeicimhemencfgjeldoa)       |

| Microsoft Edge | [https://microsoftedge.microsoft.com/addons/detail/spotify-player/odplfjpibjdajlmaocmfmlcdidldlmnk](https://microsoftedge.microsoft.com/addons/detail/spotify-player/odplfjpibjdajlmaocmfmlcdidldlmnk) |

| Firefox        | [https://addons.mozilla.org/en-US/firefox/addon/spotify-player](https://addons.mozilla.org/en-US/firefox/addon/spotify-player)                                                                         |

| Opera          | [https://addons.opera.com/en/extensions/details/spotify-player/](https://addons.opera.com/en/extensions/details/spotify-player/)                                                                       |

## What does it looks like?

![Spotify extension demo](https://user-images.githubusercontent.com/6290720/112152408-9cf65500-8c25-11eb-82f9-2429a9fa587c.gif)

### Main screens













### Login screen



### No device is opened



### Context menu

Search song by name with Chrome's context menu



## QR code

Use this to tell your friends about this extension 👇



## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

  

    
David Nguyen
💻 ⚠️ 📖 🎨 🖋 🚧 🐛 🤔 📦 👀 📓

    
Ben Harned
💻 ⚠️ 📖

    
DK
💻 🚇 📖

    
immint023
💻 📖

    
Maxwell Fortney
💻 ⚠️ 🤔

    
Hao Nguyen
💻 ⚠️ 🤔 📖 🚇

    
An Trinh
📖

  

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!