HLS Streaming Server with NGINX

Want to make your own streaming server so you can deliver live HTTP video to your website? Grab a VPS and strap in, because it's easier than you might think!
Affiliate links for DigitalOcean and Linode:
digitalocean.n...
linode.nots.co
Guide used as a reference for this video (not comprehensive): docs.peer5.com...
Currently-maintained NGINX RTMP module fork: github.com/ser...
---
Join the Nerd Club: nerdclub.nots.co
nerdonthestree...
discord.nots.co
/ nerdonthestreet
/ nerdonthestreet
/ nots_network
E-Mail: [e-mail]

[@testuser3167]

This video earned you a sub, and likely the next time I'm at a convenient spot to do so, a patron too!

[@casm101]

This really helped me out! I had been following the same guide as you, but once it go to loading the stream in VideoJS, it just wasn't having it... Thanks to you I saw that I needed to enable SSL in the Nginx config and it worked straight away, so thank you!

[@ChristianCastaldi]

don't forget to set 2 new inbound rules in the droplet's firewall: TCP 1935 TCP 8080

[@Oskar0001]

thanks very much

[@Paulo-gw9ib]

instagram also works?

[@mathix420]

why not using cloudflare it's free and really fast

[@somalipao679]

Cloudflare have an TOS limit.

[@planeetpaul]

Hi, I know this is an old video, but is seeking also possible ? And does this also work for audio only? Iam looking for a way to stream audio (wav) files via HLS to a music player on my website. Thank you for the video!

[@greeshmasusanjohn4416]

Im also trying this, where you able to do it?

[@MJNOVAK87]

hello so at 13:34 you put in an edit saying "We need this enabled", but what am I enabling? I'm asking cause I get to the part where I can start the streaming and all that works but with I do IP:8080/hls/test.m3u8 I only get the Nginx error page. thanks for any input

[@NerdOnTheStreet]

If you watch the rest of the video, I come back and fix that later, so there's no need to ask that in a comment.

[@MrGarfield]

I'm Using : nginx-http-flv-module it's a fork of the rtmp module but add's flv for javascript compatibility this drops down the lag to about 2-3 seconds. Also nice to have a look is the Node-Media-Server it's a multi protocol stream server including rtmp / hls / WebSockets. You cut back on the bandwidth anyway, but also performance of your web server that does not always refresh the * .ts files and *.m3u8 playlist. I use this to turn an small brand computer (Pi/ThinClient) into an NVR for IP camera's this is running flawless since ±2013

[@MrGarfield]

@@hussainbharmal5998 My personal advice would be use Nginx with the rtmp/flv just because i trust it since 2013. The Nginx is written in C that means the memory usage is a bit better. Especially when you run for long times (24/7 streams) and nginx can do also HLS / DASH (github.com/winshining/nginx-http-flv-module) read the readme.md there is a quick overview what this module is capable of.

[@alpallovi5950]

Nerd in the street, they call it murdaaaa! Welcome to jamrock!

[@supremeirie8480]

Underrated comment.

[@blissweb]

Loved your analysis and open commentry on streaming services and big tech. I think most of them are covering their asses, but I too totally object to people telling me what I can and cannot do online. I now have multiple VPS with multiple providers like digital ocean. However,... it seems, as far as I know, that to stream your vid to 10k people usinng your own server would cost an insane amount of money in bandwidth charges. ( If someone knows otherwise, please let me know. ) This is how people like Google, Amazon and Microsoft get away with telling you what you can and cannot do.

[@nasnaras1]

Hi there!! just a bit fast for my understanding, but still it serves me a lot. The procedure would be the same if I raise the server on AWS?

[@peco3221]

It would definitely work on any cloud provider. So AWS, GCP, Azure etc.

[@JohnnyTHM]

Screw Google LOL , that kept me watching

[@TisinaUmaVideoBlog]

What about required internet connection (upload speed) if you plan to stream to 500 concurrent viewers? 100Mbps enough for 720p or such? Any idea or calculation methods? Thanks!

[@genmen]

