Build a Video Streaming Service like YouTube, Netflix using AWS S3, CloudFront and React

Поделиться
HTML-код
  • Опубликовано: 17 дек 2024

Комментарии • 127

  • @LegoBen99
    @LegoBen99 Год назад +15

    Huge appreciation and thank you! The topic of video streaming with AWS is crucial, yet there is so little quality content available on it. You really hit the nail on the head here, explaining the intricacies. The way you navigate through AWS and break down each step is simply top-notch!

    • @FelixYu
      @FelixYu  11 месяцев назад +1

      thanks a lot!!

  • @kanny8742
    @kanny8742 10 месяцев назад +4

    I owe my career to this guy

  • @modrn_
    @modrn_ Год назад +15

    Dude, this is exactly what I was looking for and this is so straight to the point and clear on how to accomplish this. Great video!

    • @FelixYu
      @FelixYu  Год назад

      Thank you!! Glad that u found it helpful mate!!

  • @francisekwempu9248
    @francisekwempu9248 8 месяцев назад

    Interesting tutorial with clear audio and video. Well done!

  • @naveenbisht4627
    @naveenbisht4627 11 месяцев назад +1

    I used Node backend to upload videos to S3, transcoded them with MediaConvert, and streamed the results on a React app via CloudFront. This video was a big help for the streaming part. Thanks!

  • @hoshankumaran
    @hoshankumaran Год назад +8

    i have some questions
    1) how to make a video with out buffering
    2) what is the cost to run that video straming platform
    3) how to handle sudden spike of traffic
    4) how to handle security
    5) how to load balance

    • @VikasJha001
      @VikasJha001 11 месяцев назад +1

      3). Spike of traffic will get auto handled because he is using cloudfront and S3 storage. Both of these scales automatically and can serve millions of requests per second.
      5. Load balancing is not required as that is managed automatically by AWS for the case of S3

  • @GarrettMusic1
    @GarrettMusic1 2 месяца назад

    You are a legend for making this video, thanks a lot!

  • @kimmyl9868
    @kimmyl9868 6 месяцев назад

    U saved my life! This tutorial really helps to upload a video to cloud, Thanks!

  • @DivyaDarshan20
    @DivyaDarshan20 Год назад +1

    Thank you for the video,Iam creating a anime streaming website.
    This is what Iam searching for

  • @shlomperman1990
    @shlomperman1990 2 месяца назад

    top video on youtube! i don't know how to code and I managed to follow, king!

  • @adityanjsg99
    @adityanjsg99 4 месяца назад

    Explained it in so simple terms !!

  • @mikemagan2459
    @mikemagan2459 10 месяцев назад

    Thanks!

  • @ChromePlatypus-
    @ChromePlatypus- 2 года назад +2

    Thank you Felix, your tutorials have helped me alot!

    • @FelixYu
      @FelixYu  2 года назад

      u are welcome mate :) glad that they are helpful!!

  • @allaboinakranthi
    @allaboinakranthi Год назад

    thanks alot Felix Yu you have did a great job helping others to solve such type of issues

    • @FelixYu
      @FelixYu  Год назад

      Thank you for the kind words!! I’m glad you found it helpful!!

  • @Adiyat_Coto
    @Adiyat_Coto Год назад

    Thanks a lot Felix! I'm newbie at this subjects, this video really help me a lot! I'm expecting more videos about AWS cloud and Mobile Apps.

    • @FelixYu
      @FelixYu  11 месяцев назад

      Glad that you found it helpful!!

  • @nonametrackz7887
    @nonametrackz7887 Год назад +2

    Very easy tutorial to follow along ! I subscribed

  • @bochitapfh
    @bochitapfh Год назад

    Great video! I was looking on how to solve this same problem for my website. Thanks!

  • @maasondelgado8001
    @maasondelgado8001 Год назад +1

    I would love to see a more in depth video streaming site

  • @TheeSurferJim
    @TheeSurferJim Год назад +1

    Great job. Nicely precise and efficient. Worked perfectly when following your path 🙂 Thank you!

    • @FelixYu
      @FelixYu  Год назад +1

      Glad it helped!

    • @endtimes4878
      @endtimes4878 11 месяцев назад

      Did you do it?....if yes give me the link I want to see your videos.

    • @TheeSurferJim
      @TheeSurferJim 11 месяцев назад

      @@endtimes4878 I implemented the player, broadcaster, and viewer conponents using client sdk, then dug into the core aws and ivs classes the client calls, and tapped the core svcs via Java. Sidetracked on my AI agent app for the moment but will be live in like 60 days via an Edu LMS I coded up. Just note Spring security has to be enabled to allow the vid elements to come down the pike 👍

  • @ExpoDev_Dash
    @ExpoDev_Dash 5 месяцев назад

    Can you do a video using a complete architecture.. using sqs and ec2 for processing and then stream data through cloud front

  • @okeyshourovroy2769
    @okeyshourovroy2769 Год назад +2

    Great tutorial, can you please also make a tutorial on video protection using signed cookies and urls, signed coockies can be good for web but what to do for the mobile applications like react native or flutter. 🙏 please make a video

  • @glendagoitia3280
    @glendagoitia3280 Год назад +1

    How do I do if I upload a video in AWS, I copy the link and I want it to be on my wordpress web page, the playback comes out automatically without the user pressing play, I mount it, it is seen but it does not play automatically. Thank you

  • @phyohtetpaing44
    @phyohtetpaing44 Год назад +1

    Thanks for the tutorial. How can we rate limit base on the user account.
    Netflix and Udmey has some kind of protaction that videos url can not playable on it own and it is only work from specific website or app . url is not in video format and it can’t not playable by it own outside the web page.
    Is there any way to known how dose that work with aws s3 and cloud front cdn.I try with public key /private key idea but it doesn’t even closed.They are using tag but the url is not valid format. How did they hide it.

  • @test_deneme
    @test_deneme Год назад +1

    Thanks mate, really clear and current ;)

  • @NessHypegaming
    @NessHypegaming 2 года назад

    these videos are awesome! while it gives you something to put on your resume you also get hands on experience.

    • @FelixYu
      @FelixYu  2 года назад

      Glad that u found it helpful mate!!

  • @sheikhirfan7257
    @sheikhirfan7257 Год назад +1

    Thanks, man really good content

    • @FelixYu
      @FelixYu  Год назад

      Glad that u found it helpful

  • @oussamaladhari550
    @oussamaladhari550 Год назад

    is it possible to make another video about hosting a live streaming with RTMP for example on AWS and your own website?

  • @SAURABHGUPTA_DINOSAUR
    @SAURABHGUPTA_DINOSAUR Год назад +3

    Thanks for the video mahn, nice explanation. My question is, in real world scenarios, it's not possible to manually put the individual links in the source code right? then how does it work? Anyways, thanks for explaining this. PEACE OUT

  • @AnonymousDevelopel
    @AnonymousDevelopel 2 года назад +2

    Great video and thanks for all the useful tutorials, Would be greatly appreciated if you made a video on how to create a aws censorship system for user text and images.

  • @Rohitsingh2410
    @Rohitsingh2410 5 месяцев назад

    small question dont you think this will actually download the video while redning the content as you are using a direct .mp4 link? whenever you stream on youtube or netflix you don't get whole mp4 file URL, but get chunks of it .

  • @Laserease01
    @Laserease01 9 месяцев назад

    Very good tutorial, simple and effective! Can you make a tutorial on how to use signed cookies and use signed URLs? I really can't find any relevant videos. It can be said that there are no videos in this regard.

  • @irq001
    @irq001 Год назад +1

    How can I stream a video comprising of a number of small video segments ( aka HLS fragments ) instead of one single big video file as shown in this tutorial ?
    These segments are 6 second long video files which should be played in a specific order ( sort on the file name gives that order ) one after another in the Client to recreate the long running video . These files are stored in a s3 bucket .
    In fact, this use-case is very similar to any content provider streaming their content using HLS protocol , which any HLS enabled browser or video player like VLC are able to play.

  • @jutah
    @jutah Год назад

    subbed that was great 👌

    • @FelixYu
      @FelixYu  Год назад

      Glad that u found it helpful!!

    • @jutah
      @jutah Год назад

      back again for another setup- big thank you felix!

  • @finessefulj8489
    @finessefulj8489 6 месяцев назад

    Would this also be a great solution for building a FAST service? (I'm currently at stage 0 and am building up a library of content to help build end to end).

  • @jacquelynecarmen
    @jacquelynecarmen 7 месяцев назад

    I have some questions.
    Your that video is be short but in real app like Netflix they have very big size video files like more than 10GB.
    You just use s3 source to download and stream your video immediately and what about whole movie?
    What about multiple audio and subtitle files?
    What about video resolution?
    And we can marge our video files according to the user selection mean if user requests for different languages audio and some different subtitle.
    I don't think this enough for streaming app.

  • @RockstahRolln
    @RockstahRolln Год назад +2

    Very good, simple and effective tutorial! Going to give this a go! Thank You!

    • @FelixYu
      @FelixYu  Год назад

      glad that u found it helpful!!

  • @Melegna7021
    @Melegna7021 Год назад +3

    Thank you for this tutorial! Just started learning aws and this was incredible! A couple questions I have is, are we able to use the same bucket for images as well? Potentially separating by directory? If so, can we modify the file structure later like keying into the directories to add more media?

    • @RockstahRolln
      @RockstahRolln Год назад

      From another tutorial I watched, I believe you can host your images in the same folder. So you can have two folders - video and images.

  • @MrOptimusPrime.
    @MrOptimusPrime. Год назад

    Thank you very much felix.

  • @TuvRaz
    @TuvRaz 8 месяцев назад

    I got confused right after the google testing and going into the terminal s_code? is the terminal on the AWS website?

  • @code_marked
    @code_marked Год назад

    Once the app is all finished, what kind of hosting would one need put it on the net?

  • @KrishnaKumar-qx1mk
    @KrishnaKumar-qx1mk Год назад

    Could you also tell how can we fetch all the videos and play them ? like how to fetch these videos and make a website similar to udemy??

  • @glitchbey
    @glitchbey Год назад

    What are the best hosting provider solutions for a mid-heavy video streaming website?

  • @616eric
    @616eric Год назад

    Felix, I tried to contact you through LinkedIn. This is a great video of how to build out Video Streaming. I subscribed and will share the video. Look forward to speaking with you.

  • @rpb583
    @rpb583 Год назад

    Very good video, thanks a lot. Helped me big time.

    • @FelixYu
      @FelixYu  Год назад

      Glad that u found it helpful

  • @avanijagtap8684
    @avanijagtap8684 Год назад

    So If We have a json File. Can we connect the url to it? Also is AWS free? And how much storage does it have? And can we make multiple accounts for free storage?

  • @venkat8637
    @venkat8637 Год назад

    Hi Thanks, is it possible to do a VR 360 Video for Google Cardboard viewing. Thanks Much

  • @guscisco
    @guscisco Год назад

    Nice work, keep going!

  • @riazahmad5975
    @riazahmad5975 2 года назад

    awsome .. bundle of thanks very very helpful

    • @FelixYu
      @FelixYu  2 года назад

      glad that u found it helpful!!

  • @AnuragMishra-ws4zc
    @AnuragMishra-ws4zc Год назад +1

    but how we can change quality of video

  • @maasondelgado8001
    @maasondelgado8001 Год назад

    hey I have been watching some of your videos, and I they are good I was wondering if the 2 part series on authentication is still viable in 2023

  • @afroj3di
    @afroj3di Год назад

    How can we allow users select what video quality they want, or send a lower quality based on users internet speed

  • @harshil4521
    @harshil4521 Год назад +5

    Everything is fine but finally when i start the react app from the terminal the video is not playing

    • @harshil4521
      @harshil4521 Год назад

      Plz i need a fast reply cuz I'm using it for my clg project and tommoro is submition date

  • @abhishekpatel0904
    @abhishekpatel0904 Год назад

    Does this do adaptive streaming ? or we need to make mpd or m3u8 file

  • @kawaiihikari0
    @kawaiihikari0 Год назад +1

    What an OG

  • @Pedro-gu7jj
    @Pedro-gu7jj Год назад

    how can I get instability of my vods using React and HLS?

  • @aungmyooo9692
    @aungmyooo9692 11 месяцев назад

    Could you please provide an estimate of the cost per user for streaming a 3GB video on this infrastructure?

  • @vidaconpropositooficial
    @vidaconpropositooficial 4 месяца назад

    Hello! How can i prevent other people use my cloudfront url to publish my videos on their web pages?

  • @DomGarzaSR
    @DomGarzaSR 8 месяцев назад

    This doesn’t really solve latency issues which so noticeable , have you worked with KVS on AWS

  • @matheusgrossi4707
    @matheusgrossi4707 8 месяцев назад

    What about the payment ? I mean, if i want to put a 50gigas file on AWS. btw, i loved how you putted the song when you were coding, really made me laugh hahaha

  • @OtherPaulo
    @OtherPaulo 8 месяцев назад

    Hello Felix, how do I know the cost of 100k views on an 18mb video like the one you used as an example?

  • @VinceTapang
    @VinceTapang Год назад

    Is there a way to prevent the video from being downloaded? I can paste the source url in the address bar then right-click and select "Save Video As..."

    • @DarkMatter2431
      @DarkMatter2431 Год назад

      Find a video player for HTML/PHP or whatever language you're using that can prevent people from downloading your videos

  • @streamingmarv
    @streamingmarv Год назад

    Great tutorial! What if I want to play 360 degree videos on all devices? Will they play with 360 degree interactivity or do I need to implement the VLC media player?

  • @riazahmad5975
    @riazahmad5975 2 года назад

    Flex Yu ! can u make complete ecomerce project using aws lambda , node js ,dynamodb , stripe , react etc . Thanks

    • @FelixYu
      @FelixYu  2 года назад

      thats a good suggestion..i will add that to my list 👍

  • @ta4haa
    @ta4haa 3 месяца назад

    Hello Felix, I am facing some problems. I hope you can help me. I hope people try the response method.

  • @sisoyunrobot6413
    @sisoyunrobot6413 Год назад

    Those video urls don't have an expiration date?

  • @phaniraveendra9140
    @phaniraveendra9140 Год назад

    How to create a code in react for video streaming in vs code?

  • @mehmetkaya4330
    @mehmetkaya4330 2 года назад

    Super! Thank you so much! Should we be worried about any AWS costs if we build one just like yours?

    • @FelixYu
      @FelixYu  2 года назад +1

      it depends on how many people watch ur video. i think cloudfront is eligible for free tier for 10,000,000 HTTP or HTTPS Requests

    • @mehmetkaya4330
      @mehmetkaya4330 2 года назад

      @@FelixYu Got it! Thanks!

    • @mehmetkaya4330
      @mehmetkaya4330 2 года назад

      Also, I followed your steps but when I pasted the domain_name/object_key and hit enter, it just downloaded the file instead of showing the video. Could it be due to the file format, which is .mov and not .mp4

    • @mehmetkaya4330
      @mehmetkaya4330 2 года назад

      It worked when I uploaded an .mp4 video. Thanks again.

    • @FelixYu
      @FelixYu  2 года назад

      @@mehmetkaya4330 glad that it is working now!! yea i have only tested it with mp4 files

  • @ghostkee5031
    @ghostkee5031 Год назад

    it looks like it still accessible to public ? i don't see any authorization logic

  • @DropCollectorBD
    @DropCollectorBD Год назад

    how to create live streaming system with CDN?

  • @Aesthetic_Lifestyles
    @Aesthetic_Lifestyles Год назад

    Hey bro I am Prince Gupta a 14 yr old boy
    He I want to tell that can we use hls or dash for changing video quality if so how.
    What will be the minimum brandwidth for a million people watching a video at a time??
    Please reply me because I have to build my streaming site as soon as possible.
    Hope you understand please reply fast

  • @simont733
    @simont733 Год назад

    so how do torrent stream works??

  • @TomasRodriguez-qo9pv
    @TomasRodriguez-qo9pv Год назад

    But RUclips doenst work with chunks system?

  • @organicvids
    @organicvids Год назад

    How would you clone craigslist?

  • @SK-ln6nm
    @SK-ln6nm 3 месяца назад

    Sir, if I make a web app like youtube than how to manage ads system, like how much money paid to creator, and where we found ads to put our creator videos.
    Please reply me, I search this topice everywhere but not find solutions.
    Anyone if have idea than please reply.

  • @arnawgundawar
    @arnawgundawar Год назад

    Could you help me figure out exactly how much it would cost for me to have 100 images each with about 8mb size and each image being viewed about 10000 times each month, using s3 and cloudfront?

  • @brianmugisha3802
    @brianmugisha3802 Год назад

    super tutorial

  • @zaidiyamaisha1885
    @zaidiyamaisha1885 Год назад

    Hey Guy, U did not mention that we needed to download NPM and Node.js 1st ....

  • @TheLeenaShah
    @TheLeenaShah 7 месяцев назад

    Hi can you help me design a video streaming channel?

  • @FilmLife
    @FilmLife Год назад

    thank you for this truly

    • @FelixYu
      @FelixYu  Год назад

      Glad that u found it helpful!!

  • @Adilxec
    @Adilxec 4 месяца назад

    will aws charge for this?

  • @cahyaa8741
    @cahyaa8741 Год назад

    thanks for video

  • @sidney3863
    @sidney3863 23 дня назад

    hopefully you see this comment though the video is 1 year old, could you or have you done a video on how we can make it so that users can upload their videos which get stored in the AWS and other users can see it as well?

  • @jerrytonmoy
    @jerrytonmoy Год назад

    this is static.but i want to do this dynamic

  • @sangamsahai9823
    @sangamsahai9823 2 года назад

    great video bro !!

    • @FelixYu
      @FelixYu  2 года назад

      Glad that u liked it 👍

  • @CameronL
    @CameronL Год назад

    What is the cost of running this?

  • @dhruvwills
    @dhruvwills 2 года назад

    how can i restrict user from downloading the video ?

    • @FelixYu
      @FelixYu  2 года назад

      u can add a controlsList option to it like this:

    • @FelixYu
      @FelixYu  2 года назад

      thats to remove it from the UI..if u wanna completely prevent ppl from downloading it, u can use HTTP referer: docs.aws.amazon.com/AmazonS3/latest/userguide/example-bucket-policies.html#example-bucket-policies-use-case-4

    • @okeyshourovroy2769
      @okeyshourovroy2769 Год назад

      @@FelixYu Can you please make a video on it please?

  • @CtrlAltDelight28
    @CtrlAltDelight28 Год назад

    thank you

  • @cbgbabigaming4934
    @cbgbabigaming4934 9 месяцев назад

    vscode link please

  • @BigDataLogin
    @BigDataLogin Год назад +1

    cool

  • @lobster_facts
    @lobster_facts 18 дней назад +1

    this isn't actual video streaming though? you're not streaming any chunks, you're just serving the entire video

  • @sardor-tokhirov
    @sardor-tokhirov 9 месяцев назад

    I subscribed u body

  • @staymotivated703
    @staymotivated703 Год назад

    You have a email? Happy New Year Good Brother do you have a email I patented new cinema technology this video show it’s capabilities that I want to collaborate with you on