mirror Screencast watch on youtube

@shbatm
I am now satisfied with the behavior. The screen is now syncron with the browser
thank you for your help

@shbatm said in MMM-KeyBindings: Control your mirror with Amazon Fire Stick Remote and Generic Keyboard Inputs:

keyBindings: {
NextSlide: “ArrowRight”, // Remote Key Name
NextSlide: “r”, // Keyboard Key Name
PrevSlide: “ArrowLeft”, // Remote Key Name
PrevSlide: “l” // Keyboard Key Name
},

Double definition of keys does not work.
The remote control is ignored!
Extra buttons on the remote control are handled

//                keyBindings: { 
                    NextSlide: "ArrowRight", // Remote Key Name
                    PrevSlide: "ArrowLeft",  // Remote Key Name
                    NextSlide: "k",          // Keyboard Key Name         
                    PrevSlide: "j",           // Keyboard Key Name
                    Slide0:    "Return",
                    Slide1:    "Menu",
                    Slide2:    "MediaPreviousTrack",
                    Slide3:    "MediaNextTrack"
                }
            }

screencast^2
link text

@shbatm
I am using your modules

It works with Firefox.
Unfortunately, remote control does not influence the browser

///*KeyBindings*/        
        {
            module: 'MMM-KeyBindings',
           //position: "top_bar",
            config: {
                // See below for configurable options
                enabledKeyStates: ["KEY_PRESSED", "KEY_LONGPRESSED"],
                enableNotifyServer: true,
                endableRelayServer: true, 	
                handleKeys: true, //Array of additional keys to handle in this module above the standard set, Reference Mousetrap API for the available key enumerations.
                evdev: {
                        enabled: true,
                        //alias: 'Amazon Fire TV Remote',
                        bluetooth: 'A0:02:DC:9B:78:6E',
                        eventPath: '/dev/input/event3',
                        disableGrab: false,
                        longPressDuration: 0.7,
                        rawMode: false
                },          
            }
        },
/*Carousel*/        
        {
            module: 'MMM-Carousel',
            position: "bottom_bar",
            config: {
                showPageIndicators: true,
                showPageControls: 	true,
                transitionInterval: 1 * 60 * 1000,
                ignoreModules: ['alert'],
                mode: 'slides',
                slides: [
                    [ { name:'clock', classes:'zoom140', position:"top_center",displayType: "analog",} ],
                    [ { name:'clock', classes:'zoom100', position:"top_left"} , 'MMM-Traffic', 'calendar', 'compliments', 'MMM-WunderGround', 'MMM-Fuel', 'internet-monitor','newsfeed','MMM-DWD-WarnWeather','MMM-FRITZ-Box-Callmonitor'],
                    ['MMM-Globe', 'MMM-WunderGround','MMM-FRITZ-Box-Callmonitor', 'MMM-Callmonitor-Current-Call', 'newsfeed'],
                    [ { name:'clock', classes:'zoom075', position:"top_left"} , 'MMM-WunderGround', 'MMM-DHT-Sensor', 'MMM-FRITZ-Box-Callmonitor', 'MMM-Callmonitor-Current-Call', 'MMM-DWD-WarnWeather'],
                    [ { name:'clock', classes:'zoom100', position:"top_left"} ,'calendar', 'MMM-WunderGround', 'MMM-Fuel', 'MMM-DHT-Sensor', 'MMM-FRITZ-Box-Callmonitor', 'MMM-Callmonitor-Current-Call', 'newsfeed'],
                    ['mmm-weatherchart', 'MMM-Traffic']
 //clock calendar MMM-Fuel MMM-DHT-Sensor MMM-WunderGround MMM-DWD-WarnWeather MMM-FRITZ-Box-Callmonitor MMM-Callmonitor-Current-Call newsfeed internet-monitor                        
                    ],
                
/*               slides: 
                [
                   [   
                       {
                           name:'clock', 
                           classes:'zoom140', 
                           position:"top_center"
                       } 
                   ],
                   [   
                       {
                           name:'clock', 
                           classes:'', 
                           position:"top_left"
                       }, 
                       {
                           name:'calendar', 
                           position:'top_right'
                       }, 
                       {
                           name: 'MMM-WunderGround',
                       position:"top_center",
                       },
                       'newsfeed'
                   ]
                ],*/
                    keyBindingsMode: "DEFAULT",
                keyBindings: { 
                    NextSlide: "ArrowRight", 
                    PrevSlide: "ArrowLeft", 
//                    Slide0:    "Return",
//                    Slide1:    "Menu",
//                    Slide2:    "MediaPreviousTrack",
//                    Slide3:    "MediaNextTrack"
                }
            }
        },

take a look @ this.screencast

Top module !
Unfortunately the slides are only visible on the monitor, and not in the browser.
Have I overlooked something?

mirror Screencast watch on youtube

@Sandy2503
one solution

wrapper.className = this.config.classes ? this.config.classes : “bold small bright”;