As far as I understand, upload bandwidth or speed are not affected by number of users watching. You stream it on a single connection to NGINX, which is in the cloud. Most of the traffic is flowing from the cloud (NGINX) to users and this is where the Digital Ocean (or other provider) outgoing bandwidth is the limiting factor. So the requirement on your Internet connection is to be able to handle one streaming connection from you to Cloud provider.

[@gup-ru]

Have someone figured out how to restream/push to youtube but not RTMP push HLS, I cannot figure that out. Want to push multiple youtube channels and HDR only is supported by HLS.

[@fakedevdutt]

Hey, you are a NERD actually I only have about 3 years of experience with the computer itself and programing the same so I could only understand the 60% of the video! but i am sure If i watch it again I will atleast be make the server which will be sending the stream but IDK about the videoJs how that will work IDK

[@BudMan82]

"Screw those guys!" *Hosts video on KZbin*

[@NerdOnTheStreet]

This video, like all my others, is also mirrored on Dailymotion and my own website. You are free to watch my content without using KZbin. On the other hand, including KZbin in my distribution network allows me to reach _charming_ new viewers such as yourself.

[@taylormarinescu805]

@@NerdOnTheStreet have you checked out LBRY?

[@reefbombs2379]

@@NerdOnTheStreet can you use this to have others stream to your site? new to all this. :P

[@parveenkumar-pl6px]

1.Can i use this type streaming server for fastest playing videos in any mobile applicaion? 2. I am looking for streaming server which play video according to user internet speed ,means if Internet speed is low it will instantly choose and play video in lower resolution and if internet speed is good it will instantly play high resolution video. 3. Will it work for mobile application smilar like tiktok for faster and instant video play? Guys please suggest thanks

[@johndunn6253]

Cool seeing you make this happen. I'm learning to work with the terminal, and it was cool recognizing some of what I've learned.

[@rahwee_khum]

I followed the videos HLS Streaming Server with NGINX. Thank for you videos. I'm trying to make my digitalocean ubuntu virtual run on https like yours. But I have a hard time try understand that. Do I have to have a domain and host it first to follow the video. Do you have any videos on how to make that happen from the ground up. I try to find these kind of video in your channel but no luck. Thank you.

[@madnlooney]

i know this video is old but i when i do the last part with ssl i can no longer see the m3u8 stream file. Before ssl it was working fine. is there anything that could be blocking it?

[@krishankaushiktiruvidula2186]

I am not getting m3u8 files any where. Please help me

[@robertdowney1823]

can you make video on hls different quality streaming using ffmpeg! It will be big help thank you :)

[@ronalgaldamez5971]

Hello, help me, I am new and I have reached the video.js part 20:20 but I don't know how to load the files, whether manually or through npm

[@NicholasPOGM]

Is there a way to stream just pics and website pages without videos so as to use less bandwidth. I use xsplit and I set up my own streaming server in house (mistserver) but even if I put the kbps all the way down to 200 on Xsplit or OBS - with only 20MB upload (I live outside the city) I am very limited as to being able to share to many people simultaneously. I have hundreds that listen LIVE to an audio stream I do but each week, but I need to show pics and webpages at times wherein when I do that not many people can see what I am sending at the same time due to trying to send them at 200kbps each. Is there a way to just stream pics and pages?

[@Gigabyteserviceofficial]

Just like running multiple websites from one server can we do multiple video streaming?? if yes then please show us how?

[@MyLifeBeLike-Official]

thank you sheldon cooper 😂😂😂❤ that was helpful

[@venkateshbabu1504]

This is the kind of things people need for a business or support.

[@mathematicsuccess]

This tutorial helped me set up a stream server without any previous experience. Thanks for your super valuable help!!!

[@enerbot283]

I don't understand the advantage of using Nginx+RTMP module+ffmpeg versus the much simpler ffmpeg+Apache setup ? Especially most IP cameras support RTSP and not RTMP. Did I miss something ?

[@Optimo2010]

Cool!! Run good but how renew Letsencrypt certificate?

[@jossushardware1158]

