Showdown Homescreen

Build Instructions

The following commands will produce a folder called build/...

git clone git@github.com:superbuggy/showdown.git
cd showdown/
npm i
npm run build

The directory build/ will contain the compiled, minified code, stylesheet, and template.

Dependencies

• React Player
• React Player Controls

React Player Warnings/Issues

• (Getting warning 'video is being deferred until the player has loaded')[cookpete/react-player#413]

• Vimeo permissions that prevent the video from loading may cause the player to not load subsequent videos withuot onError handler

• Vimeo embed settings will affect the accuracy of the playstate

CSS References for `player.js

• How player manages the size

            // Change padding-bottom of the enclosing div to accommodate
            // card carousel without distorting aspect ratio
            const space = iframes[i].parentElement;
            space.style.paddingBottom = `${event.data.data[0].bottom}px`;