<div align="center">

# <img src="gitassets/icon.png" width="24px" draggable="false"><b> </b>PreMiD &middot; Discord Rich Presence for your Media!

### ![version](https://img.shields.io/badge/Version-1.4-brightgreen.svg?style=for-the-badge) [![Code Quality](https://img.shields.io/codacy/grade/aaefef1998e644118a506a3c03c5b7e2.svg?style=for-the-badge)](https://www.codacy.com/project/Timeraa/PreMiD/dashboard?utm_source=github.com&utm_medium=referral&utm_content=PreMiD/PreMiD&utm_campaign=Badge_Grade_Dashboard&branchId=10584370) [![Discord](https://img.shields.io/discord/493130730549805057.svg?style=for-the-badge)](https://discord.gg/WvfVZ8T) [![Chrome Web Store](https://img.shields.io/chrome-web-store/d/agjnjboanicjcpenljmaaigopkgdnihi.svg?label=Chrome&logo=google%20chrome&logoColor=white&colorA=4285F4&style=for-the-badge)](https://chrome.google.com/webstore/detail/premid/agjnjboanicjcpenljmaaigopkgdnihi)
[![Follow us on Twitter](https://raw.githubusercontent.com/frozaum/PreMiD/master/.github/TwitterButton.png)](https://twitter.com/PreMiDapp)

<img src="gitassets/PreMiDExample.png">

<a target="_blank" href="https://discord.gg/WvfVZ8T" title="Join our Discord!">
<img draggable="false" src="https://discordapp.com/api/guilds/493130730549805057/widget.png?style=banner2" height="76px" draggable="false" alt="Join my Discord!">
</a>
<a target="_blank" href="https://www.patreon.com/bePatron?u=4610890" data-patreon-widget-type="become-patron-button"><img src="gitassets/patreonBTN.png" draggable="false" height="76px" alt="Support me on Patreon!"></a>
<details>
  <summary><b><u>Other options</u></b> (Click to expand)</summary>

  <ol>

<a target="_blank" href="https://ko-fi.com/E1E1HLLE"><img draggable="false" height="56px" src='https://az743702.vo.msecnd.net/cdn/kofi1.png?v=0' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>

<a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ZU8Q766ACS2WS&lc=US"><img src="gitassets/PayPal.svg" height="56px" draggable="false" alt="PayPal"></a>

#### BitCoin: `18WHUcQbThwExKhUyLGPRFUGSwFqftpsEn`

  </ol>
</details>
</div>

# About

**PreMiD** is a simple, configurable utility that allows you to show what you're watching/listening in your Discord **now playing status**. It supports [many different platforms](#support), and will support multiple users watching the same content simultaneously in an upcoming update.

# Features

- Integrates with Discord's official Rich Presence API library.
- Supports your keyboard's **Media Control** function keys.
- Automatically clears your current presence after 1 minute of inactivity.
- Supports **YouTube, YouTube Music, Netflix, SoundCloud** and many more to come.
- _Watch parties and more are coming soon!_

# Table of contents

- [About](#about)
  - [Summary](#summary)
  - [Features](#features)
- [Localization](#localization)
  - [Contributing](#contributing)
- [Support](#support)
  - [Operating Systems](#operating-systems)
  - [Services](#services)
- [Installation](#installation)
  - [Extension](#extension)
    - Chrome
    - Firefox
    - Opera
  - [Application](#application)
    - Mac OS
    - Windows
    - Linux

# Localization

Our application has a lot of languages included and we are happy to see a new translators in our little project.

## Contributing

If you're interested in helping us visit the [LOCALIZATION.md](LOCALIZATION.md)

# Support

### **Operating Systems**

| Operating System | Application | Chrome | Firefox |
| :--------------- | :---------: | :----: | :-----: |
| Windows          |      ✓      |   ✓    |  Beta   |
| Linux            | Self-build  |   ✓    |  Beta   |
| Mac OS           |      ✓      |   ✓    |  Beta   |

#### **Additional Browsers**

| Operating System | Opera | Vivaldi |
| :--------------- | :---: | :-----: |
| Windows          |   ✓   |    ✓    |
| Linux            |   ✓   |    ✓    |
| Mac OS           |   ✓   |    ✓    |

### **Services**

|  Video  |     Music     |    Anime    |
| :-----: | :-----------: | :---------: |
| YouTube | YouTube Music | Crunchyroll |
| Netflix |  SoundCloud   |  Anime4You  |
| Twitch  |               |   Aniflix   |
| Rabb.it |               |             |

<i>More availabe on our soon releasing presence store for free!</i>

Want to request a support for other services? Open an [Issue](https://github.com/Timeraa/PreMiD/issues/new?template=service_request.md)!

# Installation

<b><font size="4">YOU HAVE TO INSTALL BOTH THE EXTENSION AND THE APPLICATION</font></b>

## Extension

<details>
  <summary><b><u>Installing the Chrome extension</u></b> (Click to expand)</summary>
  <h1>Chrome Extension Installation</h1>
  <ol>
    <li>Click <a href="https://chrome.google.com/webstore/detail/premid/agjnjboanicjcpenljmaaigopkgdnihi">this</a> link</li>
    </li>
    <li>Click "Add to Chrome"</li>
    <li>Install the <a href="#application">application</a></li>
  </ol>
</details>
<details>
  <summary><b><u>Installing the Firefox extension</u></b> (Click to expand)</summary>
  <h1>Firefox Extension Installation</h1>
  <ol>
    <b>Firefox removed our Extension from the addon store.<br>
      We're currently trying upload it to our own servers and could revive it from the dead.<br>
      Until then, we have to stay positive and you have to download our addon manually <u>or just use another browser!</u></b>
    <li>Switch to the <a href="https://github.com/PreMiD/PreMiD/releases">releases tab</a></li>
    </li>
    <li>Download <a href="https://github.com/PreMiD/PreMiD/releases">premid-1.3.1.2-fx.xpi</a></li>
    <li>Got to <a href="about:addons">about:addons</a></li>
    <li>Click on the little gear symbol on the upper right hand side</li>
    <li>Choose <b>"Install add-on from file"</b></li>
    <li>Select the file you downloaded recently</li>
    <li>Accept the installation by clicking on <b>"Add"</b></li>
    <li>Install the <a href="#application">application</a></li>
  </ol>
</details>
<details>
<summary><b><u>Installing the Opera extension</u></b> (Click to expand)</summary>
  <h1>Opera Extension Installation</h1>
  <ol>
    <li>Install the extension called "<a href="https://addons.opera.com/en/extensions/details/install-chrome-extensions/">Install Chrome Extensions</a>"
    </li>
    <li>Now install the <a href="https://chrome.google.com/webstore/detail/premid/agjnjboanicjcpenljmaaigopkgdnihi">PreMiD extension</a></li>
    <li>Install the <a href="#application">application</a></li>
  </ol>
</details>

## Application

<details>
  <summary><b><u>Mac OS</u></b> (Click to expand)</summary>
  <h1>Installation on Mac OS</h1>
  <ol>
    <li>Download the latest version of the <a href="https://github.com/Timeraa/YT-Presence/releases/latest">application</a>
    </li>
    <li>Open the downloaded <b>.dmg</b> file</li>
    <li>Drag <b>PreMiD</b> Into your <b>Applications</b> Folder</li>
    <li>Open your Launchpad or press F4</li>
    <li>Open <b>PreMiD</b></li>
    <li>Press <b>"Allow"</b> if a window pops up</li>
    <li>Install <a href="#extension">extension</a> if not already</li>
  </ol>
</details>

<details>
  <summary><b><u>Windows</u></b> (Click to expand)</summary>
  <h1>Installation on Windows</h1>
  <ol>
    <li>Download the latest installer from <a href="https://github.com/Timeraa/YT-Presence/releases/">here</a></li>
    <li>Open the downloaded <b>.exe</b> installer</li>
    <li>If SmartScreen comes up press more informations then press run anyways. (It's not a virus, I promise.)</li>
    <li>PreMiD should install itself and start automatically. (You can tell by looking at the taskbar.)</li>
    <li>Install the <a href="#extension">extension</a>, if you haven't already.</li>
  </ol>
</details>

<details>
  <summary><b><u>Linux</u></b> (Click to expand)</summary>
  <h1>Installation on Linux</h1>
  <p>If you want to talk about the GNU/Linux support: https://github.com/Timeraa/PreMiD/issues/21</p>
  <ol>
    <li>Clone the repository: <code>git clone https://github.com/Timeraa/PreMiD.git</code></li>
    <li>Change the working directory: <code>cd PreMiD/src</code></li>
    <li>Install dependencies and the application itself: <code>npm install</code></li>
    <li>Now you can start the application: <code>npm start</code></li>
  </ol>
</details>

[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/0)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/0)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/1)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/1)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/2)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/2)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/3)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/3)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/4)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/4)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/5)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/5)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/6)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/6)[![](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/images/7)](https://sourcerer.io/fame/Timeraa/Timeraa/PreMiD/links/7)