Would the process to make this be similar with RTSP? And what is the format of the jwplayer plugin, is it playing the video as HTML5 or Flash? And another question about OBS, do I need it? I have a IP cam which outputs RTSP stream...

[@Rocketshot_unit]

I don’t know if I can do this but I’ll try 🙄

[@dimitrisgounaris1820]

Hi buddy I really like your videos, are all PROPER From 10-06-2020 twitch made new way for us to embed live streaming on webpages so since I don't know what else they may make in the future I'm trying to find an other way to stay as more autonomous I can and this video is what I need I'm newbie with this and I'd like to see a video on how you put the .js files on webserver and use them from there. That is the point I got confused now. I'm using ISPConfig for my pages and all domains are the free ones from dot tk

[@marcoschneider4640]

Is there a possiblity to send an already existing stream to the nginx server?

[@SuryaTejaKarra]

ffmpeg could help you with that.

[@scottburns5237]

Hey, great video - are you able to share your html code for the website player? Thanks.

[@NerdOnTheStreet]

The website video player is based on VideoJS, like I mentioned in the video: github.com/videojs/video.js VideoJS isn't just HTML code, you either need to host the JavaScript and CSS files on your web server (like I'm doing) or you can use the public instance hosted by their sponsors: videojs.com/getting-started In addition to the base VideoJS player, the NOTS website uses a number of off-the-shelf plugins (which you can find through their GitHub page and website), but most of the plugins that I use are only useful for VODs (playback rate, quality selection, etc.) I've helped another group of streamers get up and running with only the stock player, so I know there are no plugins required for HLS support in recent versions. I also wrapped the livestream player in an and wrote a JavaScript file to check if the player's playing anything every 15 seconds, and reload the if nothing's playing-- this lets people sit on the livestream page while they wait for a stream to start, and not have to manually refresh their page when the stream does start. You can read the code for that here (remember to copy it to a file on your own server if you want to use it, since I'm not obligated to keep it online at this location): nerdonthestreet.com/player/livestream-reload.js

[@basspig]

I finally solved the streaming problem with this setup after 4 years of failed attempts. The problem wasn't with the server the problem was with open broadcaster software and the choice of the encoder. I was using the nvenc and coder but then today I switched to the nvenc new encoder and suddenly everything works.

[@amrEltayeb47]

Thank you very much for your effort and great explanation, but in fact I have two questions Hello, welcome. I have a live match streaming website and I have ubuntu 18.4 CPU 8 ram 32320 SSD, but when it is used on the site the number of simultaneous internet callers is no more than 1000. But I want more traffic to my site The broadcast is interrupted when I reach 1000 viewers online at one time, but have more than that number at one time and exceed 10,000 viewers at one time? First of all, do I have to do loadbalance and can I do it this way? Is there an explanation to describe this method and how it works? Second, what is installed on the backend servers, and what are its steps?

[@victorhaggy7024]

I have a studio. We are about to do live streaming. 1 gig down and 1 gig up, fiber optics. Capable of 10 gigs up and down to the Studio. I am also building the systems for the ISP company. So I have car blanch. Live bands and scripts for TV shows. Stage being built. Studio already done. I need a programmer for Web site and all streaming. Most equipment here. Depending on what you tell me. Need help. I watched this video. I can see you know what you are doing. Now I need help. To pull this off. If your interested. Let me know.

[@JesusRomero-pd7zm]

M3u8 does not work through any web page, if I view it from vlc directly if it works but no web reproduces it directly, I have SSL Installed and followed the video to the letter but it does not work for me, I am doing it with a Rasberry Pi 4 OF 4GB

[@axelh7459]

Hello. Is it possible to convert a google drive shared link (video link) to mkv, avi, mp4 ... because if I copy my shared link in m3u list, my iptv player can't play this video :((((

[@patriziomarchesan7081]

Is it possible to protect the server with authentication to receive streaming only from me? Thank you so much for the video!

[@NerdOnTheStreet]

