https://github.com/saolghra/richpresence

This Node.js application synchronizes Discord Rich Presence with YouTube Music, displaying real-time song information and playback status. Leveraging Express.js for HTTP handling and WebSocket for live updates, it dynamically switches between play and pause icons, offers clickable buttons for easy navigation,.
https://github.com/saolghra/richpresence

discord discord-rich-presence discord-rpc express javascript music nodejs rich-presence websocket youtube youtube-music

Last synced: 4 months ago
JSON representation

This Node.js application synchronizes Discord Rich Presence with YouTube Music, displaying real-time song information and playback status. Leveraging Express.js for HTTP handling and WebSocket for live updates, it dynamically switches between play and pause icons, offers clickable buttons for easy navigation,.

• Host: GitHub
• URL: https://github.com/saolghra/richpresence
• Owner: SaolGhra
• Created: 2024-05-07T20:04:05.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-11T18:37:58.000Z (11 months ago)
• Last Synced: 2025-04-07T20:12:45.597Z (6 months ago)
• Topics: discord, discord-rich-presence, discord-rpc, express, javascript, music, nodejs, rich-presence, websocket, youtube, youtube-music
• Language: JavaScript
• Homepage: http://www.saolghra.co.uk/
• Size: 104 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

          
# Discord Rich Presence for YouTube Music

![GitHub Repo stars](https://img.shields.io/github/stars/saolghra/richpresence?style=for-the-badge)

This project is a JavaScript-based Discord Rich Presence integration for YouTube Music. It also includes a custom-made Google Extension.

## Features

- Displays your current YouTube Music activity on Discord

- Shows the song title, artist, and album cover as your Discord status

- Updates in real-time as you listen to different songs on YouTube Music

## Prerequisites

Before you can use this integration, make sure you have the following:

- [Node.js](https://nodejs.org) installed on your machine

- A Discord account and a registered application with a client ID

- A YouTube Music account

## Installation

1. Clone this repository to your local machine.

2. Open a terminal and navigate to the project directory.

3. Run the following command to install the required dependencies:

   ```bash

   npm install

   ```

4. Configure the Discord application:

   - Go to the [Discord Developer Portal](https://discord.com/developers/applications) and create a new application.

   - Copy the client ID of your application.

   - Rename the `config-example.json` file to `config.json` and replace the `YOUR_CLIENT_ID` placeholder with your actual client ID.

5. Configure the YouTube Music extension:

   - Open Google Chrome and navigate to `chrome://extensions` in the address bar.

   - Enable the "Developer mode" toggle switch located in the top right corner of the page.

   - Click on the "Load unpacked" button.

   - Select the folder containing the YouTube Music extension files.

   - The extension should now appear in the list of installed extensions.

   - Enable the extension by toggling the switch next to it.

6. Start the integration:

   ```bash

   node .

   ```

7. Open Discord and start playing music on YouTube Music. Your Discord status should now update with the currently playing song.

## Example

Here is how it looks when the integration is running in the console:

![Running](assets/runningfile.png)

And here is how the rich presence will look once started:

![How it looks on discord](assets/howitlooks.png)

## Issues Known

   - Console error spamming, (I will eventuall fix it, the current way to avoid it is to reload the page)

   - Last i checked the extension doesn't work on Edge, could be a manifest issue