Video Texture Sound and Quality

Help & Support
42

Thanks. I tried that but the issue still happens occasionally:(. I think it that fact that for some reason the URL bar isn’t shown that throws everything out of whack.

43

If I go with the Popup alert option you suggested above (which always works flawlessly), is there a way I can customize the title instead of it saying ‘mywebsite.com says’
…to something prettier?

44

It’s always going to see ‘blah website says’ due to browser behaviour

45

It’s going to be one of these cases that unless I can reproduce it, I’m not going to be able to track down what could the be issue.

It can be a number of things that requires the developer to really dig into everything from the DOM tree down to the canvas sizing in the engine.

I’ve tried this across multiple browsers and devices and not able to reproduce with my standalone project using the div wrapper. Not sure if it’s some sort of timing issue or something else entirely

46

I tweaked the windowSizeChangeIntervalHandler interval in the fullScreenHack from 100 to 1000 and that seemed to help a lot. 2000 and I don’t see the error anymore as far as I can tell.

I’m honestly not exactly sure what the two timeouts do but now I have the first set at 2000 and the second at 1000.

47

Can you show the code please?

48

Sure:

(function() {
    var lastWindowHeight = window.innerHeight;
    var lastWindowWidth = window.innerWidth;
    var windowSizeChangeIntervalHandler = null;

    var app = pc.Application.getApplication();
    var canvas = document.getElementById('application-canvas');

    var reflow = function () {
        app.resizeCanvas(canvas.width, canvas.height);

        // Poll for size changes as the window inner height can change after the resize event for iOS
        // Have one tab only, and rotrait to portrait -> landscape -> portrait
        if (windowSizeChangeIntervalHandler === null) {
            windowSizeChangeIntervalHandler = setInterval(function () {
                if (lastWindowHeight !== window.innerHeight || lastWindowWidth !== window.innerWidth) {
                    reflow();
                }

                lastWindowHeight = window.innerHeight;
                lastWindowWidth = window.innerWidth;
            }, 2000);//was 100

            // Don't want to do this all the time so stop polling after some short time
            setTimeout(function() {
                if (!!windowSizeChangeIntervalHandler) {
                    clearInterval(windowSizeChangeIntervalHandler);
                    windowSizeChangeIntervalHandler = null;
                }
            }, 1000);
        }

        lastWindowHeight = window.innerHeight;
        lastWindowWidth = window.innerWidth;
        
    };

    window.addEventListener('resize', reflow, false);
    window.addEventListener('orientationchange', reflow, false);
})();
49

That’s really odd as it means that basically all the script is doing:

(function() {
    var app = pc.Application.getApplication();
    var canvas = document.getElementById('application-canvas');

    var reflow = function () {
        app.resizeCanvas(canvas.width, canvas.height);
    };

    window.addEventListener('resize', reflow, false);
    window.addEventListener('orientationchange', reflow, false);
})();

As the code in setInterval is not called :thinking:

Seems to be working in the sense that the address bar is still hidden but things don’t look squashed and there is no gap :thinking: