Skip to content

This repository contains a social real-time application for Web. The web app leverages Amazon IVS Real-time streaming and uses the Amazon IVS Broadcast SDK for the video and audio-only experiences.

License

Notifications You must be signed in to change notification settings

aws-samples/amazon-ivs-real-time-for-web-demo

Amazon IVS Real-time for Web Demo

A demo web application intended as an educational tool to demonstrate how you can build a real-time collaborative UGC streaming experience with Amazon IVS Real-time. Check out a hosted version of this demo at https://rt.ivs.rocks/.

A web browser showing the demo application. Webcam videos from two participants are shown in a browser window, and a mobile phone screen.

This project is intended for education purposes only and not for production usage.

Prerequisites

  • NodeJS v20.10.0 and Node package manager (npm).
  • To create and share your own real-time streams, you must deploy the Amazon IVS Real-time Serverless Demo. After deploying the serverless demo, note the outputs: Customer ID and API key.
    • You may also deploy the serverless demo from the Manage AWS Account screen in the app settings. Refer to the Setup - Serverless section in this readme for more details.

Setup - Webapp

To run the application locally, take the following steps:

  1. Run: npm ci
  2. Run: npm run dev
  3. Open http://localhost:5173 in your web browser and select Continue to enter the demo.

Setup - Serverless

To create your own streams, you must deploy the Amazon IVS Real-time Serverless Demo.

Deploy using the command line:

  1. Visit the Amazon IVS Real-time Serverless Demo repository.
  2. Follow the instructions in the README to deploy the application to your AWS account.
  3. After deploying the serverless demo, note the outputs: Customer ID and API key.
  4. While the app is running locally, visit http://localhost:5173/custom and enter the combined Customer ID and API key when prompted
  • For example: a1bcde23456f7g-abcDeFghIQaTbTxd0T95

Deploy using the AWS web console:

  1. While the app is running locally, visit http://localhost:5173/settings/connect and follow the instructions.

IMPORTANT NOTE: Joining a stage and streaming in the app will create and consume AWS resources, which will cost money.

Known Issues and Limitations

  • A list of known issues for the Amazon IVS Broadcast SDK is available on the following page: Amazon IVS Web Broadcast SDK: Known Issues and Workarounds
  • The application is meant for demonstration purposes and not for production use.
  • This application is only tested and supported on the latest Desktop version of Chrome and Safari. Other browsers and devices may work with this tool, but are not officially supported at this time.

About Amazon IVS

Amazon Interactive Video Service (Amazon IVS) is a managed live streaming and stream chat solution that is quick and easy to set up, and ideal for creating interactive video experiences. Learn more.

License

This project is licensed under the MIT-0 License. See the LICENSE file.

About

This repository contains a social real-time application for Web. The web app leverages Amazon IVS Real-time streaming and uses the Amazon IVS Broadcast SDK for the video and audio-only experiences.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Languages