diff --git a/capacitor/package.json b/capacitor/package.json index 23f5e40..2c98c1f 100644 --- a/capacitor/package.json +++ b/capacitor/package.json @@ -41,6 +41,7 @@ "capacitor-plugin-safe-area": "^3.0.3", "capacitor-volume-control": "^0.0.1", "common": "workspace:*", + "cordova-plugin-fullscreen": "^1.3.0", "cordova-plugin-navigationbar": "^1.0.31", "cordova-plugin-pip": "^0.0.2", "cordova-plugin-screen-orientation": "^3.0.4", diff --git a/capacitor/src/capacitor.js b/capacitor/src/capacitor.js index 34c34cf..5a61d84 100644 --- a/capacitor/src/capacitor.js +++ b/capacitor/src/capacitor.js @@ -88,7 +88,7 @@ updateInsets() StatusBar.setStyle({ style: Style.Dark }) StatusBar.setOverlaysWebView({ overlay: true }) -navigationbar.setUp(true) +// navigationbar.setUp(true) // cordova screen orientation plugin is also used, and it patches global screen.orientation.lock diff --git a/common/views/Player/Player.svelte b/common/views/Player/Player.svelte index 3965d36..1c168da 100644 --- a/common/views/Player/Player.svelte +++ b/common/views/Player/Player.svelte @@ -108,10 +108,14 @@ document.addEventListener('fullscreenchange', () => { isFullscreen = !!document.fullscreenElement if (document.fullscreenElement) { - window.Capacitor.Plugins.StatusBar.hide() + // window.Capacitor.Plugins.StatusBar.hide() + window.AndroidFullScreen.immersiveMode() screen.orientation.lock('landscape') } else { - window.Capacitor.Plugins.StatusBar.show() + // window.Capacitor.Plugins.StatusBar.show() + window.AndroidFullScreen.showSystemUI() + window.Capacitor.Plugins.StatusBar.setOverlaysWebView({ overlay: true }) + screen.orientation.unlock() } }) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 71c5894..d88dcaf 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -108,6 +108,9 @@ importers: common: specifier: workspace:* version: link:../common + cordova-plugin-fullscreen: + specifier: ^1.3.0 + version: 1.3.0 cordova-plugin-navigationbar: specifier: ^1.0.31 version: 1.0.31 @@ -1913,6 +1916,10 @@ packages: peerDependencies: webpack: ^5.1.0 + cordova-plugin-fullscreen@1.3.0: + resolution: {integrity: sha512-K0SQMUyemQrezNlnfyHXQd8BgpwR3TS/fx456GueRCUdro5QG6tCzDDVBCVEGeKroDhXWmabAlhvO3gPoqw/tg==} + engines: {'0': {name: cordova, version: '>=3.0.0'}} + cordova-plugin-navigationbar@1.0.31: resolution: {integrity: sha512-xt9tx5Aprf052OvuG2JohjRkkU/6U6XQ8mXOx93HaHFz6cCZI1+B0pl/uoyU/FkJsP41QIw1upnMdzgav11ifw==} engines: {'0': {name: cordova, version: '>=3.0.0'}} @@ -7744,6 +7751,8 @@ snapshots: serialize-javascript: 6.0.2 webpack: 5.91.0(webpack-cli@5.1.4) + cordova-plugin-fullscreen@1.3.0: {} + cordova-plugin-navigationbar@1.0.31: {} cordova-plugin-pip@0.0.2: {}