By using AWS re:Post, you agree to the Terms of Use

Questions tagged with Front-End Web & Mobile

Sort by most recent

Browse through the questions and answers listed below or filter and sort to narrow down your results.

Best setup to broadcast live stream (video+chat) from webcam

I'm looking to build out web-based live streaming capabilities & video chat client for my application, similar to the twitch but not as heavy or highly trafficked. While I've looked at some of the many services offered by AWS, there's just so many (MediaLive, IVS, Kinesis etc) that it's hard to know which service or combo of services would be the best fit and so I'm looking for some general guidance from anyone who has experience setting this up, or if there are existing guides that may be of help. In general, here are my requirements - Broadcasters should be able to broadcast via their webcam/media device in the browser (ie. via getUserMedia) - Broadcasts will be 1 to many, with only the broadcaster streaming video and likely an average of 20-30 audience members consuming the stream - Audience members would use a separate front end client, which should also be web based - I would like to be able to include a user/chat function, so that users can chat globally, thus will need live 2-way data stream capabilities, but not sure if this is best handled by the media streaming service itself, web sockets, WebRTC etc I could possibly utilize existing JS libraries to capture media as well as a viewing/chat application or even develop my own, but I'm also wondering if there are AWS recommended JS libraries or guides that can aid in this as well. hope someone can help me get started, thanks!
1
answers
0
votes
105
views
asked 8 months ago
1
answers
0
votes
462
views
asked 9 months ago

Restrict Access to Webpage with Amplify & Cognito

I am looking to restrict access to a basic html, css, javascript web application (simple web map). I have not integrated amplify auth library with my web app. I uploaded my application to Amplify and it fetches the index.html file to display the map (https://main.d3ungex01leet7.amplifyapp.com). My goal is to restrict access to this web map/application only to users who are logged in. I have followed the instructions in this aws tutorial https://www.youtube.com/watch?v=oFSU6rhFETk (Secure your API Gateway with Amazon Cognito Users Pools) which handles the code/token creation when a user logs in. I am using this link (https://main.d3ungex01leet7.amplifyapp.com) as my Callback URL in my cognito User Pool which gives me something like this when I login (https://main.d3ungex01leet7.amplifyapp.com/?code=d1c1e063-4094-4bd0-a110-12e895147533#3/37.09/-95.71). This works great and all, but when anyone enters in https://main.d3ungex01leet7.amplifyapp.com, it will bypass cognito and they will have access to the web map that I am trying to restrict via cognito. I am wondering if there is some javascript that I can add to my main html file that can extract the token out of the URL params and store it in a cookie/localstorage on the browser? Before the web app/map is loaded, it should check for the token in the browser's cookies and validate it. Once it is validated, the web app should fully load. If it is not validated, it should say something like "Access Denied" I have read this article https://docs.aws.amazon.com/cognito/latest/developerguide/amazon-cognito-user-pools-using-tokens-verifying-a-jwt.html but am having trouble understanding the process as it pertains to my specific situation.
1
answers
1
votes
421
views
asked 10 months ago