Sending focus to html dom, but remaining in control of canvas items

drewdub · June 6, 2023, 4:32pm

I’ve been tasked with an HTML overlay where a user may select some options. however the user must also be able to press play/pause while on this html overlay. Is there a way to route these key presses to the place in the app “video-control-overlay” where its _handlePlayPause() functions etc are?

chiefcll · June 6, 2023, 8:13pm

Yes! You can use either global variables or some Pub/sub system. In your overlay, you’ll need to handle the key press for “play / pause” (usually enter via addEventListener(‘keypress’) ) - Then when you get those events call VIDEO.play() where VIDEO is the global var you created for your video player.

Alternatively, you could have your overlay send all the keypresses it doesn’t understand to the canvas tag… If you have your App reference you can forward the event to _receiveKeydown

github.com

rdkcentral/Lightning/blob/master/src/application/Application.mjs#L306


      
                      const returnValue = path[i][event](...args);
                      if (returnValue !== false) {
                          return true;
                      }
                  }
              }
          
          
    return false;
          }
          
          
_receiveKeydown(e) {
              const obj = e;
              const key = this.__keymap[e.keyCode];
              const path = this.focusPath;
          
          
    let keys;
              if (key) {
                  keys = Array.isArray(key) ? key : [key];
              }
          
          
    if (keys) {

drewdub · June 6, 2023, 8:30pm

Okay awesome thank you so much!

I’ll have a go at it and see.

Cheers.

Topic		Replies	Views
How can we handle custom remote enter? Get Help	1	256	November 18, 2022
Using Native TV Keyboard Get Help	5	368	November 29, 2022
Focusing in and out of canvas Get Help	1	222	June 19, 2023
How to get focus on SVG element Get Help	1	418	November 2, 2022
_captureKeyLong, _handleKeyLong ,_captureKeyRelease and _handleKeyRelease Get Help	0	495	April 23, 2021

Sending focus to html dom, but remaining in control of canvas items

Related Topics