Spring Boot WebFlux - Video Streaming Example | JavaTechie

[@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

[@titanmtp4368]

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

[@sadiulhakim7814]

what i was looking for. Thanks man

[@mohamedaminnaimi2770]

Thanks for the simple and clear tutorial

[@mohamedlarbisoufi6568]

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

[@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!

[@abhijitprusty]

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

[@nirmesh44]

Fantastic and deep knowledge i got from this video. Thanks

[@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 😊

[@oladimejijames9554]

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

[@thineshn1321]

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

[@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 😊

[@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

[@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?

[@tiejeevan]

Man you are java God. Thank you

[@emvoinamdinh]

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

[@raghavendraboddupalli1181]

Excellent content Basanth..

[@Talaria.School]

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

[@japanesetranslation4315]

Wow! nice video. Thank you.

[@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

[@jitendrapandey176]

Awesome Java techie 👏👏👏👏

[@amitkharbade]

Thanks for this tutorial🙏

[@nagendrad9263]

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

[@AshishYadav-se4db]

Amazing content sir🔥🙏.

[@RahulKumar-qu1if]

Very good content ☺️ sir.

[@devashish_yt]

Great content 👏... thank you

[@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

[@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.

[@kambalavijay6800]

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

[@ogabeksaidov1986]

Great 👍👍👍👍👍

[@johncerpa3782]

Excellent, thank you

[@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

[@motolola]

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

[@anandsingh1011]

awesome topic

[@RAJU9622]

Amazing content

[@pratishrutipanda6461]

Nice content 😊

[@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!

[@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 ?

[@rahul-java-dev]

Thank you Sir ❤❤

[@juro804]

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

[@simoneric]

Awesome Content!

[@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

[@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

[@parthipanmurali4451]

Nice topic

[@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

[@tiejeevan]

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

[@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

[@hemoonegi6363]

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

[@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

[@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?

[@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

[@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

[@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?

[@asam0997]

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

[@Javatechie]

Need to check Anmol . will update

[@mohammadnayeemetp]

Yes saga design patterns sir

[@egi-og9ed]

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

[@mohammadsajeed370]

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

[@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 :)

[@_ravi_kumar_gupta]

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

[@Javatechie]

Yes I will do that

[@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.

[@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?

[@simplifyvms215]

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

[@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.

[@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

[@sovrinfo]

Big thanks

[@loknathkumar2369]

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

[@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 .

[@zakariadaoudi1729]

Thanks man A+++

[@AVSOFT-fq1qm]

WHERE U CALLED THI API IN HTML PAGE

[@sbshshendkar]

Java 8 stream is working like this?

[@Javatechie]

This is reactive programming

[@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?

[@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

[@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 ??

[@exact-itacademy1282]

how to load videos from C driver ?

[@Javatechie]

Give the absolute path of your file in index.html

[@chiragmatta9171]

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

[@sui2490]

why is java 8 used?

[@sbshshendkar]

waiting for SAGA design patterns with messaging.

[@Javatechie]

Will start buddy , parallely with kuhernetes

[@sbshshendkar]

@@Javatechie thank you❤️

[@tadurirk]

Super

[@sreenureddy994]

its amazing

[@CaptainDriftwood]

thank you saar

[@GameXplorers46]

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

[@Javatechie]

Possible but not asynchronous

[@muhammadsabirqadri8659]

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

[@abinthomas12914]

Awesome

[@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.

[@sripriyanagaraju7019]

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

[@tadurirk]

Start spring webflux series

[@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