Support threads, fixes, and FAQs.

Make the widget invisible if BPM is zero

Last activity: 9/21/2025, 12:50:52 AMJoin the discussion →
Original post
Hi, are there any way to make the widget invisible if the BPM is equal to zero on OBS?
Community Member9/18/2025, 6:14:22 PM
You can achieve that with StreamerBot for example
Community Member9/18/2025, 6:14:57 PM
What is that
Community Member9/18/2025, 6:24:39 PM
<https://letmegooglethat.com/?q=streamerbot+hyperate>
Community Member9/18/2025, 6:25:35 PM
is this an OBS extension or a separate app?
Community Member9/19/2025, 9:58:21 PM
StreamerBot is a seperate app. You could also write a script, that talks to OBS and disables the widget if the hr is 0, if you don't want StreamerBot.
Community Member9/19/2025, 9:59:17 PM
Isn't it possible to simply make on the website not show a 0 when the hr is 0? vfx.hyperate.io widgets does that but not app.hyperate.io widgets
Community Member9/19/2025, 10:00:46 PM
Possible, yeah. Write a html, that embeds the Widget and makes it transparent, if the hr is 0. then us the html doc as browser source instead of the url. Would that work for you?
Community Member9/19/2025, 10:01:21 PM
I tried downloading the html page of the app.hyperate.io widget but it doesnt work
Community Member9/19/2025, 10:01:36 PM
it don't want to connect to the websocket
Community Member9/19/2025, 10:01:36 PM
Wrong way.
Community Member9/19/2025, 10:01:51 PM
Gimme a few minutes to cook.
Community Member9/19/2025, 10:02:10 PM
I use the vanilla app.hyperate.io widget
Community Member9/19/2025, 10:02:33 PM
I will make something rq. Gimme a few minutes.
Community Member9/19/2025, 10:02:37 PM
ty
Community Member9/19/2025, 11:06:59 PM
It's not that easy, since I can't see the page contents externally. The easiest solution would be, if you had an API Key from HypeRate. I found a way, that works, but you need to install node.js. Would that be a problem for you? If not, I can guide you through the setup.
Community Member9/19/2025, 11:19:01 PM
If that's not really doable for you, Yannick needs to change the html, in order to hide the widget if there is no connection.
Community Member9/19/2025, 11:23:59 PM
Or I could host a proxy for it. That would require you to connect to my server instead of the official one.
Community Member9/19/2025, 11:49:11 PM
But the best solution would always be for Yannick to change the html.
Community Member9/20/2025, 12:16:47 AM
No since some devices send a value of "0" when its not properly attached against the body. It would cause a blinking source in the streaming software when the device looses / regains the attachment to the body I already told you with which software you could do that for your own since we won't implement it. Feel free to explore other solutions :) Also which widget is hidden when a value of "0" is sent by the server? I can't think of any O.o
Community Member9/20/2025, 12:18:08 AM
I already wrote the easiest way. StreamerBot is connectable with HypeRate and with that software you can also control OBS - exactly whats needed here
Community Member9/20/2025, 12:26:01 AM
The hidden thing would be the brand-container. And yes, StreamerBot would be the easiest method, but he doesn't wanna install a separate software just for that.
Community Member9/20/2025, 3:02:20 AM
I have a js/html combo, that renders the heart rate. And yes, it becomes invisible on 0.
Community Member9/20/2025, 3:34:53 AM
<@843273762668544000>
Community Member9/20/2025, 9:36:19 AM
Live graph shows nothing when HypeRate is not launched in my watch, and I was looking for the same thing for the heartbeat, that’s all
Community Member9/20/2025, 10:50:43 AM
Have you watched the video? Isn't that the exact thing, you want?
Community Member9/20/2025, 11:08:23 AM
Yes it is
Community Member9/20/2025, 12:28:41 PM
Should I tell you the setup?
Community Member9/20/2025, 12:29:15 PM
No I think I will simply hide the widget when I know that I won't start the HypeRate app on my watch, that's just one click
Community Member9/20/2025, 12:29:47 PM
Then why did you even ask if hiding is possible in the first place? XD
Community Member9/20/2025, 12:30:06 PM
To not having to do it
Community Member9/20/2025, 12:30:48 PM
I mean, it's just one check on the JS of the page, I thought the devs would add it
Community Member9/20/2025, 12:31:23 PM
something like `if(watchNotConnectedToHypeRate) return;`
Community Member9/20/2025, 12:34:06 PM
In theory, that would be possible. It's just one simple js and a change to the html. I will clean it up a bit and push it to GH, so everyone can see how it works. Maybe it's usefull to some.
Community Member9/21/2025, 12:50:52 AM
https://github.com/Serpensin/HypeRate-hide Here it is.
Related threads
Cookie preferences