Skip to content

🎡 Get the current music that's playing and display it to other people.

Notifications You must be signed in to change notification settings

ocoke/itsplaying

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

62 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

itsplaying

🎡 Get the current music that's playing and display it to other people.

✨ Features

  • Now Playing Screen, with cover, artist, name and a matching background color.
  • Public API, integrate with your app (GitHub README), show the music that you're playing to others.
  • Other features? New Issue.

πŸ™Œ Getting Started

πŸ€” Prepare

  • A Spotify account, either free or pro plan is okay.

πŸ”— Link

Tip

As default, we provided a Spotify App to get your current playing status.

  • Visit /auth, and click Sign in with Spotify to sign in.
  • Then, sign in to your Spotify account and click Agree to grant itsplaying to visit your status.

image

  • The app will automatically redirect you back to the homepage, if an error occurs, please try again.
  • Now, you can visit /now to get the current playing status.

πŸ˜€ Share

  • Visit /share, type your server URL (you can keep default), and click Share to sign in.

image

  • After signing in, you can see the sharing URL.

πŸ—’οΈ JSON Format

https://[server]/api/get?id=[id]
https://itsplaying.deno.dev/api/get?id=31ldqmkw53rigxjzgmf5wht465u4

πŸ—’οΈ Sharing Page

https://[server]/card?id=[id]
https://itsplaying.deno.dev/card?id=31ldqmkw53rigxjzgmf5wht465u4
https://itsplaying.deno.dev/card?id=31ldqmkw53rigxjzgmf5wht465u4&progress=true

With query &progress=true can enable playing progress.

πŸ—’οΈ GitHub README

Because of the dynamic background color, itsplaying is using screenshots to display in GitHub README.

We're still exploring other good ways to show the picture.

I'm using a Web screenshot API (/Lete114/WebStack-Screenshot).

[![An error occurred when fetching images. Refresh the page to try again, or click here to open the link. ](https://webstack-screenshot.vercel.app/?url=https%3A%2F%2Fitsplaying.deno.dev%2Fcard%3Fid%3D31ldqmkw53rigxjzgmf5wht465u4%26progress%3Dtrue&viewport=1200x600&timeout=0&cache=5)](https://itsplaying.deno.dev/card?id=31ldqmkw53rigxjzgmf5wht465u4&progress=true)

πŸ‘¨β€πŸ’» Screenshots

image

image

image

image

image