The authentication would be your application name. Make that a long, random string, and keep it secret. Only people who know the application name will be able to stream to the server (because it's part of the stream URL.)

[@youguinsmash]

hello, I want to create a feature on a new business idea. I would like to automatically give access to a re-accruing user to a private section of a website My regular user will see this as locked on their screen however if they visit the website x number of times the lock icon will then show as open and they will have access to its content I would like this to be done automatically and without having to manually change the user over to access its content. Would you know any information to help or do you know of any online web builders that will have this feature? Thank you for your time Yue Enterprise

[@Borsting89]

I’ll save this video, cant see any reason why I would not need this in the near future. Thanks for making this, Jacob.

[@malleeshkanna4675]

Can we stream the m3u8 url to MX Player app ??

[@MattMcGraw]

not trying to troll... i'm honestly curious. why the rage against codes of conduct? is it just because mixer makes you jump through hoops? are you against codes of conduct as a concept? love the video, i'm walking through the process right now.

[@thebestfunkdiscomusic8579]

Big mistake,no one can create it,it's not good that way

[@jorgeandrescardenasc.1182]

Hello, I have a problem, it does not create the m3u8 files on start streaming in OBS despite having the necessary permissions, why? :(

[@JJskizzGmailCom]

can anyone help me. I followed all the steps through putting server address to my obs. Somehow obs start to streaming but server has no signal. It keep showing www-data www-data. and date. I tried with no steam key or any stream key. Any advise for me?

[@SOUL_Creations]

worth noting that you no longer have to compile nginx with rtmp by yourself, libnginx-mod-rtmp is available for debian and ubuntu

[@majicediting7514]

is there a way to take url links from dropbox and add HLS to them for videos to keep them from being downloaded and viewed in the inspect tools in browsers

[@Firefly192]

30 seconds delay is too much for my usecase. Any alternative solutions or suggestions to get that down to 15s or less?

[@paulmaydaynight9925]

use the OBS Studio Ultra Low Latency Setting and turn down the buffers below 2seconds

[@Firefly192]

paul maydaynight thanks. I ended up just using a digital ocean Ant media droplet that takes 2 mins to deploy and set up. So I just deploy that, pay like a few cents per hour to have it running for a few hours and then destroy it again. Then I livestream to that server with about 15s delay. As an added workaround I just leave my pc at that point and browse to the webpage on my laptop to watch on that. That way both me and the person I'm watching with have the delay. Which doesn't matter at that point.

[@vladosononame6376]

cant handle this in windows, please can you make tutorial for windows?

[@NerdOnTheStreet]

No

[@sandeepsinhrathore1683]

Hy I'm unable to add rtmp://myip and key and stream straight away through my phone I what steps should I take to proceed?

[@CanerILGAZ]

Thanks, great video! But i want to record the live stream on VPS, how can I do this?

[@igmarmontenegro5715]

Yes, is possible

[@StrikeFox99]

Since he installed the certbot .pem files in the nginx server and the site that is requesting the server has https, does that mean that the video stream transmission is encrypted/protected. Both from source to server and from server to client request?

[@jossushardware1158]

Why you didnt install Nginx normally? LIke: sudo apt install nginx

[@Yohoyboy]

How did you design your video player?

[@krisclem8290]

I use switcher studio which has the option to send its stream to rtmp capable platforms is there anyway using nginx or something to take that stream and save it to a file?

[@asepdarmawan8793]

THIS IS AMAZING !!!! thank you

[@shawnfox1570]

how can I run this in docker?

[@OrionGarcia]

for anyone trying to get this hls stream into wordpress i had success using the 'Video.js HLS Player' plugin.

[@HassenjeeRuhomally]

Can you help how to add adaptive frame rate in the nginx conf. Thanks

[@mikeydiamonds1]

Hey Nerd on the Street, I'm a DevOps engineer and made a script to set up a live streaming server and thought your audience may find it useful. github.com/mikeydiamonds/streaming. Your 2 videos on the matter were very helpful. Thanks!

[@hipeoplesocialmedia]

hello I need help, I have links hls live streaming on these links I have to enable the cors support, because now the view of the live channels, after a minute is blocked, for this I have to enable sharing between the origins can you help me? Taking into account that I cannot access the server so I should bypass the cors, can you help me?

[@wuw24]

Thank you so much. really good steps by steps for non-tech like me.

[@dmitryponyatov2158]

Why you dont use rtmp binary package provided by your lunux distributive?

[@alimaqsood8680]

hi can i use this as a streaming from many to many .like many people are streaming and many people are watching ..also if you can suggest a way to stream many to many

[@jiatongwu8808]

how to change the name test.m3u8? "test" is one source video ,i have many source video .

[@talwinter]

When i first tried to broadcast. everything was fine. the TS files were generated inside /nginx/hls Now, the day after i get this error on OBS: could not access specified channel or stream key. please double-check your stream key. if it is correct, there may be a problem connecting to the server I checked the nginx server, and it is serving on 1935. I changed the stream key, and it worked for one time but the files aren't generated in the HLS file. And now it show the same error. I don't understand the randomality here :( Oh, and now the nginx server doesn't even serve 8080 (I tried telnet and it didn't gave me a ping back)

[@godsground1870]

This is such a great video, however there are a couple issues I run into, here is my final from scratch, that works everytime, I hope this helps you. sudo apt update sudo apt install build-essential git sudo apt install libpcre3-dev libssl-dev zlib1g-dev ffmpeg mkdir nginx cd nginx/ git clone github.com/sergey-dryabzhinsky/nginx-rtmp-module.git git clone github.com/nginx/nginx.git cd nginx ./auto/configure --with-http_ssl_module --add-module=../nginx-rtmp-module make sudo make install Now, setup your nginx.conf nano /usr/local/nginx/conf/nginx.conf Use the nginx.conf he shows cd ~ mkdir /nginx mkdir /nginx/hls chown -R www-data:www-data /nginx “Start Nginx” /usr/local/nginx/sbin/nginx And your are stream with about 10 mins of work.

[@PhongsakornW]

i want to know can user exec ffmpeg to add web browser or alert from streamlabs or image to rtmp module 🤔

[@chrisdamonsworld]

how bout the Windows version? Do you know How to configure that version?

[@Caleb6801]

Don't know what I'm doing wrong but I cannot view the stream on my VLC player.

[@michaelanthonygutierrez]

Thanks brother

[@bjarnenilsson80]

Unless you need to havednssec, i can recommend dns.he.net. On the subject of not pandering to twitch et all, you gave a point, what twitch provides isstreaming thst costs you $0 regardless of number of viewers, and lso a platform with mobile apps forall major mobile platforms

[@luganskukraine]

great video! what would you suggest if let's say I want to run simple test app similar to Google Meet hosted at heroku for example? and I don't want to use WebRTC, just stream connected client video from webcam to any other connected client

[@mdsohagrana7325]

How to make re stream m3u8 to m3u8

[@danna-l8v]

how can I record rtmp to mp4??

[@sachithaabeydeera4563]

Um using Azure ubuntu Vm and I set up everything right and start the server. But when I am trying to stream using OBS, what are the key or authentication credentials? Are they user credentials to my ubuntu VM?

[@NerdOnTheStreet]

No. I explained what you're asking in the video, so I'd suggest watching it again and paying better attention. The application name in the NGINX config file goes at the end of the server field in OBS (think of the application name as the "key") and whatever you put in the key field in OBS becomes the name of the .m3u8 manifest file.

[@rockers1959]

Hello.. how to renew the certificate in certbot?

[@JohnStruhar]

Excellent question. When I do a dry run renewal it fails. Any insight?

[@rockers1959]

@@JohnStruhar i fix it by stopping all nginx processes.. and then just run command certbot renew --nginx make sure to stop all processes including the cache processes..

[@JohnStruhar]

@@rockers1959 I did discover this a day or two after my reply. Thanks for your follow up. I will have to schedule this manually I guess although I haven't looked at the cron job to see if it includes this.

[@explosivo3065]

This video helped me a lot to get my final project half way done Thank you so much You got now a new subscriber

[@bikashbhandari5608]

what is stream key u put on obs studio?? how can i get stream key?? i knw it its "test" ,can u explain about stream key?

[@NerdOnTheStreet]

Enter whatever stream key you want, and the stream key will become the name of the m3u8 manifest file. I explained this in the video.

[@bikashbhandari5608]

@@NerdOnTheStreet u r replying after 3 month...i already finish the project.lol

[@NerdOnTheStreet]

@@bikashbhandari5608 That's nice. My answer still stands for anyone else who might have the same question.

[@blissweb]

Also, loved the video. I'm now missing a final piece of the puzzle which would be to source the video to send to the backend server using just a web page and a webcam, rather than installing dedicated pc software (which is what you seemed to do here). If you want another challenge, please consider figuring that out.

[@ismaelazanza1515]

Great job for this video, it was very useful to me, I have a problem, if someone can help me, after 3 months of issuing the SSL certificate expired, does anyone know how I can activate or renew it again?

[@Optimo2010]

Have same problem...

[@AxieInfinityBangladesh]

13:53 which button did you pressed??

[@NerdOnTheStreet]

Ctrl-X (to exit), Y (to confirm I want to save), and Enter (to confirm the file path). Check out my Bash Basics playlist (especially the second video, Working with Text Files) if you're not familiar with editing files on the CLI. I cover nano (which I used in this video) as well as vi/vim and some other tools.

[@allansantosh]

whats the delay with this method?

[@marpensatv]

Hello everyone, excellent project I did it to the letter and it works spectacularly, but I would like to know if there is a way to lower the latency to less than 2 to 3 seconds, I will thank you very much for your support.

[@issahaddadin5934]

Is there any web libraries that you recommend to use instead of using OBS studio?

[@sakshamsood4240]

Hey what should i put in place of root@ip's password?

[@rickreynolds9306]

Screw ‘em! I like it.

[@alendra9533]

Nice tutorials! it's help me with my project! thanks

[@ellui87]

Would this work with the latest version 1.19.7?

[@AMian-yf2hn]

Really cool 😎 Your original 2016 rtmp multi streaming tut brought me to this video. Good for interactive webinars I guess. I am thinking: 1. Could OBS enable you to stream a live ( continually updated) blog site to KZbin and other sites, as opposed to live streaming your desktop? By inputting the blog url, for example? If not OBS, another streaming package? 2. If you just wanted to stream to the usual suspects - FB, KZbin, DM- would you need the original rtmp, or this https or either method? I am thinking of joining Da Club...need some tech advice. Cheers 😊 Shippy.

[@DulkithDasunthara]

How about server performance to more than 500 concurrent user access?

[@manit77]

is nginx stable enough to do video streaming? I configured RTMP a long time ago and had to restart the service quite often.

[@LibraGeek]

I want to broadcast around 20 different pre-recorded music videos on my YT channel... will I need to buy 20+ new laptops/PCs to do that?

[@stefanobieler3512]

How did you know how to use www-data as the user?

[@frankhdz]

He knew that because most web servers use www-data as the user. Apache user www-data as well. On DigitalOcean droplets both apache and nginx use www-data.

[@radiokolossos4785]

black screen

[@Sony32115]

It's helped me set up a streaming server done, Thanks.

[@121Gamerscom]

i keep get error it cant find PID when i run certbot

[@True_Muslim_Momin]

Hello, I really like your tutorial and I was able to restream to FB and KZbin for very cheap using a VPS. All thanks to your Re Streaming server tutorial. Recently FB has stopped support for RTMP and now it needs RTMPS. I have searched for quite a few days for a solution and it looks like I need an STunnel to wrap the RTMP stream into 'secured' RTMPS stream and then push it to fb. The problem is that I have tried several times to do it on a VPS but it just doesn't seem to work. Can you please make a tutorial on how to do it on a VPS? I would really appreciate any help you can provide in this regard.

[@frankhahn4804]

great video! any idea why alpha channel is not transparent?