How are you?
I am working on an HTML5 app for Boxee and encountered the following problem:
I need to have a 'spatial' navigation in my app, so that a user could freely navigate through the focusable items of the page by using UP/DOWN/LEFT/RIGHT keys on the remote control.
I've set an HTML5 app as described in http://developer.boxee.tv/blog/2011/...html5-o-boxee/ and
put boxee.setMode(boxee.KEYBOARD_MODE); into the controller.js so that Boxee enables its keyboard mode:
In this mode of operation, remote control navigation is translated to arrow keys. For example if the user hits the remote’s “up” button, the browser will act as if “arrow up” was pressed on the keyboard.
Then I set proper CSS styles for focused items. But unfortunately, focus hangs somewhere, perhaps on the body.
I have experience in writing HBBTV apps where this spatial navigation works right "from the box".
I also tried adding tabindex attribute in my focusable items without success...
And finally, got it partially working by using browser.focusPrev(); and browser.focusNext(); but it's a pain as it doesn't allow to navigate freely...
In this case it would have been better to have methods like browser.focusUp(); browser.focusDown(); browser.focusLeft(); browser.focusRight(); ...
So, my question is:
Does Boxee have auto spatial navigation?
So when user clicks on an arrow key focus moves to the next focusable item?
If it does, how I may enable it in my HTML5 app? Or there is no such spatial navigation support like in other HBBTV compatible devices which use Opera browser...?