Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
  • Loading branch information
EnhancedJax committed Aug 1, 2022
2 parents 14bf36e + 3ea34a1 commit ce6616d
Show file tree
Hide file tree
Showing 3 changed files with 114 additions and 111 deletions.
35 changes: 35 additions & 0 deletions .github/workflows/Dynamic-Readme.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
name: "📄 Dynamic ReadME"

env:
VS_WORKFLOW_TYPE: "dynamic-readme"

on:
workflow_dispatch:
push:
branches:
- main
paths:
- README.md

jobs:
update_readme:
name: "Render & Update ReadME"
runs-on: ubuntu-latest
steps:
- name: "📥 Fetching Repository Contents"
uses: actions/checkout@main

- name: "💾 Github Repository Metadata"
uses: varunsridharan/action-repository-meta@main
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

- name: "💫 Update README.md"
uses: "varunsridharan/action-dynamic-readme@main"
with:
GLOBAL_TEMPLATE_REPOSITORY: Jax-Core/ReadME-Template/Templates
commit_message: ⏩ File Rebuilt by Github Actions - Dynamic ReadME
files: |
README.md
env:
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
21 changes: 21 additions & 0 deletions LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2022 JaxCore

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
169 changes: 58 additions & 111 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,139 +1,86 @@

<!-- START HeaderSmall.mustache -->
<br />
<div align="center">
<a href="https://github.com/Jax-Core/ModularPlayers">
<img src="https://i.imgur.com/EjekXps.png" alt="Logo" width="80" height="80">
<img src="https://raw.githubusercontent.com/Jax-Core/ReadME-Template/main/Resources/Icons/ModularPlayers.png" alt="Logo" width="80" height="80">
</a>

<h3 align="center">ModularPlayers</h3>

<p align="center">
Media Controls with gesture control and a multitude of features.
<br />
<a href="https://www.deviantart.com/jaxoriginals/art/ModularPlayers-Adaptive-music-widget-886577256"><strong>More Info »</strong></a>
<br />
Gallery of desktop media widget which supports most media players
<br />
<a href="https://discord.gg/JmgehPSDD6">Report Bugs & Request Features </a>
<a href="https://discord.gg/JmgehPSDD6">Help, Report Bugs & Request Features »</a>
</p>
</div>
<!-- END HeaderSmall.mustache -->
<!-- START ShieldsBasic.mustache -->
<p align="center">
<img alt="Latest by date" src="https://img.shields.io/github/v/tag/Jax-Core/ModularPlayers?label=Version&style=for-the-badge" />
<img alt="Discord" src="https://img.shields.io/discord/880445067754610688?label=Discord%20server&style=for-the-badge" />
<img alt="Github" src="https://img.shields.io/github/license/Jax-Core/ModularPlayers?style=for-the-badge" />
</p><!-- END ShieldsBasic.mustache -->


<!-- TABLE OF CONTENTS -->
<details>
<summary>Table of Contents</summary>
<ol>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#Features">Features</a>
</li>
<li>
<a href="#getting-started">Getting Started</a>
<ul>
<li><a href="#prerequisites">Prerequisites</a></li>
<li><a href="#installation">Installation</a></li>
<li><a href="#setting-up">Styles Setup</a>
<ul>
<li><a href="#installing-imagemagick">Installing ImageMagick</a></li>
<li><a href="#installing-spicetify">Installing Spicetify</a></li>
<li><a href="#choosing-presets">Choosing Presets</a></li>
</ul>
</li>
</ul>
</li>
<li> <a href="#help-and-credits">Help & Credits</a></li>

</ol>
</details>

<!-- START About.mustache -->

## About

![ModularPlayers](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/97bfd084-7ef0-496f-a835-3c41f482d38c/denufe0-a4a5dad3-3428-44da-a4e9-2acfc51592a7.png/v1/fill/w_1192,h_670,q_70,strp/modularplayers___adaptive_music_widget_by_jaxoriginals_denufe0-pre.jpg)

