Build a UGC Live Streaming App with Amazon IVS: Displaying Recent Broadcasts (Lesson 6.1)
Welcome to Lesson 6.1 in this series where we're looking at building a web based user-generated content live streaming application with Amazon IVS. This entire series is available in video format on the AWS Developers YouTube channel and all of the code related to the sample application used in this series can be viewed on GitHub. Refer to the links at the end of the post for more information.
Todd Sharp
Amazon Employee
Published Jan 2, 2024
In this lesson, we'll learn how the StreamCat application displays a list of recent broadcasts on a user's channel.
In lesson 3.5, we learned how StreamCat captures recording events in an object called
Stream. These Stream objects contain all of the necessary information to playback a video on demand (VOD) version of a user's live stream.
StreamCat renders a list of all recent streams on the homepage, as well as all of a user's recent streams on their channel page.
This query retrieves all streams that are complete (
recordingEndedAt is not null), orders them by most recent (startedAt desc), and limits the query to the most recent 8 VODs. Your application might enable pagination to allow viewers to continue browsing, but for demo purposes, StreamCat limits this to the 8 most recent broadcasts for the home page.Similarly, the user's channel page retrieves the most recent 8 VOD streams for a
Channel.The front-end loops over these streams and renders a thumbnail with some meta information (the
title, category, and the relative time). The
Stream object has a helper method to determine the most recent thumbnail to use for a VOD.In this lesson, we learned how StreamCat retrieves and displays a list of recent broadcasts. In the next lesson, we'll see how to playback a VOD.
Any opinions in this post are those of the individual author and may not reflect the opinions of AWS.