Allows to subscribe to browser fullscreen event to control mystic light gears lighting

Latest Version

Version
1.0.5
Update
August 25, 2023
Size
48.98KiB
Developer
Category
Users
38
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Mystic Light Browser Cinema Extension

🎞 Mystic Light Browser Cinema 🎞

⭐Have you ever wanted to automatically disable your gear lightning while you are watching movie or youtube video? Check this out ⭐

Extension for Chromium-based browsers (Chromium, Chrome, Vivaldi, Edge, Yandex.Browser) that allows to disable lighting effects of your Mystic Light compatible (mostly comes under MSI trademark) RGB peripherals and components on event when browser enters fullscreen mode.

⚠ Note: Works only with installed Mystic Light and companion app on Windows

❓ Why

Having gaming peripherals and components with fancy RGB led feels great, but it might become annoying while you are trying to watch movies or youtube videos. This extension just allows to automatically disable lighting of these devices when browsers enters fullscreen mode. When browsers leaves fullscreen your device settings will restore to previous state before fullscreen event.

❓ Is my device supported?

- check your device info - if there any mention of \"Mystic Light\" then most likely it is supported
- you can check the Mystic Light compatible products -https://www.msi.com/Landing/mystic-light-rgb-gaming-pc/compatible-products
- if you have installed \"Dragon Center\" or \"MSI Center\" app you will see your device on the Mystic Light tab if it is supported

🔨 Setup

1. Make sure you have installed \"MSI SDK\" program installed on your device. This program is installed with either \"Dragon Center\" or \"MSI Center\" app - you can find download links https://www.msi.com/Landing/mystic-light-rgb-gaming-pc/download.
2. Install native-app
3. Install browser extension

💻 Native app

1. Go to releases page - https://github.com/meskill/mystic-light-browser-cinema/releases
2. Find latest release
3. Locate download link with `Native-app installer` and click on it
4. After download run it to install native app

🧶 Browser extension

1. Install `Mystic Light Browser Cinema` extension from Chrome store
2. Navigate to `chrome://extensions` and click \"Details\" on the newly installed extension.
3. Scroll down and make sure the \"Allow access to file URLs\" is enabled.

😩 Uninstall

- Uninstall \"Mystic Light Browser Extension\" from your browser
- Uninstall \"Mystic Light Browser Cinema\" app from your system through \"Add or remove programs\" tab in windows settings


🎃 Caveats

- Supports only `Windows`
- Changing device state not through Mystic Light app wont be detected by the extension and that will mess up the lighting for you. So prefer to change light effects only through MSI app.
- Only default `%ProgramData%` location is supported. E.g. `C:\\\\ProgramData`

🩺 Troubleshooting

❓ Browser extension shows alert with error \"native-app not found\"

