GithubHelp home page GithubHelp logo

aws-samples / amazon-ivs-chat-web-demo Goto Github PK

View Code? Open in Web Editor NEW
26.0 13.0 22.0 613 KB

A demo web application that shows how to implement a basic video + chat application using the AWS serverless application model (SAM) and Javascript (React).

Home Page: https://ivs.rocks/examples

License: MIT No Attribution

JavaScript 55.79% HTML 2.72% CSS 41.49%
amazon-ivs aws aws-lambda chat cloudformation cloudformation-template javascript live-chat live-streams live-video livestreaming react serverless serverless-framework stream-chat video websockets ivs-chat web lvl-200

amazon-ivs-chat-web-demo's People

Contributors

amazon-auto avatar janssenivo avatar recursivecodes avatar slee-aws avatar tonyv avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

amazon-ivs-chat-web-demo's Issues

Node 12.x runtime depreciated

The "serverless" solution uses a node.js 12 runtime for Lambda, but node.js 12 has been deprecated by AWS on Mar 31, 2023. As a result, the SAM package doesn't deploy as it fails with a Cloudformation error:

CREATE_FAILED chatEventFunction Resource handler returned message: "The runtime parameter of nodejs12.x is no longer supported for creating or updating AWS Lambda functions. We recommend you use the new runtime (nodejs18.x) while creating or updating functions...."

CORS problem AWS IVS

Hello)

I started launching the ivschat application

and I got a problem with CORS when I have launched react application

Access to XMLHttpRequest at 'https://3s1sqcr894.execute-api.us-west-2.amazonaws.com/Prod/auth' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

image

this is my config.js

export const PLAYBACK_URL = "https://760b256a3da8.us-east-1.playback.live-video.net/api/video/v1/us-east-1.049054135175.channel.6tM2Z9kY16nH.m3u8";

// Chat websocket address
// The AWS region that your room is created in. For example, us-west-2.
export const CHAT_REGION = "us-west-2";

// Chat API URL
// The Amazon IVS Chat backend endpoint. You must deploy the serverless backend to get this value.
export const API_URL = "https://3s1sqcr894.execute-api.us-west-2.amazonaws.com/Prod";

// Chat room id (ARN)
export const CHAT_ROOM_ID = "arn:aws:ivschat:us-west-2:905418016092:room/Qo8vTr8KPhhg";

could you please help me with it?

AWS IVS chat token parsing issue

We are following the official documentation to implement aws ivs chat, live stream video working fine, but ivs chat not working, it shows "Waiting to connect..." and in console we are receiving this error:
"Room a8e912c3-a2ac-4f43-a93c-474e3a0ec0b2 connection did receive error while fetching token ParsingError: expected object but got undefined: undefined"

image

Our web-ui config.js look like this:

export const PLAYBACK_URL = "https://760b256a3da8.us-east-1.playback.live-video.net/api/video/v1/us-east-1.049054135175.channel.6tM2Z9kY16nH.m3u8";

// Chat websocket address
// The AWS region that your room is created in. For example, us-west-2.
export const CHAT_REGION = "us-west-2";

// Chat API URL
// The Amazon IVS Chat backend endpoint. You must deploy the serverless backend to get this value.
export const API_URL = "http://localhost:3000/";

// Chat room id (ARN)
export const CHAT_ROOM_ID = "N2K89H7Hd70b";

We have installed docker and running serverless with SAM-CLI

Please let us know any possible solution for this issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.