{"id":14957089,"url":"https://github.com/aws-samples/amazon-ivs-feed-web-demo","last_synced_at":"2025-05-02T07:31:50.097Z","repository":{"id":43253492,"uuid":"287425343","full_name":"aws-samples/amazon-ivs-feed-web-demo","owner":"aws-samples","description":"This repository shows how you can build a compelling social feed experience of auto-player live streams with Amazon IVS.","archived":false,"fork":false,"pushed_at":"2024-09-26T01:22:45.000Z","size":2141,"stargazers_count":24,"open_issues_count":1,"forks_count":14,"subscribers_count":15,"default_branch":"master","last_synced_at":"2024-10-29T23:07:35.774Z","etag":null,"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"],"latest_commit_sha":null,"homepage":"https://feed.ivsdemos.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit-0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aws-samples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-08-14T02:30:20.000Z","updated_at":"2024-09-26T01:22:49.000Z","dependencies_parsed_at":"2022-09-23T04:50:48.393Z","dependency_job_id":null,"html_url":"https://github.com/aws-samples/amazon-ivs-feed-web-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aws-samples%2Famazon-ivs-feed-web-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aws-samples%2Famazon-ivs-feed-web-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aws-samples%2Famazon-ivs-feed-web-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aws-samples%2Famazon-ivs-feed-web-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aws-samples","download_url":"https://codeload.github.com/aws-samples/amazon-ivs-feed-web-demo/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224305842,"owners_count":17289446,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["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"],"created_at":"2024-09-24T13:14:04.065Z","updated_at":"2024-11-12T16:03:02.547Z","avatar_url":"https://github.com/aws-samples.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Amazon IVS Feed Web Demo\n\nA 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.\n\n\u003cimg src=\"feed-demo.png\" alt=\"Amazon IVS Feed demo\" /\u003e\n\n**This project is intended for education purposes only and not for production usage.**\n\n## Getting Started\n\nIn the project directory, run the following commands:\n\n### `npm install`\nInstalls the dependencies of the project.\n\n### `npm start`\n\nRuns the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in your browser.\n\nThe page will automatically reload as you make edits. You will also see any lint errors in the console.\n\n\n### Using your own Live streams\n\nThis 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:\n\n```\n{\n  \"streams\": [\n    {\n      \"id\": \u003cunique-stream-id\u003e,\n      \"stream\": {\n        \"channelArn\": \"\u003cchannel-ARN\u003e\",\n        \"health\": \"HEALTHY\",\n        \"playbackUrl\": \"\u003cchannel-playback-url\u003e.m3u8\",\n        \"startTime\": \"\u003cstream-start-time\u003e\",\n        \"state\": \"\u003clive-status\u003e\",\n        \"viewerCount\": \u003cviewer-count\u003e\n      },\n      \"metadata\": {\n        \"streamTitle\": \"\u003cstream-title\u003e\",\n        \"userAvatar\": \"\u003cstreamer-avatar\u003e\",\n        \"userName\": \"\u003cstreamer-name\u003e\",\n        \"userColors\": {\n          \"primary\": \"\u003cstreamer-color-1-hex\u003e\",\n          \"secondary\": \"\u003cstreamer-color-2-hex\u003e\"\n        }\n      }\n    },\n    {\n      \"id\": 1,\n      \"stream\": {\n        ...\n      },\n      ...\n    },\n    ...\n  ]\n}\n```\n\n\n## About Amazon IVS\nAmazon 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/).\n\n* [Amazon IVS docs](https://docs.aws.amazon.com/ivs/)\n* [User Guide](https://docs.aws.amazon.com/ivs/latest/userguide/)\n* [API Reference](https://docs.aws.amazon.com/ivs/latest/APIReference/)\n* [Setting Up for Streaming with Amazon Interactive Video Service](https://aws.amazon.com/blogs/media/setting-up-for-streaming-with-amazon-ivs/)\n* [Learn more about Amazon IVS on IVS.rocks](https://ivs.rocks/)\n* [View more demos like this](https://ivs.rocks/examples)\n\n## Security\n\nSee [CONTRIBUTING](CONTRIBUTING.md#security-issue-notifications) for more information.\n\n## License\n\nThis library is licensed under the MIT-0 License. See the LICENSE file.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faws-samples%2Famazon-ivs-feed-web-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faws-samples%2Famazon-ivs-feed-web-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faws-samples%2Famazon-ivs-feed-web-demo/lists"}