Transparent Background

[monettes]

I created a simple app to show some text with transparent background.

Window {
    width : 500
    height : 410
    visible: true
    color: "#00000000"
    flags: Qt.FramelessWindowHint | Qt.WA_TranslucentBackground

    Rectangle {
        x: 0
        y: 0
        width: 500
        height: 410
        radius: 20
        color: "#00000000"

        Text {
            text: "Testing waters"
            color: "#FF0000"
            font.bold: true
            font.pointSize: 30
        }
    }
}

It works perfectly when I build the app in MacOS Desktop.

But when I build for Web Assembly, the background is always solid white. I tried modifying the qtloader.js to set the transparent background but it's always white. I load the wasm in my OBS browser and it needs to have a transparent background, but it's always white. I can create HTML & JS files in OBS and it works perfectly, but not with my wasm code. This is not a OBS issue.

When it's loading the wasm file, the background is transparent until it's running my code.

How can I run my wasm app with a transparent background?

Here's a sample using HTML and JS code I wrote to run with a transparent background. You can see my web app running at the bottom of the screen. So OBS is not setting any background color when running a web script.