Interactive video player is a web application which contains an html5 video player and an interactive overlay.

Html5 Video Player

Html5 video player is a customizable video player for web and it has UI components like PlayToggle, MuteToggle / VolumeBar, ProgressBar etc. and playback techs like HLS and MPEG-DASH.

REACT_APP_BASE_URL=https://staging-dot-vibuy-player.appspot.com REACT_APP_FIREBASE_API_KEY=AIzaSyDGu4qq7yl2RMAOxTTxzYLa8w3tiAasEv8 REACT_APP_FIREBASE_AUTH_DOMAIN=vibuy-consumer-staging.firebaseapp.com REACT_APP_FIREBASE_DATABASE_URL=https://vibuy-consumer-staging.firebaseio.com REACT_APP_FIREBASE_PROJECT_ID=vibuy-consumer-staging REACT_APP_FIREBASE_STORAGE_BUCKET=vibuy-consumer-staging.appspot.com REACT_APP_FIREBASE_MESSAGING_SENDER_ID=522097435637 REACT_APP_FIREBASE_APP_ID=1:522097435637:web:605e998777898c6c REACT_APP_GRAPHQL_CONSUMER_URI=https://staging-consumer-graphql-dot-optimal-harbor-222608.appspot.com/graphql SKIP_PREFLIGHT_CHECK=true PUBLIC_URL=https://staging-dot-vibuy-player.appspot.com

Interactive Overlay

Interactive overlay is a seperate layer on top of html5 video player. This layer has interactive elements like static hotspots, dynamic hotspots and custom designed modal dialogs.