ICSC Phase II (Dearborn, MI)

Conference Video Block

Assigned to
Ryan Ross, Developer at Diocesan Ryan R.
Notes
We had discussed this a bit a couple of months ago, so let me know if you need more information.

Block will need to display a PowerPoint (slider or video) that begins at different times, but always in order.  This way, the slider is "randomized" in where it starts, but the order of the slides is always the same.

I asked for a block since they are wanting to use it on at least these pages:
  • Conference FAQ page
  • Conference page
  • Conference Session Information page
  • Conference Partners
  • Conference Exhibitors



Comments & Events

Ryan Ross, Developer at Diocesan
I went a little more conventional/familiar and used Slick Slider to handle the rotation bit.  ACF for the slides (repeater) which doubles as the Block component.  For ordering, I randomized a starting point based on the number of slides, and build the slider incrementally from that point (as opposed to always the start), and then start at the beginning to collect any remaining slides.  This keeps the order intact, and we don't have to figure out where to start the slider, as it's been pre-determined so the slider functionality is standard.  The only thing special here is that when a slide hits a video, we pause the slider and play the video.  When the video completes, we resume the slider.

It's currently using a 3 second gap slide duration, which works well when it's only videos.

I kind of stopped there as I didn't know what sort of size/styling they would need, and also how to handle non videos.  Perhaps I'd have to pause the slider for a set duration. 

https://icsc.diocesanweb.org/basic-page/

Veronica Alvarado, Project Manager at Diocesan
New Notes
- Will be using videos since they are exhibitors are sending over Powerpoint Slides (can be exported as videos since some have animation)
Veronica Alvarado, Project Manager at Diocesan
I've requested that they send us the slides in video format as soon as they get them for testing. 

Thanks, Ryan!
Ryan Ross, Developer at Diocesan 👌
Veronica Alvarado, Project Manager at Diocesan
Went through the process of converting a slideshow to video with Shannon
Uploaded to site and tried here: https://icsc.diocesanweb.org/basic-page/

We might need to get one more video before making sure the randomization is working correctly
Veronica Alvarado, Project Manager at Diocesan
https://icsc.diocesanweb.org/basic-page/
I added a third video but it doesn't seem to be starting at different points and playing the videos. It shows a second of an image then goes to the next one. 
Since they're videos, we want to randomize the order of the slides (videos)  now?
Ryan Ross, Developer at Diocesan
Good catch.  There was a fundamental flaw with my initial code that caused that first slide behavior.

I've modified it so that the slider itself is set to NOT autoplay.  I already had the part watching for video ended to resume slider play, so I just changed that to "Next Slide".  The part that watches for new slide and playing the video still applies and works fine.

These adjustments fix the issues and eliminate the lag in between videos as well.  A hard refresh will do that trick and see the updated functionality.

My sample video slide wasn't playing when not logged in.  Strange.  I've removed that slide.

There are currently two slides and the order will always be same (not that you can tell from a sample size of 2).  The initial slide will be random, and then cycle through from there infinitely.

Given 5 slides, in order A B C D E, one will randomly be first, and fill in from there.  So one order with 5 possible starting slides.

ABCDE {repeat}
BCDEA {repeat}
CDEAB {repeat}
DEABC {repeat}
EABCD {repeat}

If instead they want completely random, we can do that too.  (120 combinations using ABCDE)
Veronica Alvarado, Project Manager at Diocesan
This should work for them, especially since they plan on having at least 10 videos. 

I just added 2 more videos (total of 4)
Ryan Ross, Developer at Diocesan
Resize done.
Veronica Alvarado, Project Manager at Diocesan
I think this item is good to go! 
Veronica Alvarado, Project Manager at Diocesan
Veronica Alvarado completed this to-do.