Question

WebM File Lagging in Alert Box

  • 28 February 2020
  • 12 replies
  • 393 views

Hello,

 

I have made a webm video for my alerts and for some reason, it’ll only play like half a second of it, and then just freeze. The entire alert continues, it’s just the video that freezes. Any idea what could be the issue? Also i’m not sure what other info you need from me, so just let me know.


This topic has been closed for comments

12 replies

Userlevel 5

Hey Dialogue,

Does your webm file work on your computer when playing the file with windows media player? It may be good to try making the alerts again as a gif and see if that works. Also, be careful to not enable custom html/css unless you are intending to add special code.

I’m having the same issue.  It works correctly when testing in the browser, but when testing in Streamlabs OBS it freezes.

Hello, 

I probably have same issue. 

The .webm video file is stuttering a lot when the alert is triggered. Sound & text is running correctly but the video freezes (e.g. it plays first second of a video, then halts for 3 seconds, then jumps to 4th second and plays for another second, then freezes again - so it is not pausing/unpausing, rather loosing some portions of it.) 

The rest of the stream (video capture, webcam, overlays) runs smoothly without any frame drops, or lower fps (keeps rock solid 60fps). Video have alpha channel. 


Things I checked so far:

  1. Alerts play properly in web browser, and in media players (they also play properly in Alertbox widget preview window).
  2. Tried adding it via alertbox widget, and as a browser source - exactly same behaviour
  3. Gifs works fine, but I need my alerts to be in .webm.
  4. It is not a problem of CPU/GPU load (not even reaching 30% while streaming) or amount of RAM. 
  5. Tried multiple different webm files, from different sources, different resolutions, , tried reeoncoding with various settings, etc.
  6. Tried disabling hardware acceleration in Streamlabs OBS (main setting, and the one for browser source).
  7. Tried disabling hardware acceleration in web browsers (I also installed/uninstalled chrome & mozilla), changed system default web browser accordingly.


I would appreciate if you could look into it in nearest days. 

All the best!

I’m having the exact same problem. Talked to Streamlabs Discord support who said it might be an issue with the hardware acceleration on Mac. Are you guys all on Mac, or any of you PC users?

Hello, 

I am running this on Win10 system. I tried disabling hardware acceleration - doesn’t work.

 

Today while testing I noticed the following: 

  1. When I change WebM file to a different one they work for some time. It means, that some of the WebM files (no rule found) are showing correctly, without any stuttering for some time. After 20-50 alert tests, they start to stutter and behave like other, mentioned above.
  2. After reinstalling SLOBS / clearing cache files, readding webm files (basically toying around, trying to start fresh and set all again from scratch) the first video that was stuttering for me, started to work smoothly without issues. Unfortunately after ~10 alert tests it started to stutter again. Was not able to reproduce it again.

 

Can anyone from Support team help us with this issue?

Noticed one more thing: 

  • If I change browser source settings, to custom FPS, and decrease the value (even to 1 FPS) then the stutter happens a little bit further, e.g. not after 1 sec. of alert playtime, but after 2-3 seconds. It also does not change how smoothly the alert is actually played.

Update: I found out that it works for me if I choose “Pulse” for “Show animation” option. There are also a couple of other settings that work, but the default “fade in” does NOT work for instance.

Can someone confirm that works for them too? Might be easier for Devs to locate the issue.

EDIT: It seems like those who have animations going through the whole alert is working, but those that has a short show animation (like fade in, slide in and such) does not work. When that animation stops, the rest of the animation of the alert stops too, and restart again when the “Hide animation” kicks in...

LitjFoxn, unfortunately your suggestion does not work on my end.

After changing alert animation to other setting (tested few of them). It did work for ~10 times but afterwards it started to stutter as usual. Tested on several different animations.

LitjFoxn, unfortunately your suggestion does not work on my end.

After changing alert animation to other setting (tested few of them). It did work for ~10 times but afterwards it started to stutter as usual. Tested on several different animations.

 

Hmm.. Thats too bad. Cause I found a solution to insert a code to offset the pulse animation and it worked great.

Also, after doing that, I figured out I only had to set an animation (pulse for instance) for the text, and that also worked. Glad I found the other solution though, as the pulse doesn’t look great.

LitjFoxn, unfortunately your suggestion does not work on my end.

After changing alert animation to other setting (tested few of them). It did work for ~10 times but afterwards it started to stutter as usual. Tested on several different animations.

 

Hmm.. Thats too bad. Cause I found a solution to insert a code to offset the pulse animation and it worked great.

Also, after doing that, I figured out I only had to set an animation (pulse for instance) for the text, and that also worked. Glad I found the other solution though, as the pulse doesn’t look great.

Can you share the code to offset the pulse animation? I’ve been having the exact same issues as you.

Can you share the code to offset the pulse animation? I’ve been having the exact same issues as you.

 

This might be a little “overkill” cause I don’t know coding too well, but this is what I put in:

@keyframes pulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}

100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}

 

Userlevel 5

Hey all, 

You may want to try unticking this box for media file caching. https://prnt.sc/sm41t2

For further assistance, please join us on discord or submit a ticket.

Tickets: https://support.streamlabs.com/hc/en-us/requests/new

Thanks!