search

jwkent / AudioWebApp

An audio web app
2 stars 2 forks source link

Show message or indicator when the show is Live (on the radio page) #96

Closed javierxio closed 3 months ago

javierxio commented 3 months ago

Hello. I believe that the narrow path website shows an indicator when the radio show is Live (in other words, weekdays 2-3PM). I believe it shows a green indicator during this time. When it is outside of this time window, the indicator shows red.

Could be neat to include this kind of feature. Thanks.

Currently, there is a Green phone dialer indicator always showing on the Radio page:

Screenshot_20240322-161913

benjkent commented 3 months ago

No promises but I think this could be accomplished with this: image Colors and shapes will be better.

benjkent commented 3 months ago

Or better top center? image

javierxio commented 3 months ago

@benjkent Looks good. You can even add a message like "Live Now!" or similar.

The first image looks better. I would even suggest to change the dialer color to red when not live (or disable).

benjkent commented 3 months ago

Thanks we discussed the disable button idea and decided that any potential time bug for non US listeners or stopping people from using a button was too big a risk. So perhaps we can just see how the "live" button appearance change will be of value. And if there was a bug it would not ruin anyone's experience.

benjkent commented 3 months ago

After writing some of the code I see a potential failure that hopefully will not be the norm, but it is a great idea and will make the radio page stand out. Will have it done in a couple of days. As I need to do some work another aspect also.

javierxio commented 3 months ago

potential time bug for non US listeners or stopping people from using a button was too big a risk

Can't you map Pacific Time to UTC? For users in other time zones, it should be no problem; I would think.

benjkent commented 3 months ago

Here is the feature in action. image

javierxio commented 3 months ago

Thanks @benjkent . The live button looks a bit cluttered when the green dot is added. Is it able to place it better in addition to possibly making the boxes larger?

Top center or top corner would be nice.

javierxio commented 3 months ago

This is from TNP website while the show is live:

image image

benjkent commented 3 months ago

Thanks for the upvote. Your point is well taken, I tried the top and it was funny looking. Hence the bottom center. I added some room so it's less smushed. image The text change from RADIO to LIVE (with the dot) can help people with differing color vision abilities decern the importance as well.

javierxio commented 3 months ago

@benjkent can you also change the casing on BroadCast to Broadcast? Thanks.