Make sure you have installed [native-app](#native-app) and it is running:
- open start menu
- type \"Services\"
- open Services app
- locate \"Mystic Light Browser Cinema\" service
- make sure it is in \"Running\" state. If not try to start it manually
- if it doesn't help follow [this instruction](#no-answer-on-my-question)

❓ Device state doesn't reflect browser mode

Make sure you have followed setup instruction and have installed \"MSI SDK\" and native-app.

❓ No answer on my question

Please create Issue on GitHub -https://github.com/meskill/mystic-light-browser-cinema/issues with detailed report.

Provide next information:
- screenshot of opened MSI app that shows your Mystic Light compatible devices
- screenshot of opened Windows Services app that shows that you have running \"Mystic Light Browser Cinema\" service
- send as an archive the logs from \"C:\\ProgramData\\Mystic Light\\Mystic Light Browser Cinema\\logs\" folder

🙏 Credits

🎨 Icons

Icons made by [Freepik](https://www.freepik.com) from [www.flaticon.com](https://www.flaticon.com/)
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"icons":{"16":"icon16.721b7357.png",
"48":"icon48.f544afcb.png",
"128":"icon128.6aa15eb0.png"},
"manifest_version":3,
"action":{"default_icon":{"16":"icon16.721b7357.png",
"48":"icon48.f544afcb.png"}},
"version":"1.0.5",
"name":"Mystic Light Browser Cinema",
"description":"Allows to subscribe to browser fullscreen event to control mystic light gears lighting",
"author":"meskill <[email protected]>",
"background":{"service_worker":"background.23452572.js",
"type":"module"},
"content_scripts":[{"matches":[""],
"js":["content.07616647.js"],
"css":[]}],
"permissions":["storage"],
"host_permissions":["file://*/*"],
"web_accessible_resources":[{"matches":[""],
"resources":["iframe.0f328d71.html",
"iframe.d45b69cf.js"]}]}
Read more

How to download and manually install Mystic Light Browser Cinema extension for Chrome

Looking for a way to install Mystic Light Browser Cinema extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Mystic Light Browser Cinema extensions manually, this article outlines two simple methods to effortlessly install Mystic Light Browser Cinema extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Mystic Light Browser Cinema extension and manually install through Drag &Drop

If you ever need to manually install a Mystic Light Browser Cinema extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Mystic Light Browser Cinema Extension by clicking the "Download CRX" button on the website.

Look for the Mystic Light Browser Cinema extension you wish to install. Go to the website and download the Mystic Light Browser Cinema extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Mystic Light Browser Cinema extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Mystic Light Browser Cinema extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Mystic Light Browser Cinema extension for Chrome and install in Developer Mode

This is another method to install Mystic Light Browser Cinema extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Mystic Light Browser Cinema extension file

Select and download the Mystic Light Browser Cinema extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Mystic Light Browser Cinema extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Mystic Light Browser Cinema extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Mystic Light Browser Cinema extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Mystic Light Browser Cinema extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Video Filters Extension · Accessibility 38 9 ★ 18.81KiB

icon

Gameverse Tab Extension · Productivity 38 1 ★ 278KiB

icon

Bideo Max: Auto 8K/4K/HD for YouTube & More Extension · Productivity 38 13 ★ 209KiB

icon

Video Filter Extension · Accessibility 38 49 ★ 37.41KiB

icon

floatplane-cinema-mode Extension · Fun 38 1 ★ 27.89KiB

icon

HTML5 Video Tag Enhancer Extension · Fun 38 19 ★ 4.33MiB

icon

Ambient light for YouTube™ Extension · Productivity 38 135 ★ 947KiB

icon

Cinema Pro Extension · Productivity 38 0 ★ 304KiB

icon

patreon-cinema-mode Extension · Accessibility 38 4 ★ 4.67KiB

icon

Slowed Extension · Productivity 38 53 ★ 2.69MiB

icon

YouTube Cinema Extension · Productivity 38 3 ★ 13.16KiB

icon

Surround sound for music and film Extension · Fun 38 154 ★ 5.55MiB

icon

now.gg: Play top mobile games free online Extension · Fun 38 40 ★ 1.22MiB

icon

SteelSeries Browser Cinema Extension · Productivity 38 2 ★ 11.22KiB

icon

SCR.VN Extension · News & Weather 38 1 ★ 39.98KiB

icon

Youtube Video Effects Extension · Productivity 38 22 ★ 42.91KiB

icon

Night Video Tuner Extension · Accessibility 38 25 ★ 33.5KiB

icon

OVC - One Video Control Extension · Productivity 38 154 ★ 169KiB

icon

Streaming enhanced Netflix Disney Prime Video Extension · Fun 38 89 ★ 128KiB

icon

Video Enhancer - Color Grading Extension · Accessibility 38 10 ★ 109KiB

icon

Video Image Control ( new gamma ) Extension · Accessibility 38 435 ★ 5.69MiB

icon

uTun4 for Youtube ™ Extension · Productivity 38 3 ★ 70.02KiB

icon

Bass Booster Lite Extension · Productivity 38 3 ★ 315KiB

icon

Watchlist for Chrome Extension · Accessibility 38 5 ★ 816KiB