onContext hlsLatencyBroadcaster not working in local/hosted test?

vincnttan · January 5, 2021, 7:11pm

In my extension panel, I’m trying to get the hlsLatencyBroadcaster using the onContext function.

I know my code somewhat works because it works in the developer rig when I manually change the context - but when I test it on my twitch channel the context never gets updated so hlsLatencyBroadcaster is not part of the onContext object.

Is it supposed to work this way? Or am I missing something out.

BarryCarlyon · January 5, 2021, 7:16pm

Last time I tested it.

It works fine in localhost and hosted for me

Heres a 3 month old video showing it working in localtest

And it’s related test code

gist.github.com

https://gist.github.com/BarryCarlyon/71c15dc7f82f28ef5c59064be74e065a

index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>

    <link rel="stylesheet" href="style.css" />
    <title>Testing Extension</title>
</head>
<body>

This file has been truncated. show original

script.js

var p = {};
var params = new URLSearchParams(window.location.search);
params.forEach((value, key) => {
    p[key] = value;
});
iterateObject(document.getElementById('query_params'), p);

window.Twitch.ext.onAuthorized((auth) => {
    document.getElementById('onAuthorized').textContent = new Date();

This file has been truncated. show original

style.css

html, body, #content {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
#content {
    overflow: scroll;
}

This file has been truncated. show original

Matthew_Sharp · January 6, 2021, 1:54pm

Hey Barry, what’s the difference between the two extension panels in your video? One seems to be receiving the hlsLatency updates, but not the other.

BarryCarlyon · January 6, 2021, 1:55pm

The second/left is the “popout view”

Matthew_Sharp · January 6, 2021, 2:00pm

Ah right yeah, and the “popout view” won’t receive the values for hlsLatency etc.?

BarryCarlyon · January 6, 2021, 2:03pm

Popout view doesn’t have a video to load/obtain the Latency from.
As it’s in another window, so it doesn’t know what the latency is.
And in theory you can open a popout video and close the original window. So there is no video anywhere, either

Matthew_Sharp · January 6, 2021, 3:07pm

Ah yes. Makes sense! For some reason, even using your code, I’m getting the same limited context and it isn’t being triggered by the video, even in non popup mode. Could this be because the testing base URI is http not https?

vincnttan · January 6, 2021, 6:52pm

Still not working for me. ‘game’ and ‘theme’ do get updated when I change those but for some reason even if I change the display resolution or pause the player the context never gets triggered - seems like all video related parameters aren’t being updated.

I’m running it on the react boilerplate app and streaming to twitch by OBS.

BarryCarlyon · January 6, 2021, 7:15pm

No as if you can see the table from the test code then the extension loaded.

See issue 223 about game https://github.com/twitchdev/issues/issues/233

Never used the react boilerplate, my example code is pure javascript, nothing gets in the way like react may.

The video source makes no difference

I just went and tested my example code. Looks like Twitch broke something

Left 3 months ago. Right. same code, right now

Raised as https://github.com/twitchdev/issues/issues/284

I have observed if there is any other extension active in the video slot then it works

vincnttan · January 6, 2021, 7:27pm

Yeah I just tested and I get the HLS latency in my app if I use it as an overlay instead of a panel.

Thanks Barry!

BarryCarlyon · January 6, 2021, 7:28pm

Yeah I put another extension into the video slot

And suddenly the panel was getting data too. So something is screwy