Web Presence

Show what you're listening to or watching on Discord — from ANY website!

Web Presence is an open-source project that combines a browser extension with a lightweight desktop application to show what you’re listening to or watching directly in your Discord Rich Presence.

Its customizable selector system lets anyone add support for almost any music or video website without writing code. For more complex integrations, Web Presence also includes an advanced userscript engine.

Installation Guide

To display your media status on Discord, install both components.

If you only use Discord in your browser, the desktop app is not required.

Step 1: Install the Browser Extension

Detects music and videos on supported websites and sends playback data to the desktop bridge.

• Compatible with Chrome, Firefox, and all Chromium-based browsers (Opera, Brave, Edge, etc.).

Step 2: Install the Desktop App

Acts as a bridge between the browser extension and Discord, allowing your media status to appear in Discord Rich Presence.

• It runs in the background as a tray-only application with no visible interface.
• Manage all configuration options through the dashboard at http://localhost:3000.

curl -fsSL https://raw.githubusercontent.com/KanashiiDev/web-presence/main/scripts/install-arch.sh | bash

sudo pacman -U web-presence-<version>-x64.pkg.tar.zst

nix profile add github:KanashiiDev/web-presence

inputs.web-presence.url = "github:KanashiiDev/web-presence";

sudo apt install libayatana-appindicator3-1  # Debian/Ubuntu

Step 3: Install the Activities

Open the activity library from the extension popup, install the activities you want, then visit the website and start playing.

🚀 Features

• No login required, works entirely locally
• Discord Web support
• Community-supported integrations through the Activity Library.
• Easy to extend - add support for almost any music or video site using selectors or userscripts
• Filter system - block or replace activities by artist/title, per site or globally
• Both listening and watching activity support
• Live activity output - WebNowPlaying (Rainmeter & OBS), plus plain-text/JSON files on disk
• Fully customizable Discord status per site - control the artist, source, cover art, buttons, timestamps, and more
• Open-source and community-driven

🎵 Supported Websites & Platforms

These integrations are available through the activity library.

Additional sites can be added using the built-in selector system or the UserScript manager. See Adding a New Site for details.

AccuRadio	Amazon Music	Apple Music	Asia Dream Radio	Bilibili TV
Crunchyroll	Deezer	Gensokyo Radio	iHeartRadio	Kick
Listen.moe	Netflix	OnlineRadioBox	Pandora	Nightwave Plaza
r/a/dio	Radio Garden	Radio.net	SoundCloud	Tidal
TuneIn	Twitch	VK	YouTube	YouTube Music

🔗 Quick Links

• 🐞 Troubleshooting: Fix common issues and errors.
• 🧩 Adding a New Site: Guide for adding music or video platform support.
• 📚 Filter Management: Learn how to block or customize activities.
• 📤 Live Activity Output: Setup guide for Rainmeter, OBS, and file output.
• 💻 Developer Setup: Build instructions and NPM scripts.

👥 Community

• Activities Repository: Activity Library
• Discord Server: Web Presence Discord

🤝 Contributing

There are several ways to contribute:

• Create new Activities - Activity Library
• Help translate the project on Crowdin
• Report bugs or request features via GitHub Issues
• Support the project by sharing it and helping others discover it

📄 License

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