Amazon IVS Broadcast Web Demo

Amazon IVS Broadcast Web Demo
Type: Code
Framework: Next.js
CSS: Vanilla CSS
  • Overview: A web-based streaming tool demo using the Amazon IVS Web Broadcast SDK, designed for educational purposes to showcase browser-based streaming capabilities.

Demo:

  • Access the demo at https://stream.ivs.rocks/ and configure it with your IVS channel’s ingest endpoint and stream key in the settings.

Prerequisites:

  • NodeJS and Yarn package manager installed.
  • Amazon IVS Channel details ready, with guidance available in the Amazon IVS getting started documentation.

Running the Demo:

  • Install dependencies with yarn install.
  • Launch the demo in development mode using yarn run dev.

Customizing the Demo:

  • Fork the project and adjust the source code as needed.
  • Color Theme: Change UI colors by editing tailwind.config.js.
  • Layouts: Modify or add new layouts in BroadcastLayoutTemplates.js, utilizing available math expressions and variables like CANVAS_WIDTH, CANVAS_HEIGHT, etc.

Known Issues and Limitations:

  • Intended only for demonstration and educational purposes, not for production use.
  • Tested and supported on desktop versions of Chrome and Firefox. Other browsers and devices, including mobile, are not officially supported.

About Amazon IVS:

  • Amazon Interactive Video Service (IVS) offers a managed live streaming solution, easy to set up for interactive video experiences. Further information can be found in the Amazon IVS documentation, User Guide, API Reference, and setup instructions.

Additional Resources:

  • Visit IVS.rocks for more about Amazon IVS and view additional demos.

Security and License:

  • For security-related information, refer to the CONTRIBUTING section.
  • The project is licensed under the MIT-0 License.

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.