@gismo2006 Have you put this into the notificationReceived function, e.g. in line 26?

notificationReceived: function(notification, payload, sender) {
        if (notification === "PLAY_MUSIC"){
                var playButton = document.getElementById('play-button');
                playButton.click();
        }

        if (notification === "STOP_MUSIC"){
                var stopButton = document.getElementById('stop-button');
                stopButton.click();
        }
    },

Also add the id somewhere here, e.g. with

playButton.id = 'play-button'

Same for the stop button.

@gismo2006 This part has to go into mm-music-player.js. This is where you receive the notification. Then instead of this.media.play() you have to do access the play and stop functions of the mm-music-player (which unfortunately is seems a little bit complicated, since they are only elements on the web page).

Edit: Maybe the easiest is to give the Play and Stop button an id and then ‘fake’ a click event on the the buttons.

var playButton = document.getElementById('play-button');
playButton.click();

@rvdgeer Good idea.

If anyone wants to see how this looks (with a gif it is pretty simple):

		{
			module: "helloworld",
			position: "fullscreen_below",
			config: {
				text: "<img src='https://thumbs.gfycat.com/DiscreteDenseCockroach-size_restricted.gif' alt='GIF test' style='position:absolute; top:100%; left:50%; transform: translate(-50%, -100%); width:100%;'>"
			}
		},

@Mitchfarino That is what I was wondering, too. Maybe a random guy with a lot of follower’s on his blog/twitter/whatever feed.

@BenRoe That might actually belong to the existing productivity category(?).

Well we would need to change MMM-Podcast, to basically play the video always and then maybe show/hide this with MMM-Module-Scheduler.

Still a custom module might be better here, since we do not want to waste resources, by playing a hidden video all the time, maybe I have time to put something together this weekend.

Description:

This module for the Magic Mirror² allows you to quickly shutdown your mirror through a web browser. The website should work fine on any device (desktop, smart phone, tablet, …). Additionally you can hide and show modules on your mirror, send alerts and do more cool stuff in the future.

Screenshots:

Download:

[card:Jopyth/MMM-Remote-Control]

FAQ:

Can not access the remote website (and the MagicMirror in general) at all (MagicMirror Version > 2.1.3)

Possible solution: Change address in config

White screen issues (after updating)?

Possible solution: Run npm install

Error: Cannot GET /remote.html

Possible solution: [MMM-Remote-Control] Can not access remote control module

“This device is not allowed to access your mirror. Please check your config.js or config.js.sample to change this.”

Solution: ipWhitelist HowTo

Changelog

---

[2.1.0] - 2020-11-01

Hello! Ezequiel here. Just wanted to say thanks for trust in me, in the past days I made a lot of changes into the code, adding some functions that’ll surely be in a future release, and also putting everything together in my fork. I answered almost every issue raised, and tried to help every person that use this module. Today, I’m glad to be able to share everything I learned to all of you. I apologize for some fast and uncommented commits, I just thinked that some things needed to be fixed ASAP.
See you in future commits, issues and PRs :D

Fixed

