Using android browser (refresh issue) #539

Karabacak021 · 2024-07-21T02:30:10Z

Karabacak021
Jul 21, 2024

Hello there,

I would like to use this app with an older android phone (HTC One M8), because until now I have been using the pitikapp app, but there are much cooler themes for the turing smart screen app :D .

My plan would be to use the debug emulator on the phone opened on the local network, however there is a problem with the refresh.

I modified the following in lcd_simulated.py:

class LcdSimulated(LcdComm):
    def __init__(self, com_port: str = "AUTO", display_width: int = 1080, display_height: int = 1920,

and this:

self.webServer = HTTPServer(("192.168.50.34", WEBSERVER_PORT), SimulatedLcdWebServer)
            logger.debug("To see your simulated screen, open http://%s:%d in a browser" % ("192.168.50.34", WEBSERVER_PORT))

The problem is that the image loads in chrome in firefox and opera, but it is static, it does not update automatically, but when manually refreshed it always loads the current one.

Is there any browser that can work with the automatic refresh code part, or what should I rewrite to make it work in mobile browser?

Or do you have a better idea? Unfortunately I couldn't find an android client.

with the code generated with chatgpt below, I managed to get it to update even in a mobile browser, but I would be happy if a real person would also check whether gpt didn't dream up unnecessary things :D

    def do_GET(self):
        if self.path == "/":
            self.send_response(200)
            self.send_header("Content-type", "text/html")
            self.end_headers()
            self.wfile.write(bytes("<!DOCTYPE html>", "utf-8"))
            self.wfile.write(bytes("<html lang=\"en\">", "utf-8"))
            self.wfile.write(bytes("<head>", "utf-8"))
            self.wfile.write(bytes("<meta charset=\"UTF-8\">", "utf-8"))
            self.wfile.write(bytes("<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">", "utf-8"))
            self.wfile.write(bytes("<title>Simulated LCD</title>", "utf-8"))
            self.wfile.write(bytes("</head>", "utf-8"))
            self.wfile.write(bytes("<body>", "utf-8"))
            self.wfile.write(bytes("<img src=\"" + SCREENSHOT_FILE + "\" id=\"myImage\" />", "utf-8"))
            self.wfile.write(bytes("<script>", "utf-8"))
            self.wfile.write(bytes("function refreshImage() {", "utf-8"))
            self.wfile.write(bytes("    var xhr = new XMLHttpRequest();", "utf-8"))
            self.wfile.write(bytes("    xhr.open('GET', '" + SCREENSHOT_FILE + "?rand=' + Math.random(), true);", "utf-8"))
            self.wfile.write(bytes("    xhr.responseType = 'blob';", "utf-8"))
            self.wfile.write(bytes("    xhr.onload = function() {", "utf-8"))
            self.wfile.write(bytes("        if (xhr.status === 200) {", "utf-8"))
            self.wfile.write(bytes("            var imgElement = document.getElementById('myImage');", "utf-8"))
            self.wfile.write(bytes("            var url = URL.createObjectURL(xhr.response);", "utf-8"))
            self.wfile.write(bytes("            imgElement.src = url;", "utf-8"))
            self.wfile.write(bytes("        }", "utf-8"))
            self.wfile.write(bytes("    };", "utf-8"))
            self.wfile.write(bytes("    xhr.send();", "utf-8"))
            self.wfile.write(bytes("}", "utf-8"))
            self.wfile.write(bytes("setInterval(refreshImage, 250);", "utf-8"))  # Update interval
            self.wfile.write(bytes("</script>", "utf-8"))
            self.wfile.write(bytes("</body>", "utf-8"))
            self.wfile.write(bytes("</html>", "utf-8"))

mathoudebine · 2024-07-21T10:41:28Z

mathoudebine
Jul 21, 2024
Maintainer

Hi! To be honest I never tested the simulated screen with a mobile browser, it is a clever use!
Your code seems to work better than the old version, the refresh from the webpage is faster without flickering.
I will integrate it in the project, or you can do a pull request if you want to integrate it yourself

1 reply

Karabacak021 Jul 21, 2024
Author

thank you for testing. I've never done a pull request before, so feel free to integrate it yourself to avoid errors.
I find the fully kiosk browser too, which makes it full screen.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Using android browser (refresh issue) #539

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 1 reply

{{title}}

{{title}}

Select a reply

Using android browser (refresh issue) #539

Karabacak021 Jul 21, 2024

Replies: 1 comment · 1 reply

mathoudebine Jul 21, 2024 Maintainer

Karabacak021 Jul 21, 2024 Author

Karabacak021
Jul 21, 2024

Replies: 1 comment 1 reply

mathoudebine
Jul 21, 2024
Maintainer

Karabacak021 Jul 21, 2024
Author