@24i/bigscreen-sdk 1.0.8-alpha.2183 → 1.0.8-alpha.2184

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.8-alpha.2183",
+    "version": "1.0.8-alpha.2184",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {

package/packages/driver-base/src/KeyMap/KeyMap.ts

@@ -384,3 +384,7 @@ export const GAMEPAD_A = new Key({
 export const GAMEPAD_B = new Key({
     id: 'GAMEPAD_B',
 });
+
+export const SUBTITLES = new Key({
+    id: 'SUBTITLES',
+});

package/packages/driver-base/src/__mocks__/keyMap.ts

@@ -38,4 +38,5 @@ export const KEYMAP = {
     KP_9: 105,
     CHANNEL_UP: 33,
     CHANNEL_DOWN: 34,
+    SUBTITLES: 83,
 };

package/packages/driver-base/src/types/KeycodeKeyMap.ts

@@ -82,4 +82,6 @@ export type KeycodeKeyMap = {
 
     GAMEPAD_A: number,
     GAMEPAD_B: number,
+
+    SUBTITLES: number,
 };

package/packages/driver-browser/src/keymap.ts

@@ -9,6 +9,14 @@ export const getKeyMap = () => {
         VOL_UP: { code: 'KeyU', keyCode: 85 },
         VOL_DOWN: { code: 'KeyJ', keyCode: 74 },
         MUTE: { code: 'KeyM', keyCode: 77 },
+        PLAY: { code: 'KeyO', keyCode: 79 },
+        PAUSE: { code: 'KeyP', keyCode: 80 },
+        PLAYPAUSE: { code: 'Space', keyCode: 32 },
+        FF: { code: 'Period', keyCode: 190 },
+        REW: { code: 'Comma', keyCode: 188 },
+        STOP: { code: 'Escape', keyCode: 27 },
+        SUBTITLES: { code: 'KeyS', keyCode: 83 },
+        REC: { code: 'KeyI', keyCode: 73 },
     });
     return generateKeyCodeKeyMap();
 };

package/packages/player-ui/src/PlayerUI.tsx

@@ -23,6 +23,7 @@ type Props = {
     onClose?: () => void,
     onHide?: () => void,
     isPauseAllowed?: () => boolean,
+    showSubtitlesPicker?: () => void,
 };
 
 export class PlayerUI extends Component<Props>
@@ -84,10 +85,19 @@ export class PlayerUI extends Component<Props>
             STOP: this.onKeyStop,
             FF: this.onKeyForward,
             REW: this.onKeyRewind,
+            SUBTITLES: this.onKeySubtitles,
         });
         if (processed && !FF.is(event) && !REW.is(event)) stopEvent(event);
     };
 
+    onKeySubtitles = () => {
+        const { showSubtitlesPicker } = this.props;
+        if (showSubtitlesPicker) {
+            showSubtitlesPicker();
+        }
+        return true;
+    };
+
     onKeyPlay = () => {
         if (this.seeking.isSeeking()) {
             this.seeking.confirmSeek();