ModularPlayers is a Rainmeter skin that includes a gallery of hand-crafted media controllers, a preview option, and an efficient settings menu.
![ModularPlayers](https://raw.githubusercontent.com/Jax-Core/ReadME-Template/main/Resources/Splash/ModularPlayers.png)
<!-- END About.mustache -->
**ModularPlayers** is a gallery of hand-crafted nowplaying metadata widgets.


## Features
<!-- START Features.mustache -->

## Features<!-- END Features.mustache -->
* 10 Player Presets
* Animated Styles
* Gesture Driven Media Controls
* Media controls
* Fully scalable

<!-- START GetStarted.mustache -->

## Getting Started

### Prerequisites
- **Windows 10** or above
> For older systems, **Powershell v5.1 or newer** is required. Upgrade powershell **[here](https://docs.microsoft.com/en-us/powershell/scripting/windows-powershell/install/installing-windows-powershell?view=powershell-7.2#upgrading-existing-windows-powershell)**!
- **Rainmeter v4.5 or newer.** Rainmeter can be installed by downloading the `.exe` file [from Rainmeter's official website.](https://www.rainmeter.net/)
- **JaxCore v40005 or newer.** JaxCore can be installed by downloading the `.rmskin` file from [JaxCore's official website.](https://jax-core.github.io/)

### Installation

Assuming you successfully downloaded and installed Rainmeter as well as JaxCore, you can now proceed to install ModularPlayers by following the steps below.

1. Download and run the `.rmskin` file for **ModularPlayers** from the official [JaxCore site](https://jax-core.github.io/) to install **ModularPlayers**.
2. Leave the installation settings at their defaults and click Install.
3. When the installation is finished, a startup pop-up should appear. Follow through the pop-up to finish installing **ModularPlayers**.

* Note: If you find that the JaxCore option is red on the startup pop-up, please press the red button and Core will be installed automatically. Perchance this fails, you can manually install Core by downloading the `.rmskin` file from [JaxCore's official website.](https://jax-core.github.io/)

### Setting Up
### Installation
Run the following command in Powershell to download the latest version of JaxCore.

To use the custom player styles, you must first install and configure **[ImageMagick](https://github.com/khanhas/MagickMeter) as well as [Spicetify](https://spicetify.app/).** If you already have **ImageMagick** and **Spicetify** setup, you can skip to choosing the presets; if not, follow the instructions below to setup **ImageMagick** and **Spicetify**.
(To launch Powershell as an Admin: `Win + R` -> `powershell` -> Press `CTRL + SHIFT + ENTER` on your keyboard. Powershell can also be launched via Windows Search.)

```
Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/Jax-Core/JaxCore/master/CoreInstaller.ps1" | Invoke-Expression
```

#### Installing ImageMagick:
> Alternatively you can download it from the [website](https://jax-core.github.io/)
1. Open **[this link](https://www.imagemagick.org/script/download.php#windows)**. This link will take you to another site where you must locate and download the appropriate installer.
2. Find a suitable release under **Windows Binary Release** that corresponds to your requirements and download it. The `ImageMagick-7.1.0-19-Q16-HDRI-x64-dll.exe` executable will be used to install for this guide.
3. After the download is complete, run the installer, which in this case is `ImageMagick-7.1.0-19-Q16-HDRI-x64-dll.exe`.
4. Leave the installation settings at their defaults and follow through the installation. You can tinker around with the settings **ONLY** if you know what they do.
5. Open **[this link](https://github.com/khanhas/MagickMeter/releases)** and dowload the latest release of the **MagickMeter** skin. The `magickmeter_0.7.3.rmskin` Rainmeter skin file will be used to install for this guide.
6. Leave the installation settings at their defaults and click Install.
7. Restart Rainmeter and your plugin will be activated.

And that is how you setup **ImageMagick**. You can now proceed to configure the player Presets.

* **Note:** An alternate approach for **Step 5** and **Step 6** is:
- Download the [plugin DLLs](https://github.com/khanhas/MagickMeter/releases)
- Copy the version that corresponds to your system from the zip file (x86 or x64)
- Open Run(`Win + R`), type `%appdata%\Rainmeter\Plugins\` and press **OK**.
- Manually paste DLL you copied in the second step.
- Finally, restart Rainmeter and your plugin will be activated.

#### Installing Spicetify:

1. Open Powershell (Windows 10) or Windows Terminal (Windows 11) and run the commands that follow:
```
Invoke-WebRequest -UseBasicParsing "https://raw.githubusercontent.com/khanhas/spicetify-cli/master/install.ps1" | Invoke-Expression
spicetify
spicetify config extensions webnowplaying.js
```
**If you only want to install `webnowplaying.js` without the custom themes, use the following command:**
```
spicetify config inject_css 0 replace_colors 0
```
2. And finally, run the following command to save and apply all your changes:
```
spicetify backup apply
```

You can now proceed to choosing the presets.

#### Choosing Presets:
Follow the steps outlined below to setup custom player presets:

1. Open Core and head over to the **Desktop** section.
2. Select **ModularPlayers** from the list and proceed to the **Appearance** tab.
3. Under **Player Style** choose a preset that you like.
4. The player style will be changed if you refresh **ModularPlayers** by deactivating and activating the toggle on the bottom left.

* **Note:** The **General** and **Appearance** tabs allow you to further customize each preset as required.

## Help and Credits
- MediaPlayer plugin by [i2002](https://github.com/i2002)
- MagickMeter and ImageMagick plugins along with Spicetify by [khanhas](https://github.com/khanhas)
- Join the [Core Community Discord Server](https://discord.gg/JmgehPSDD6) for more help.
After you've proceeded through the welcome screen, select `ModularPlayers` (might have to scroll down) and click `Install`. It will appear in the library page after that.
<br />
<br /><!-- END GetStarted.mustache -->
<!-- START Setup.mustache -->

### Configuration
Use the JaxCore menu to configure ModularPlayers.
For more information, visit [JaxCore's documentation](https://jaxcore.gitbook.io/core/)
<br>
<br><!-- END Setup.mustache -->
<!-- START Footer.mustache -->

## Need assistance?
* Join the [CoreCommunity Discord Server](https://discord.gg/JmgehPSDD6) for help
* or [Create an issue](https://github.com/Jax-Core/ModularPlayers)

## Say Hi!
* Follow me on 👨‍💻 [Github](https://github.com/EnhancedJax) and stay updated on new things that I make
* You can also watch me on 🐦 [DeviantArt](https://www.deviantart.com/jaxoriginals) instead
* Message me on 🗨️ [Discord](https://discord.gg/JmgehPSDD6)

---

<p align="center">
<i>Made with ❤️ by Jax</i>
<br/><br/>
<img src="https://raw.githubusercontent.com/Jax-Core/ReadME-Template/main/Resources/Assets/Logo.png" width="32" height="32"/>
</p><!-- END Footer.mustache -->

0 comments on commit ce6616d

Please sign in to comment.