Demo (part 1): How to stream ip camera rtsp data into browser using ffmpeg, nodejs and hlsjs

Поділитися
Вставка
  • Опубліковано 13 вер 2024
  • In this video, I have showed how can you stream your IP Camera data into browser very easily using little bit of code and command.
    Next: integrate the HLS video player inside of React app
    NodeJS code copied from: qvault.io/java...
    FFMPEG command: ffmpeg -i rtsp://{username}:{password}@192.168.0.146:554/stream1 -fflags flush_packets -max_delay 2 -flags -global_header -hls_time 2 -hls_list_size 3 -vcodec copy -y ./index.m3u8
    HLS demo: hls-js-dev.net...
    🌎 Find me here:
    Facebook: / foyzulsacademy
    Blog: dev.to/foyzulk...
    Twitter: / foyzul_karim
    GitHub: github.com/foy...
    LinkedIn: / foyzul

КОМЕНТАРІ • 21

  • @nicetomeetugaming7024
    @nicetomeetugaming7024 2 роки тому

    Thanks for this amazing video sir!

  • @jayeshpurohit3373
    @jayeshpurohit3373 2 роки тому +1

    @Foyzul Karim How to run multiple stream in same code Can you please help?

  • @piyushmahapatra5402
    @piyushmahapatra5402 3 роки тому

    Hello bro, when are you going to integrat hls video player iscide react app ? Thanks .May i request it soon ,please.
    I have been searching of good ways to do it

  • @subhendukumar7661
    @subhendukumar7661 Місяць тому

    asking for ffmpeg installing

  • @huseyinyektaeren1457
    @huseyinyektaeren1457 6 місяців тому

    guys i can't reach the web site that gives us the NodeJS code. Can someone help me. i think the link below the video is not correct.

  • @sampathkumarbm6217
    @sampathkumarbm6217 3 роки тому +1

    can u please tell me how to run this in linux

  • @darshiniramesh6244
    @darshiniramesh6244 3 роки тому

    How to connect real time cctv with angular js web app sir ..awaiting for your response

  • @vishalnikalje2990
    @vishalnikalje2990 3 роки тому +1

    Can you provide the detail demo code on git with ffmpeg commands.

    • @Foyzul
      @Foyzul  3 роки тому +2

      Will do soon. Thanks.
      NodeJS code copied from: qvault.io/javascript/hls-video-streaming-with-node-js-a-tutorial/
      FFMPEG command: ffmpeg -i rtsp://{username}:{password}@192.168.0.146:554/stream1 -fflags flush_packets -max_delay 2 -flags -global_header -hls_time 2 -hls_list_size 3 -vcodec copy -y ./index.m3u8
      HLS demo: hls-js-dev.netlify.app/demo/

    • @vishalnikalje2990
      @vishalnikalje2990 3 роки тому

      @@Foyzul Thank you so much for reply

  • @jodikurniawan3732
    @jodikurniawan3732 8 місяців тому

    mantap

  • @the_thinkerr
    @the_thinkerr Рік тому

    I can't view images in hls demo

  • @yellelanagaphanindra5924
    @yellelanagaphanindra5924 3 роки тому

    when will be the next react app with hls

  • @user-kc6mf1yy4o
    @user-kc6mf1yy4o Рік тому

    It requires a username and a password. When I insert those it's not recognises them

  • @davidpaley2865
    @davidpaley2865 Рік тому

    how can I upload not to local directory but directly to s3?

    • @Foyzul
      @Foyzul  Рік тому

      Senf emails for paid support

  • @ekiananta5845
    @ekiananta5845 3 роки тому

    a'laikum salam warahmatullah

  • @raqiburrahman2666
    @raqiburrahman2666 3 роки тому

    Oya alaikumussalalm oya rohmatollah

  • @KCS.khushis.cooking.studio
    @KCS.khushis.cooking.studio 3 роки тому

    sir ame new