• A typo in es translation
• A few typos in README.md (#134 and #149) and API/README.md (#179)
• Delayed commands should now work (#190)
• Typo on remote_action (#184)
• IP now showing (#194)
• MM restart button don’t just stop anymore (#126)
• Saving config should work as expected now (#153)
• installer.sh now detects where’s the node instalation (#222)

Added

• Danish translation (#157)
• Italian translation (#162)
• Port now showing according to config.js (#98)
• Custom commands for shutdown and reboot

Changed

• Overwrite of local changes when updating from a repository
• Now requires MagicMirror version 2.12

[2.0.1] - 2020-10-28

Huge thanks to @ezeholz who has offered to maintain the module fron now on!
Credit for this (and future) versions and releases goes to @ezeholz (unless noted otherwise).

Now requires MagicMirror version 2.7.

Fixed

• Path to font awesome icons
• A few typos in ca and es translations
• Updates to remote.html to support new basePath feature in MM config.js, follow up to this MM issue, related to #185

[2.0.0] - 2019-02-21

Huge shoutout to shbatm for his work on this new major version, which brings a new API, custom menus and commands and lots of other stuff:

Added

• REST API interface for controlling all aspects of the MagicMirror from HTTP RESTful-style GET and POST calls, based on principles from MMM-Api
  • Full API Documentation at API/README.md
• Live daily updates of modules.json from the MagicMirror wiki, based on principles from MMM-Remote-Control-Repository.
• Incorporated some features found in MMM-OnScreenMenu that were not originally in this module.
  • Monitor (Connected Screen) On-Off Status and Toggle
  • Delayed calls (“DELAYED” Query option and .../delay API paths)
  • If using Electron: Open Dev Tools, Minimize, Toggle Fullscreen
• Configuration Option to send custom shell commands to use. Currently, only custom monitor on/off/status commands are supported.
• Module Control menu - Automatically generated from the API to control the different modules you have installed, based on their notificationReceived function.
• Custom menu items. See Custom Menu Items in README
• Norsk bokmål translation

Changed

• Updates to remote.html and the node_helper.js to use direct SocketIO communication back and forth instead of separate HTTP calls.
  • Future framework for following PM2 logs and more live update options.
• General clean-up and standardization of status reporting for GET and POST calls, to original URLs and to new API URLs.
• Updated to ES2015 (ES Version 6) function calls in most locations.
• Added USER_PRESENCE controls from AgP42
• Added/updated french translations from BKeyport and Mysh3ll
• Added SHOW/HIDE/TOGGLE ALL modules option per request from Rene1709

Upcoming Changes

• Add additional MMM-OnScreenMenu features:
  • Moving modules’ positions
• PM2 Log Follower / Terminal Window
• Added Notification Echo option to config to echo all Module Notifications to the remote’s DevTools console for debugging.
• Allow for text input in the Module Controls menu to be able to provide a notification payload.

[1.1.5] - 2018-05-14

Added

• French translation

Fixed

• Updated documentation to new MagicMirror version
• Fix error on updating MagicMirror

[1.1.4] - 2017-09-17

Added

• Dutch translation
• Updating a module tries to install dependencies with npm install
• Module identifier is shown if a module is locked with lock strings
• Confirmation dialog before restart and shutdown

Fixed

• Internal save file format and mistakenly hiding modules which were hidden by other modules
• Restart should work for new installations

Changed

• German translation for power menu changed from “Ausschalten” to “Energieoptionen”

[1.1.3] - 2017-04-23

Added

• Portuguese translation
• Indonesian translation
• Support for iOS Icon and Webapp

Changed

• Installation no longer needs a temporary file

Fixed

• Icon paths adapted to changes in Magic Mirror² 2.1.0

[1.1.2] - 2017-02-01

Note: Since version 1.1.0 this module uses (new) dependencies, check the Updating section in the README.md.

Added

• Swedish translation

Changed

• Installation process updated in README.md
• Automatic installer/updater includes hint to restart Magic Mirror²

Fixed

• Issues with not applying shown and hidden status correctly to modules
• Issues where lockstrings were missing
• Modules sometimes did not show correctly in the UI as hidden or shown:
  • This is due to a bug in Magic Mirror²
  • PR #659 to fix this was made in the project, will be released in the next version

[1.1.0] - 2017-01-26

Added

• First version of installer script
• Menu to send Alerts and/or Notifications to your mirror
• Menu to update your MagicMirror installation and your modules (through git pull)
• Menu to change the config.js
  • Modules can be installed, added, removed, configured
  • There will be backups of the five last versions of the config.js in the config folder
  • Some of these parts are hidden behind an “exprimental” warning, do not ignore that warning
• NOTIFICATION action, see README.md for details

Changed

• Menu structure
  • Old “Edit” and “Settings” are now under “Edit view”
• Smaller font sizes in lists

Fixed

• Issues coming from disabled modules since MM version 2.1.0

[1.0.0] - 2016-10-24

Added

• Changelog
• New buttons in user interface
  • Hide/show all modules
  • Link to MagicMirror² homepage
  • Option to adapt brightness (making the mirror brighter than 100% can be limited to certain modules)
• Contributing hints
• Internal versioning of saved config (current version: 1)
• Added action MODULE_DATA to return module data in JSON format

Changed

• Internal timeout for commands increased from 5 to 8 seconds
• Symbols for display on and off
• Internal changes in preparation for Magic Mirror version 2.1.0

The utilities section seems to be the section where everything goes, which does not fit into the other categories.

Maybe now, it would be possible to sort these modules a little bit more?

For example, modules for specific public transportation networks (maybe also the modules for Fuel and Nextbike) could go into a transportation category, also we have a set of weather related modules (weather and/or environment category?), and some which go into the direction of connecting devices, facilitating smart home stuff and IoT (insert useful category name here).
Edit: Also stuff that basically expands the base system (like Carousel, Face Recognition, Motion Detection) could go into a system category.

This might make things easier to find, or maybe it just confuses everybody and everything should be kept as is. What do you think?

@gianienderlin You’ve got the wrong id (list_id). That was the only way I was able to obtain the error. I will see if I can make it simpler to retrieve a list id.

Do this section again:

Finding a List ID

One of the trickier parts of using the Trello API for simple use cases is finding a List ID that belongs to a user. There are a few ways of doing this depending on your skillsets. One such way is to use the Chrome Dev Tools to watch network traffic from the official client.

To try to make this easy, we’ll be dumping the JSON from a known Card. Open the official Trello web client and find a Card from a list that you want to use as your target.

It should have a short URL that looks like

https://trello.com/c/DcqBrqdx/1-target-card

Take that URL and add .json to the end as follows:

https://trello.com/c/DcqBrqdx/1-target-card.json

Within the raw JSON dump you get when pulling up this new URL, you will see a field called idList. We’re about to use this to create a new Card in the same list.

You have to search for the parameter idList in the json (usually possible with CTRL+F), I think you have taken the id of the card instead.

@Mitchfarino But how are our ghosts staying in HD-Quality with a gif?

Ok, joke aside, gif might also be a good option. But I still think the main thing is to find a video or gif, that actually look decent on the mirror. Without stuff in the background, and maybe something like a fade in and fade out movement.