Spring Boot WebFlux - Video Streaming Example | JavaTechie

In this tutorial, I would like to show you how we could achieve Video Streaming with Spring WebFlux. It is going to be a lot simpler than you think as Spring does all the heavy lifting for us.
#javatechie #SpringBoot #WebFlux #streaming
GitHub:
github.com/Jav...
Blogs:
/ javatechie4u
Facebook:
/ 919464521471923
guys if you like this video please do subscribe now and press the bell icon to not miss any update from Java Techie
Disclaimer/Policy:
--------------------------------
Note : All uploaded content in this channel is mine and its not copied from any community , you are free to use source code from above mentioned GitHub account

[@maheshsadashiv5606]

I always wondered how streaming videos worked. Thanks for the informative tutorial.

[@cutesharwan]

God bless you(Basant),to help us useful content.

[@thahirThavvagunta]

Super super super.... 👌👌👌👌👏👏👏👏👏.... Interesting topics which makes anyone to explore spring boot more and more

[@oladimejijames9554]

wow, thanks for this... now I understand video streaming after watching this.

[@mohamedlarbisoufi6568]

it's amzing . we want a full tutorial about webflux with a real project to well practice

[@titanmtp4368]

Excellent topic. Please next topic for cdn and saga design patterns sir.

[@abhijitprusty]

Super this is interisting one, we usually see videos around webflux, but this is different...amazing..

[@zesment]

How is the range value used ? You get it from request header in the Controller, but it's never used in the Service

[@stanewstanew]

Looks like everything is done by Resource class and video tag. The requests are handled then underneath by netty. This tutorial is not precise. So streaming is actually implemented in the lower level in netty. Definitely not in webflux controller.

[@046_mech_prasadd5]

It will be handled internellay by ResourceHttpMessageWriter....there is a write method in that class which takes the range from request header public Mono write(Publisher

[@046_mech_prasadd5]

ResourceHttpMessageWriter handles the request headers, checks for range requests, and writes the response based on the Resource provided. If a range request is present, it uses methods like writeResource and writeSingleRegion to write the appropriate parts of the resource to the HTTP response. ResourceLoader is used to load resources, while ResourceHttpMessageWriter is responsible for writing those resources to the HTTP response. They work together to efficiently serve resources, including handling range requests for streaming content like videos. If you have any more questions or need further clarification, feel free to ask!

[@mohamedaminnaimi2770]

Thanks for the simple and clear tutorial

[@sadiulhakim7814]

what i was looking for. Thanks man

[@damyandimitrov611]

Fantastic explanation. Gives excellent basic knowledge on how to do it. Very good! Thank you for the lesson. I thought that it is much more difficult, but you made it so easy for us. Thank you, again!

[@Javatechie]

Thanks buddy 😊

[@sreejithar450]

Another awesome content. Thank you so much. In fact your channel had became my scrum team's reference bank

[@Javatechie]

Waooo thanks buddy. Good to hear this

[@nirmesh44]

Fantastic and deep knowledge i got from this video. Thanks

[@vi.v.tsvetkoff]

Why does the range header in logs have just start byte without end byte? At 14:35, for example, "bytes=7602176-", "bytes=7733248-", etc? Does the application send data from start byte to the end of file? Simply, if the first request "bytes=0-" will download the whole video?

[@tech_talk05]

Wow....Excellent Explanation...what a beautiful content...👏👏👏👏 Really Enjoyed it....it's so helpful n informative....through this channel you are continuously spreading your knowledge to everyone n helping us to grow...thanks a lot for your endless effort and dedication ....such a reliable and authentic channel for java.. .

[@Javatechie]

Thanks Subhra 😊

[@pritabratamallik5391]

Sir now that the demo is done. Could you please, show us how to fetch the video from a DB or a media server and then stream it?

[@anuragduttachowdhury9440]

For that you can use your own REST API based File Server. That can be another SpringBoot Application.

[@letscode8018]

public Mono getVideoFromResource(long blobId){ VideoBlobFile videoBlobObj=videoBlobFileRepository.getReferenceById(blobId); String path=videoPath; if(OS.contains("win")){ path=videoPath; } String videoFileName=videoBlobObj.getVFile(); String videoFullPath=path+videoFileName; log.debug("filepath {}",videoFullPath); Resource res= new FileSystemResource(videoFullPath); return Mono.fromSupplier(()->res); } for file server you can use above code and for DB public Mono getVideo(long blobId){ VideoBlobFile videoBlobObj=videoBlobFileRepository.getReferenceById(blobId); byte[] videoBlob=videoBlobObj.getVBlob(); ByteArrayResource byteArrayResource=new ByteArrayResource(videoBlob); return Mono.fromSupplier(()->byteArrayResource.getByteArray()); }

[@karansingh-eu5mg]

​@@anuragduttachowdhury9440 And then we have to use rest Template for that

[@thineshn1321]

Excellent ..! Awesome Content! Keep rocking ..!

[@Talaria.School]

Thanks techie. It's time to go into gradle Kotlin coroutines and spring boot the perfect mix.

[@tiejeevan]

Man you are java God. Thank you

[@emvoinamdinh]

Thanks so much Bro! i want to learn more from you !!!!

[@nagendrad9263]

Useful video sir ....Thank you 👏🏻👏🏻👏🏻👏🏻

[@raghavendraboddupalli1181]

Excellent content Basanth..

[@jitendrapandey176]

Awesome Java techie 👏👏👏👏

[@japanesetranslation4315]

Wow! nice video. Thank you.

[@amitkharbade]

Thanks for this tutorial🙏

[@AshishYadav-se4db]

Amazing content sir🔥🙏.

[@RahulKumar-qu1if]

Very good content ☺️ sir.

[@vijayank923]

Nice example . Can you please add few more examples , 1. How can we load videos from cloud server (AWS, GCP, Azure) or from Kafka server 2. Please add more size video (1GB) 3. How can we retain watched hours for next same users next time

[@niteshapte]

3. Client should log such data in DB with necessary data like user id, video id, etc. 2. I think it's not needed as this is streaming and not uploading. 1. Not 100 percent sure but queues maybe. But with WebFlux, queues are not needed as it is non-blocking, so chances data loss is rare to zero. I am also planning to build an OTT. You can contact me on FB Messenger. I am doing some R&D at the moment. Maybe we can help each other.

[@vijayank923]

@@niteshapte thanks . I’m looking if user paused in middle, next time same user and video how to take user to in same place ( assume maintaining users last watched logs)

[@niteshapte]

@@vijayank923 I think paused time can be read through video metadata or simply by reading video tag properties using javascript and then details can be saved in DB. Upon reopening, read the details and set the value in video tag in html.

[@devashish_yt]

Great content 👏... thank you

[@motolola]

Awesome video ...I am wondering how will it download in bits from ... say AWS S3 or any cloud media storage.

[@fabricioaraujo7642]

Wow thanks for your content man :) if could talk more about java streams api.

