How To Code A LIVE Streaming Server: Convert RTMP to HLS #2

  Рет қаралды 34,130

AbdisalanCodes

AbdisalanCodes

Күн бұрын

Discord: / discord
Part 1: • How To Code A LIVE Str...
Code: github.com/Abdisalan/blog-cod...
Docker Image: github.com/tiangolo/nginx-rtm...
HLS.js : github.com/video-dev/hls.js/
All my socials: linktr.ee/abdisalan
0:00 Intro
0:52 Demo
2:27 Convert to HLS
4:21 Web Server for HLS files
6:13 Docker Compose
7:21 Next Video

Пікірлер: 69
@abdicodes
@abdicodes 3 жыл бұрын
Forgot to mention that the index.html is made using hls.js! You can't watch HLS streams with a normal HTML video player! Package is here: github.com/video-dev/hls.js/
@kalkaprasad7916
@kalkaprasad7916 3 жыл бұрын
Hello, I want to run this App on my hosted website, How to I Do. Can you help me with this. i wan to share to remote location. how to do ?
@jjulio1111
@jjulio1111 3 жыл бұрын
I managed to do this,a page, and certify the http server, but I can't access the server in a secure way, as it rejects me and/or doesn't allow me to access that way later.
@gbengaayodeji6480
@gbengaayodeji6480 2 жыл бұрын
In that case, can we create rtmp.js for an index.html instead of converting it to HLS first?
@meekscs6369
@meekscs6369 3 жыл бұрын
Super excited to see part 3 and where you take this.. hoping to see some sorta zoom clone or live two-way video conferencing of some sort. Keep going you are doing great!!
@vahistar
@vahistar 3 жыл бұрын
Good job men! I love your work it is what we need in 2021
@defc0n659
@defc0n659 3 жыл бұрын
Good job, you're the best. I'm really excited waiting for you new video. Thanks so much for your work.
@38Jemar
@38Jemar 2 жыл бұрын
...and this is your best comment?
@pedroaraya9160
@pedroaraya9160 3 жыл бұрын
Dude pls don't stop making videos!!
@migillett
@migillett 3 жыл бұрын
Would love to see an example of a user database for getting stream keys. This has been amazing, thank you.
@ethankopit7480
@ethankopit7480 3 жыл бұрын
Love your videos!
@mvee
@mvee 3 жыл бұрын
now I can build a twitch competitor :)
@harryx4137
@harryx4137 Жыл бұрын
He is definitely the man keep up the good work mare ur amazing u subscriber should be ove 100thousand
@herbertk9266
@herbertk9266 3 жыл бұрын
Thank you that is what I was looking for
@EdwinManual
@EdwinManual 3 жыл бұрын
This channel is fucking underrated 🔥
@staplepin8099
@staplepin8099 3 жыл бұрын
This is gold thanks man ...
@anhtranngoc4622
@anhtranngoc4622 3 жыл бұрын
great video !!!
@JohnWeland
@JohnWeland 3 жыл бұрын
Awesome work my dude! I know you did a LINODE video (part #3) but it would be pretty sick if you decided to do an AWS setup using AWS-CDK and AWS-SDK. Given that Amazon owns Twitch AWS has a ton of media tools like transcoding, conversion, etc. I could see the RTMP server being set up on "AWS batch" where each new stream would be a batch process spinning up an RTMP server for the duration of that stream. Use AWS Gateway as a replacement for Express, and you could use DynamoDB (AWS version of NoSQL like Mongo) for username/key pair. You could then use AWS S3 for video storage like VODs. It's an undertaking but it could be a sweet playlist!
@38Jemar
@38Jemar 2 жыл бұрын
...and this was the best comment?
@nafcho1
@nafcho1 3 жыл бұрын
BROO I LOVE YOUR CONTENT!!!!!!
@aksidhu8121
@aksidhu8121 3 жыл бұрын
thank you so much for this video ,Sir. I need to note down the latency , can you help me with that ,please.
@pjw3d87
@pjw3d87 2 жыл бұрын
thanks @AbdisalanCodes ! I got docker-compose working on an M1 Mac but there's still approx 30 seconds latency. Any tips on how to optimize things to reduce latency?
@RolandsZeltins
@RolandsZeltins Жыл бұрын
Thanks for video, but how would you go about sending that hls stream to yourube? I wan to send it to multiple youtube chanels. Like restream them.
@mahdiuser100p8
@mahdiuser100p8 3 жыл бұрын
thanks for the video is it possible to stream static files ? like a mp4 or mp3 file not stream using obs take spotify for example
@cesarbuenrostro622
@cesarbuenrostro622 2 жыл бұрын
One question, why the NGINX is required in order to get the rtpm connection, is possible reach the same result using just nodeJs ?
@OkolieRaymond
@OkolieRaymond Жыл бұрын
Hello I came across this video of yours. I have a set up like this (Amazon CloudFront Video Streaming using RTMP Distribution With S3) I inherited but the issue I am having is that of latency. The end users who view the live stream of this setup all experience a latency of greater than 15 secs and sometimes even 25 secs during live streaming. The application users use to access or create these live streams is a mobile application and encoding and transcoding is done via ffmpeg. Basically, when the user uploads a video, the video gets stored on an ec2 instance, where ffmpeg encodes and transcodes the video before sending the chunks to an s3 bucket that's the origin for the cloudfront distribution. I would like to inquire what i can do to achieve lower latency?
@JennyX69
@JennyX69 3 жыл бұрын
can you use nginx with no-ip at all? would it help if things change for net connections , min usually don't but you never know.
@trungphan-ov9xf
@trungphan-ov9xf 3 жыл бұрын
I'm curious as to how to alter the video file in data from.ts to.mp4.
@nawiawi554
@nawiawi554 3 жыл бұрын
Good day sir. Than you for a clearly toturial about setting up server with nginx. Anyway can you make another tutorial how to add secure_link_md5 to secure the live streaming video?
@phuongmainguyen4791
@phuongmainguyen4791 2 жыл бұрын
Hi I do it follow your video. I had a list of .ts file, but live stream in localhost:8080 don't work. What's wrong???
@jjulio1111
@jjulio1111 3 жыл бұрын
I managed to do this,a page, and certify the http server, but I can't access the server in a secure way, as it rejects me and/or doesn't allow me to access that way later.
@buyonfilmztv2040
@buyonfilmztv2040 2 жыл бұрын
I installed ngnix to live stream to the web but ngnix will only run if ( # hls_path /nginx/srv/hls/;) and only stream to Vlc but if i remove the pipe symbol ( # ) ngnix will not run please help.
@user-hf9to4xj6c
@user-hf9to4xj6c 6 ай бұрын
Hey, how would i build a similar website but for just audio?
@xXarea57Xx
@xXarea57Xx 3 жыл бұрын
A Chat app would be nice to see, so the viewers could chat a bit while watching the stream
@minhannguyen3869
@minhannguyen3869 3 жыл бұрын
Can you public the livestream from the web too and release it? please , thanks
@prabhakarkumar8927
@prabhakarkumar8927 2 жыл бұрын
hello brother i need a RTMP url of any live stream video for my project how can i get ????
@principe.borodin
@principe.borodin 3 жыл бұрын
Fantastic, do you pretend make a video teach record the live?
@manaspaul
@manaspaul 3 жыл бұрын
Could you please make tutorial about how KZfaq or Twitch does the streaming in node express with any frontend framework. Preferably vuejs or react
@38Jemar
@38Jemar 2 жыл бұрын
and words were your best comment?
@kidzeus2433
@kidzeus2433 3 жыл бұрын
How to store the recorded files into mongodb after the streamer is finished recording???
@JohnWeland
@JohnWeland 3 жыл бұрын
Other thoughts (see my comment below for the first thoughts), what about Web RTC and SRT protocols over RTMP and HLS?
@yourstrulynb8362
@yourstrulynb8362 2 жыл бұрын
How do I add my mobile phone as a video source
@sikfreeze
@sikfreeze Жыл бұрын
What if we want to be able to stream multiple protocols like RTSP UDP RTP as well? Do we need to have a dedicated server for each protocol?
@abdicodes
@abdicodes Жыл бұрын
Same server, different server, either is possible really.
@sikfreeze
@sikfreeze Жыл бұрын
@@abdicodes Thank you. By the way, great great tutorial. I'm really new to these streaming stuff, your tutorial really clarified a lot of things for me. I'm currently finding a way to play RTSP on browser, I know it needs ffmpeg for the transcoding but not sure if it needs the streaming server like this or not...or can we extend from this tutorial? Basically, RTSP as the input and HLS as the output.
@codewithsub5083
@codewithsub5083 3 жыл бұрын
Good Job man! Can you plz make a video on, publish stream from web instead of OBS studio like facebook does in live streaming from web. Thanks 👍
@abdicodes
@abdicodes 3 жыл бұрын
That's a good idea!
@38Jemar
@38Jemar 2 жыл бұрын
and words were your best comment?
@RavinanKumar
@RavinanKumar 3 жыл бұрын
How would you LIVE stream to an HTTP with minimal latency?
@abdicodes
@abdicodes 3 жыл бұрын
I’m probably not the best one to ask when it comes to minimal latency 😄 I’m just curious on how to get things working then make improvements later on
@conbatengineer
@conbatengineer Жыл бұрын
Should I learn html first before I do any of this? Also do I need any experience to learn html?
@abdicodes
@abdicodes Жыл бұрын
Do it at the same time, if there’s something you don’t know, look it up and experiment 👍
@TYPLive
@TYPLive 3 жыл бұрын
Do you have a new discord link? The one in your bio has expired :(
@abdicodes
@abdicodes 3 жыл бұрын
Whoops! I'll update that. thanks
@dominiccogan945
@dominiccogan945 2 жыл бұрын
Is it possible to implement this into an actual website? Like have many people streaming to the same website? Like how twitch or KZfaq works?
@Tonymalon
@Tonymalon Жыл бұрын
I would like to know as well
@qazimiqazim443
@qazimiqazim443 3 жыл бұрын
Hello @AbdisalanCodes i need your help if you want to help me, i have my own RTMP but i need to create on HLS M3U8 , but i dont no how to do that pls if you can help me i waitng for your answer pls @AbdisalanCodes
@idkcoder
@idkcoder 2 жыл бұрын
Mine keeps on lagging
@staplepin8099
@staplepin8099 3 жыл бұрын
Would love real-time webrtc with TURN servers ..
@jijojoseph8721
@jijojoseph8721 3 жыл бұрын
maybe with the help of some media server like Kurento that take inputs from ipcamera and stream to html page
@staplepin8099
@staplepin8099 3 жыл бұрын
@@jijojoseph8721 I’ve done it with webrtc public stem servers .. but wanna learn to do it with turn servers to get around NAT .. I couldn’t find resources to learn on how to build a TURN server ... thanks
@jijojoseph8721
@jijojoseph8721 3 жыл бұрын
@@staplepin8099 have you got any github link with ipcamera-webrtc(stem)? tried a lot but could not end in a working one...
@JennyX69
@JennyX69 3 жыл бұрын
2:20 that's exactly what I want to do
@Zaddi_eth
@Zaddi_eth 2 жыл бұрын
there is a significant difference between video 1 and 2, are we expected to just copy your git for the beginning of the video? i got through the first video fairly easy, and the very beginning of the second video threw me for a loop
@Zaddi_eth
@Zaddi_eth 2 жыл бұрын
your VSC showing the docker logo instead of mine saying the current location threw me for a loop in video 1 as well
@bossgd100
@bossgd100 Жыл бұрын
i have the same feeling ...
@38Jemar
@38Jemar 2 жыл бұрын
i see you brushed your teeth today
@Imurenge-TV
@Imurenge-TV 2 жыл бұрын
How can we contact you if we have a project and want to hire you? Please send us your email so we can reach out
@buyonfilmztv2040
@buyonfilmztv2040 2 жыл бұрын
I installed ngnix to live stream to the web but ngnix will only run if ( # hls_path /nginx/srv/hls/;) and only stream to Vlc but if i remove the pipe symbol ngnix will not run please help.
How To Code A LIVE Streaming Server: Host Online using VPS #3
3:37
AbdisalanCodes
Рет қаралды 14 М.
How To Code A LIVE Streaming Server: RTMP & Stream Key #1
17:53
AbdisalanCodes
Рет қаралды 79 М.
哈莉奎因以为小丑不爱她了#joker #cosplay #Harriet Quinn
00:22
佐助与鸣人
Рет қаралды 8 МЛН
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 16 МЛН
路飞太过分了,自己游泳。#海贼王#路飞
00:28
路飞与唐舞桐
Рет қаралды 39 МЛН
How Video Streaming Works: HTTP Live Streaming [Part 2]
10:47
Ivaylo Pavlov
Рет қаралды 36 М.
How To Code A Video Streaming Server in NodeJS
10:51
AbdisalanCodes
Рет қаралды 156 М.
HLS Streaming Server with NGINX
34:49
Nerd on the Street
Рет қаралды 172 М.
Using NGINX Open Source for Video Streaming and Storage
14:11
Coding a Web Server in 25 Lines - Computerphile
17:49
Computerphile
Рет қаралды 331 М.
HLS streaming on YouTube: Advantages and how-to
5:24
Epiphan Video
Рет қаралды 21 М.
What is a Server? (Deepdive)
17:51
LiveOverflow
Рет қаралды 172 М.
Setup your own RTMP Server to Receive and Redistribute Live Streaming Video
19:54
Doug Johnson Productions
Рет қаралды 260 М.
📱магазин техники в 2014 vs 2024
0:41
djetics
Рет қаралды 694 М.
low battery 🪫
0:10
dednahype
Рет қаралды 1,8 МЛН
My iPhone 15 pro max 😱🫣😂
0:21
Nadir Show
Рет қаралды 1,9 МЛН
Better Than Smart Phones☠️🤯 | #trollface
0:11
Not Sanu Moments
Рет қаралды 19 МЛН
Rate This Smartphone Cooler Set-up ⭐
0:10
Shakeuptech
Рет қаралды 7 МЛН