Merge pull request #283 from sandeep-vedam/dynamicAppSize

Dynamic app size

Author: erikhaandrikman

src/Application/index.js

@@ -56,12 +56,6 @@ const defaultOptions = {
   },
 }
 
-if (window.innerHeight === 720) {
-  defaultOptions.stage['w'] = 1280
-  defaultOptions.stage['h'] = 720
-  defaultOptions.stage['precision'] = 0.6666666667
-}
-
 const customFontFaces = []
 
 const fontLoader = (fonts, store) =>
@@ -87,6 +81,11 @@ const fontLoader = (fonts, store) =>
   })
 
 export default function(App, appData, platformSettings) {
+  defaultOptions.stage['w'] = platformSettings.width ? platformSettings.width : 1920
+  defaultOptions.stage['h'] = platformSettings.height ? platformSettings.height : 1080
+  defaultOptions.stage['precision'] =
+    (platformSettings.width ? platformSettings.width : 1920) / 1920
+
   return class Application extends Lightning.Application {
     constructor(options) {
       const config = Deepmerge(defaultOptions, options)

src/VideoPlayer/index.js

@@ -124,17 +124,23 @@ export const setupVideoTag = () => {
     return videoEls[0]
   } else {
     const videoEl = document.createElement('video')
+    const platformSettingsWidth = Settings.get('platform', 'width')
+      ? Settings.get('platform', 'width')
+      : 1920
+    const platformSettingsHeight = Settings.get('platform', 'height')
+      ? Settings.get('platform', 'height')
+      : 1080
     videoEl.setAttribute('id', 'video-player')
-    videoEl.setAttribute('width', withPrecision(1920))
-    videoEl.setAttribute('height', withPrecision(1080))
+    videoEl.setAttribute('width', withPrecision(platformSettingsWidth))
+    videoEl.setAttribute('height', withPrecision(platformSettingsHeight))
     videoEl.style.position = 'absolute'
     videoEl.style.zIndex = '1'
     videoEl.style.display = 'none'
     videoEl.style.visibility = 'hidden'
     videoEl.style.top = withPrecision(0)
     videoEl.style.left = withPrecision(0)
-    videoEl.style.width = withPrecision(1920)
-    videoEl.style.height = withPrecision(1080)
+    videoEl.style.width = withPrecision(platformSettingsWidth)
+    videoEl.style.height = withPrecision(platformSettingsHeight)
     document.body.appendChild(videoEl)
     return videoEl
   }