[@Javatechie]

Can you please checkout my java 8 playlist all important stream context I already covered there .just check it out

[@kambalavijay6800]

Good content. However, I still have a question. Where is it specified to cal the rest endpoint in order to fetch Mono

[@TimVanMeerbeeck]

If you are still reading these reactions: If you add Spring Security around your spring video endpoint. (let's say you need a JWT to access the endpoint) Can you still use the default HTML5 video tag with the src? Or how would you adapt the source tag? I am blocked by this at the moment. Anyway thanks for the video!

[@SanjeevGhosh]

I would have really appreciated if you had shown where did you mention the 'range' header in the index.html file.

[@Javatechie]

Please check in the script method call

[@VivekanandaReddyC]

Very good content Basanth. One question, range is printing in the controller but how the stream is moving forward or backward without taking the range...

[@Javatechie]

It's taking range from request header

[@VivekanandaReddyC]

@@Javatechie request header is having the range but we're not using it to move forward/backward

[@zesment]

There is an error in the logs : java.io.IOException: An established connection was dropped by software on your host computer (something like that after translation in English) How can I manage this exception ?

[@johncerpa3782]

Excellent, thank you

[@juro804]

Is providing video streaming with WebFlux appropriate? Wouldn't the performance suffer due to the ioWorkerThread being parked during I/O operations?

[@RAJU9622]

Amazing content

[@anandsingh1011]

awesome topic

[@ogabeksaidov1986]

Great 👍👍👍👍👍

[@topfactland2120]

how does get request to 8080 returning index.html page do you have another controller ?

[@Javatechie]

Source code link share on description please check the code

[@ridhamsood1784]

instead of storing videos locally can we store it in any cloud like aws s3 and does it same work by getting data in chunks rather then downloading whole video?

[@Javatechie]

Yes absolutely it will work with the same approach

[@ridhamsood1784]

can you explain that i am trying to implement but unable to do that

[@tiejeevan]

I would appreciate you, if u could do more about this in detail like 1 hr video

[@thedragoncorpse6403]

Hello SIr , i have my videos stored in my google cloud firestore , and i have a url for that video , how can i play that video directly in my spring boot application ,with the same functionalitiues that you have shown in the video, plz help

[@m3jh]

what would be the proper way for big audio files speaking of 500mb - 1gb of like 2-3 hours of audio files mp3 for instance to be streamed from some s3 or something? thanks.

[@AshishRohillax]

How is the range value used ? You never called the rest endpoint as well then how it got executed ?

[@Javatechie]

In javascript I called this range please checkout my source code

[@rahul-java-dev]

Thank you Sir ❤❤

[@kameshganeshan2894]

Also mention why the app runs on netty and not on tomcat. I know the reason but the crowd watching your tech blog would be keen to know.

[@rssaini01]

What is the use of Range request header?

[@Javatechie]

Client will send byte range to Server using it

[@rssaini01]

@@Javatechie how?? And if client can send the byte range to server then how server will handle this?

[@hemoonegi6363]

what if i have multiple videos on my single tab? or multiple images?

[@sbshshendkar]

waiting for SAGA design patterns with messaging.

[@Javatechie]

Will start buddy , parallely with kuhernetes

[@sbshshendkar]

@@Javatechie thank you❤️

[@tadurirk]

Super

[@pratishrutipanda6461]

Nice content 😊

[@simoneric]

Awesome Content!

[@anisam123]

sir you did not use rage to load the video, so how was the video getting loaded using chunks?

[@Javatechie]

Yes range will pass as part of headers

[@ashishsengar87]

Thanks! Nice video. Can you please tell what changes will be required in this demo to fetch the video from a video streaming link instead of local?

[@asam0997]

Sir, any idea how to change video quality while Playing just like in KZbin we do?

[@Javatechie]

Need to check Anmol . will update

[@mohammadsajeed370]

but isn't it progressive downloading supported by browser's video tag by default?

[@loknathkumar2369]

Sir how can we add tag name filter in s3 bucket like giving specific tag name particular file in s3 must be fetched

[@simplifyvms215]

Can i know the request Header that you have used while doing the request

[@_ravi_kumar_gupta]

Great great video. Can you please make a video on saga design pattern for microservice.

[@Javatechie]

Yes I will do that

[@elasingh3151]

I'm getting "no video with supported format and mime type found". Is this a browser issue? I tried on both Chrome and Firefox.

[@Javatechie]

Did you specify produces and also make sure that in index.html you specified valid path to your video

[@elasingh3151]

@@Javatechie Thanks. It worked :)

