@@ -328,22 +328,68 @@ version 0.6.9
try {
{const providers = {};
-providers.local = new Scaffolding.Cloud.LocalStorageProvider("cloudvariables:p4-@Projekt.pmp");
providers.ws = new Scaffolding.Cloud.WebSocketProvider("wss://cloudvars.br0tkasten.de", "p4-@Projekt.pmp");
+providers.local = new Scaffolding.Cloud.LocalStorageProvider("cloudvariables:p4-@Projekt.pmp");
for (const provider of Object.values(providers)) scaffolding.addCloudProvider(provider);
-scaffolding.addCloudProviderOverride("☁ mein 1", providers["local"] || null);
scaffolding.addCloudProviderOverride("☁ 1 Stern", providers["ws"] || null);
scaffolding.addCloudProviderOverride("☁ 2 Stern", providers["ws"] || null);
scaffolding.addCloudProviderOverride("☁ 3 Stern", providers["ws"] || null);
scaffolding.addCloudProviderOverride("☁ 4 Stern", providers["ws"] || null);
scaffolding.addCloudProviderOverride("☁ 5 Stern", providers["ws"] || null);
scaffolding.addCloudProviderOverride("☁ 0 Stern", providers["ws"] || null);
+scaffolding.addCloudProviderOverride("☁ mein 1", providers["local"] || null);
scaffolding.addCloudProviderOverride("☁ room id", providers["ws"] || null);
};
} catch (error) {
console.error(error);
}
+ if (document.fullscreenEnabled || document.webkitFullscreenEnabled) {
+ let isFullScreen = !!(document.fullscreenElement || document.webkitFullscreenElement);
+ const fullscreenButton = document.createElement('img');
+ fullscreenButton.draggable = false;
+ fullscreenButton.className = 'control-button fullscreen-button';
+ fullscreenButton.addEventListener('click', () => {
+ if (isFullScreen) {
+ if (document.exitFullscreen) {
+ document.exitFullscreen();
+ } else if (document.webkitExitFullscreen) {
+ document.webkitExitFullscreen();
+ }
+ } else {
+ if (document.body.requestFullscreen) {
+ document.body.requestFullscreen();
+ } else if (document.body.webkitRequestFullscreen) {
+ document.body.webkitRequestFullscreen();
+ }
+ }
+ });
+ const otherControlsExist = false;
+ const fillColor = otherControlsExist ? '#575E75' : '#ffffff';
+ const updateFullScreen = () => {
+ isFullScreen = !!(document.fullscreenElement || document.webkitFullscreenElement);
+ document.body.classList.toggle('is-fullscreen', isFullScreen);
+ if (isFullScreen) {
+ fullscreenButton.src = 'data:image/svg+xml,' + encodeURIComponent('
');
+ } else {
+ fullscreenButton.src = 'data:image/svg+xml,' + encodeURIComponent('
');
+ }
+ };
+ updateFullScreen();
+ document.addEventListener('fullscreenchange', updateFullScreen);
+ document.addEventListener('webkitfullscreenchange', updateFullScreen);
+ if (otherControlsExist) {
+ fullscreenButton.className = 'control-button fullscreen-button';
+ scaffolding.addControlButton({
+ element: fullscreenButton,
+ where: 'top-right'
+ });
+ } else {
+ fullscreenButton.className = 'standalone-fullscreen-button';
+ document.body.appendChild(fullscreenButton);
+ }
+ }
+
vm.setTurboMode(false);
if (vm.setInterpolation) vm.setInterpolation(false);
if (vm.setFramerate) vm.setFramerate(30);
@@ -379,7 +425,7 @@ scaffolding.addCloudProviderOverride("☁ room id", providers["ws"] || null);
}
-
+