Live Stream Dancing Gif Example

This repo is part of a series of code examples of how to develop immersive and interactive live streaming, augmented reality, and virtual reality apps with BingeWave. Please follow the installation instructions and read the tutorial for a more in-depth explanation.

Installation

To install the code, do the following:

1. Sign-up for a developers account at https://developers.bingewave.com.
2. Create a Widget in the https://developers.bingewave.com/widgets section.
3. In the Interface Builder, copy and paste the HTML, CSS, and Javascript provided in this repo into their respective locations. (HTML goes into the HTML editor, Javascript goes into the Javascript editor, CSS goes into the CSS editor.
4. Update the Widget
5. Boot the Test Area to the code in action.

Focus Of This Code

The focus of this tutorial is how to put random dancing gif on-screen. This code sample is a good basic example of using the participant properties and external api usage. The following material is available as references to further understand the concepts and tools used:

• fetch
• Giphy API
• BWAPI
• BWPlaceholders
• BWProperties

Tutorial

This code is accompanied by a tutorial that will further explain steps, which is available at: Implementing Dancing Gifs Into Live Streams With The Giphy API