Live streamed events have extra alert on Boston.gov event list about boston.gov-d7 HOT 6 CLOSED

@matthewcrist what questions do you have?

from boston.gov-d7.

• Is there an example of an event page with a video on it right now? I want to make sure when I'm recreating a video in dev, I'm doing it right.
• Placement of "Watch it Live" flag on mobile/tablet?
• Any indications on the individual event pages or just the calendar front?
• Will we know the URL of the video before hand?
• Do we only show the flag of "watch it live" when it's actually live? If not, should there be another indicator that a user COULD (in the future) watch it live?
• "Can a pre-defined image show in the video component until the event begins when someone clicks play?" On one hand, I'd say "most likely," on the other I'd ask what happens if the stream doesn't start right away? I imagine this as some sort of scheduling magic that says "At 9am, we go from showing static image to video player" but that could also prove problematic if/when the stream doesn't start when expected.

from boston.gov-d7.

@asalsman updating requirements a tad in this and the initial issue.

Progressive enhancement upgrade:

If a user doesn't have JS enabled, the YouTube video doesn't work anyways, so...

• Keep the "Event details" button as-is on /events detail dropdown
• In the page w/the video component, rework the video component to say "Thanks for your interest! You will need to enable JavaScript on your browser if you want to watch the video."

If a user has JS enabled:

• before the event start time, use JS to render the following instead of the "play" button: "This live stream event hasn't started. Check back in [insert countdown timer showing days, hours, minutes, seconds counting down to 1 minute before event start time]."
• use the start time field to determine when the video shows the standard blue overlay on static image. at the bottom

@asalsman to answer your questions:

• Is there an example of an event page with a video on it right now? I want to make sure when I'm recreating a video in dev, I'm doing it right. at the bottom
• Placement of "Watch it Live" flag on mobile/tablet? Mobile - to the right of the displayed time. Tablet - in-line with the title still.
• Any indications on the individual event pages or just the calendar front? Just the calendar. There will be a video on the page itself plus the indicator I wrote above in the JS section.
• Will we know the URL of the video before hand? No - it's technically a video ID. We will know that. There are only two live streams: the City Council and City TV.
• Do we only show the flag of "watch it live" when it's actually live? If not, should there be another indicator that a user COULD (in the future) watch it live? Fleshed out the answer to this question in the first issue better.
• "Can a pre-defined image show in the video component until the event begins when someone clicks play?" On one hand, I'd say "most likely," on the other I'd ask what happens if the stream doesn't start right away? I imagine this as some sort of scheduling magic that says "At 9am, we go from showing static image to video player" but that could also prove problematic if/when the stream doesn't start when expected. See above JS discussion

from boston.gov-d7.

Note that this applies both to event content types AND public notice content types as those continue to be created.

from boston.gov-d7.

This is ready on production.

from boston.gov-d7.

This looks good. Started new issues w/bugs or adjustments ( #212 #213 #214 #215 ). Closing.

from boston.gov-d7.