Build a UGC Live Streaming App with Amazon IVS: Permissions, Devices & Streams (Lesson 3.2)

In this lesson, you will learn about some of the common functions that StreamCat uses to create custom web broadcast experiences.

To broadcast from a web browser - whether in real time or low latency - we first need to obtain permission to access a user's camera and microphone. It's also important to list the available cameras and microphones, so that we can provide streamers with an option to change to a different device. Finally, you'll need to be familiar with how to create instances of a `MediaStream` for both the camera and the microphone since the Amazon IVS Web Broadcast SDK uses these to broadcast to an Amazon IVS channel.

Resources:
https://github.com/aws-samples/amazon-ivs-ugc-sample
MediaDevices: getUserMedia() method
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

MediaDevices: enumerateDevices() method
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices

Amazon IVS Web Broadcast SDK - Sample Apps
https://aws.github.io/amazon-ivs-web-broadcast/docs/low-latency-sdk-guides/getting-started#samples

Amazon IVS Web Broadcast SDK - Requesting Permissions
https://aws.github.io/amazon-ivs-web-broadcast/docs/low-latency-sdk-guides/getting-started#request-permissions

Amazon IVS Web Broadcast SDK - Listing Devices
https://aws.github.io/amazon-ivs-web-broadcast/docs/low-latency-sdk-guides/getting-started#list-available-devices

Amazon IVS Web Broadcast SDK - Retrieve a MediaStream from a Device
https://aws.github.io/amazon-ivs-web-broadcast/docs/low-latency-sdk-guides/getting-started#retrieve-a-mediastream-from-a-device

Learn More About Amazon IVS:

Amazon IVS
https://aws.amazon.com/ivs/

Low-Latency Streaming User Guide
https://docs.aws.amazon.com/ivs/latest/LowLatencyUserGuide/what-is.html

Low-Latency Streaming API Reference
https://docs.aws.amazon.com/ivs/latest/LowLatencyAPIReference/index.html

Real-Time Streaming User Guide
https://docs.aws.amazon.com/ivs/latest/RealTimeUserGuide/what-is.html

Real-Time Streaming API Reference
https://docs.aws.amazon.com/ivs/#:~:text=Real%2DTime%20Streaming%20API%20Reference

IVS Chat User Guide
https://docs.aws.amazon.com/ivs/latest/LowLatencyUserGuide/getting-started-chat.html

IVS Chat API Reference
https://docs.aws.amazon.com/ivs/latest/ChatAPIReference/index.html

Chat Messaging API Reference
https://docs.aws.amazon.com/ivs/latest/chatmsgapireference/index.html

IVS Rocks - Demos, Sample Code, Pricing Calculator and more!
https://ivs.rocks

React Based UGC Demo
https://github.com/aws-samples/amazon-ivs-ugc-platform-web-demo

Chapters:
00:00 Intro
00:39 GetUserMedia
00:59 Requesting Device Permission
01:32 Listing User Devices
02:10 Creating a Media Stream
03:00 Listing Available Devices in the UI
03:26 Lesson Summary

Follow Amazon Web Services:
Official Website: https://aws.amazon.com/what-is-aws
Twitch: https://twitch.tv/aws
Twitter: https://twitter.com/awsdevelopers
Facebook: https://facebook.com/amazonwebservices
Instagram: https://instagram.com/amazonwebservices


#AWS #Amazon Interactive Video Service