https://github.com/aws-samples/amazon-ivs-feed-web-demo

This repository shows how you can build a compelling social feed experience of auto-player live streams with Amazon IVS.
https://github.com/aws-samples/amazon-ivs-feed-web-demo

amazon-ivs create-react-app feed ivs-lowlatency ivs-streams javascript live-streams live-video lvl-200 react react-js reactjs social streaming video web

Last synced: about 1 month ago
JSON representation

This repository shows how you can build a compelling social feed experience of auto-player live streams with Amazon IVS.

• Host: GitHub
• URL: https://github.com/aws-samples/amazon-ivs-feed-web-demo
• Owner: aws-samples
• License: mit-0
• Created: 2020-08-14T02:30:20.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-09-26T01:22:45.000Z (9 months ago)
• Last Synced: 2024-10-29T23:07:35.774Z (7 months ago)
• Topics: amazon-ivs, create-react-app, feed, ivs-lowlatency, ivs-streams, javascript, live-streams, live-video, lvl-200, react, react-js, reactjs, social, streaming, video, web
• Language: JavaScript
• Homepage: https://feed.ivsdemos.com
• Size: 2.04 MB
• Stars: 24
• Watchers: 15
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Amazon IVS Feed Web Demo

A demo web application intended as an educational tool for demonstrating how to build a simple feed app, which loads and auto-plays an infinitely scrolling feed of Amazon IVS live streams.



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

## Getting Started

In the project directory, run the following commands:

### `npm install`

Installs the dependencies of the project.

### `npm start`

Runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

The page will automatically reload as you make edits. You will also see any lint errors in the console.

### Using your own Live streams

This demo loads streams and stream metadata from a local file (`public/feed.json`), which provides a json object containing an array of stream objects. Each stream object represents one video in the feed. To load your own IVS streams, you will need to modify `feedJSON` in the `App.jsx` file, to load your own json file, which should follow this structure:

```

{

  "streams": [

    {

      "id": ,

      "stream": {

        "channelArn": "",

        "health": "HEALTHY",

        "playbackUrl": ".m3u8",

        "startTime": "",

        "state": "",

        "viewerCount": 

      },

      "metadata": {

        "streamTitle": "",

        "userAvatar": "",

        "userName": "",

        "userColors": {

          "primary": "",

          "secondary": ""

        }

      }

    },

    {

      "id": 1,

      "stream": {

        ...

      },

      ...

    },

    ...

  ]

}

```

## About Amazon IVS

Amazon Interactive Video Service (Amazon IVS) is a managed live streaming solution that is quick and easy to set up, and ideal for creating interactive video experiences. [Learn more](https://aws.amazon.com/ivs/).

* [Amazon IVS docs](https://docs.aws.amazon.com/ivs/)

* [User Guide](https://docs.aws.amazon.com/ivs/latest/userguide/)

* [API Reference](https://docs.aws.amazon.com/ivs/latest/APIReference/)

* [Setting Up for Streaming with Amazon Interactive Video Service](https://aws.amazon.com/blogs/media/setting-up-for-streaming-with-amazon-ivs/)

* [Learn more about Amazon IVS on IVS.rocks](https://ivs.rocks/)

* [View more demos like this](https://ivs.rocks/examples)

## Security

See [CONTRIBUTING](CONTRIBUTING.md#security-issue-notifications) for more information.

## License

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