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 likeCANVAS_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.