[@sleepysquirlz7715]

this is a great video, but im trying to do this on an existing project i already have in intellij, and im trying to see if i can just insert this code into my already existing project. Would this work if i did that? because i got this video tutorial working but i can get it to work when i try to slide this code into my existing project?

[@parthipanmurali4451]

Nice topic

[@aadiraj6126]

Good one. But plz start spring, Oauth/jwt, spring boot, Microservices, etc interview qsn ...those are pending from ur side🙏

[@Javatechie]

Jwt and oauth 2 already I covered please checkout in my channel

[@sandipmane3941]

Good.. Can we have same kind of thing.. If we have indexed large file on cloud... That I want to stream it... How we. Can approach this one.....

[@Javatechie]

Get the content from cloud and render it in ui

[@sandipmane3941]

@@Javatechie will this work to down load large image file on cloud.... Down load in chunks only..

[@Javatechie]

It won't download entire content as I mentioned in video based on byte range it will get connect

[@egi-og9ed]

Great, i have question how to integrate with reactjs? and is this possible to create live streaming video?

[@mohammadnayeemetp]

Yes saga design patterns sir

[@angulardesign7412]

i am working on e-learning web app but thing is that user should not able to download video from my server how to prevent downloading ? Thanks for your video?

[@codedestiny6955]

Thanks bro, how to do with resolutions bro ??

[@chiragmatta9171]

Can you please make tutorial on reactive programing with Kafka and ActiveMQ

[@preethamumarani7363]

tried this example of java 11, it works. just curious, is there any specific reason you used java 8 ?

[@Javatechie]

No it will work on any version of java . I am more comfortable with jdk 8

[@preethamumarani7363]

@@Javatechie great thank you. Also, just a generic query, why many companies still have java 8 ? any specific benefits or just the migration concerns ?

[@Javatechie]

@@preethamumarani7363 java 8 release change the world by supporting functional style coding and which is available in free called ooenjdk 8 but 11 is paid .

[@AVSOFT-fq1qm]

WHERE U CALLED THI API IN HTML PAGE

[@sreenureddy994]

its amazing

[@ning6434]

Nice video, Do you know how can we play the video if the endpoint is secured by jwt? Thanks in advance

[@Javatechie]

On top of this api you could add jwt validation

[@ning6434]

@@Javatechie But as we use the video tag in frontend how can we add the Bearer token to it?

[@sovrinfo]

Big thanks

[@exact-itacademy1282]

how to load videos from C driver ?

[@Javatechie]

Give the absolute path of your file in index.html

[@sivapriya3924]

Is there any possible way to stream video from s3 directly without downloading

[@Javatechie]

Yes we can do that

[@sivapriya3924]

@@Javatechie Any sample video

[@sbshshendkar]

Java 8 stream is working like this?

[@Javatechie]

This is reactive programming

[@abinthomas12914]

Awesome

[@tadurirk]

Start spring webflux series

[@sripriyanagaraju7019]

please write the code for live streaming/online streaming/broadcasting

[@sui2490]

why is java 8 used?

[@zakariadaoudi1729]

Thanks man A+++

[@muhammadsabirqadri8659]

please some one explain me how to add video inside videos folder. please help me.

[@sneak9407]

How about the video that gets the video from an actual database? You never released the video anymore.

[@sneak9407]

Also I have a problem with my ranges. I can't seem to skip to a point in the video.

[@GameXplorers46]

Is it not possible without web flux or reactive programming??

[@Javatechie]

Possible but not asynchronous

[@CaptainDriftwood]

thank you saar

[@tiejeevan]

I worked in lot of companies, we are using CNET or other streaming services to get this functionality. I would really appreciate you if you could teach me more sir.

[@naraharig1625]

bro make video on splunk bro

[@Javatechie]

Splunk is not opensource I believe

[@starlordop2644]

❤️❤️

[@9703080696]

Awesome