Deep Dive into Blobs, Files, and ArrayBuffers

[@sanjitselvan5348]

You're one of the VERY few on youtube who can explain some of the most complex topics in the simplest possible manner. Thank you!

[@TillmanTech]

I’m speechless. This is amazing content. I saw the concept of a blob when I was researching how to manipulate the clipboard but never understood it. Great explanation. I eagerly anticipate your next videos!

[@uquantum]

Steve! you rock! thanks and so useful I used the info today already!

[@abdallahazme4757]

This was so beautiful, you might think I commented on the wrong video but no. Programing is like magic and it's so beautiful magic as well.

[@heypen9375]

I'm a font designer. And this videos gives me a lot info how to parse/working with a font file via js. thank you.

[@SteveGriffith-Prof3ssorSt3v3]

These might help you too - kzbin.info/www/bejne/e6uUmaiQYtCZj5Y kzbin.info/www/bejne/fJ7FpZiwfZusp8U

[@sidekick3rida]

Amazing. I wish more tutorials were this clear. Thank you very much!

[@Jennn]

Thank you Sir! You explain things So Well. I had initially listened to this in my headset at work to make sure it was going in a direction that could help me learn more about what a blob even is.. My shield has a partition called "staging" and they provided an image simply called "blob" and man than thing when loaded into hxd is packed with headers, avb included, and Encrypted! I didn't even know what "blob" meant, so Thank You for even providing that bit for us beginners

[@otmanm4095]

One of the best, if not the best, Channele for FrontEnd technologies and deep dive. Thanks sharing that much to us.

[@HarshKapadia]

Awesome! I've never understood files properly. Thank you Steve!

[@superspamtube7464]

Best explanation I have ever seen about this topic!

[@IftekherBhuiyan]

this is just amazing content, steve! thanks a lot!!

[@TheAjayluke]

Fantastic! Keep up the great work steve.

[@Tntpker]

Recently used Blob to create a csv files while working on some serverless mini project, pretty handy

[@aram5642]

Super-useful esp. with the file creation! Thanks for sharing! I am looking forward to watching an episode on SharedArrayBuffer. I recently considered using it with a worker, but wasn't sure how to determine the buffer size for array of objects with UTF-8 properties. (Besides there are some security concerns, solved by headers). Quite a story to it.

[@nro337]

So helpful and clear to understand. Thank you!

[@dvreddy007]

I like the explanation as you're with example with ES6 latest JS - thanks

[@neeyatiajmera869]

This is by far the best explanation I've seen on blobs/typedArrays

[@marwenlabidi_dev]

thank u for this amazing quality content

[@alitoghiani8070]

Amzing video, easy to understand, thank you so much

[@LibraryOfTheOligarchs]

Appreciate you and your channel!

[@criticalthinker88gis13]

Wow thanks,I had to work with Blobs today and did not know what it was so felt uncomfortable with it, now i understand

[@enonz761]

Great explanation! Thanks!

[@valbertmartins3449]

This is awesome, thank you for this lession!

[@yousoumar]

As I commented below the first video of the series, it's a really interesting topic. Thanks Steve and more around it please! I always wondered how it was possible to generate files in the browser (I have seen it in some web apps, from csv to image and I was like, "this can't be created on the server, given the time it takes").

[@SteveGriffith-Prof3ssorSt3v3]

There are more file related videos coming

[@jaitjacob]

great explanation. thank you 🙏

[@fedigri2119]

Thank you for this video for explain these thing because i had a problem for understanding its before i watch your video i love your content because you helped me and i will follow your channel

[@tutorialscamp3569]

great content Steve, keep the good work

[@hatchibomb]

Incredibly useful! Thanks so much!

[@rodrigo-do-carmo]

Great content and explanation, thank you so much!

[@sabrinapyles563]

Beautiful! Thank you, definitely subscribed.

[@Сергей-е4г5п]

Thanks for the explanation.

[@mohitpal1505]

let buffer = new ArrayBuffer(12); const intArray = new Int32Array(buffer); console.log(intArray.buffer); const int8Array = new Int8Array(buffer, 12); int8Array[0] = 200; console.log(intArray.buffer); Tell me how is the line const int8Array = new Int8Array(buffer,12) not throwing an error, as even though it is using the underlying buffer which is of byteLength of 12 bytes, hence last byte is 11th, but we are trying to view int8Array from the 12th byte. And even after assigning int8Array[0] = 200; the underlying buffer contents remain unchanged. Also if I am changing the byte offset from 12 to 13, then it is throwing error showing 13 is outside the bounds of buffer.

[@pkyadav1986]

Sir, how can i send an array buffer after reading a file in Javascript(File reader) to node.js backend and write a new file using that array buffer in file system

[@SteveGriffith-Prof3ssorSt3v3]

You use fetch to upload the data to the back end. -kzbin.info/www/bejne/q5OrepSvf7Cbl8U I don't have a video on handling Array Buffers in NodeJS yet

[@pkyadav1986]

@@SteveGriffith-Prof3ssorSt3v3 So how can i send very large uint8array thorough post request, if i use content-type: application/json It gives an error saying, payload too large.

[@SteveGriffith-Prof3ssorSt3v3]

@@pkyadav1986 the server can set limits on the allowed size for various http methods. How big are you talking? A websocket and streaming is an alternative approach for big files

[@pkyadav1986]

@@SteveGriffith-Prof3ssorSt3v3 I am sending a file after reading it using js file reader and i am using content-type: application/octet-stream and i am receiving the data in express js backend and writing a new file using that data by doing filesystem.appendFile(), the file is written but it does not open.

[@SteveGriffith-Prof3ssorSt3v3]

Sorry. I don't have any tutorials about dealing with received files on the server with Express or NodeJS.

[@CastorMilano]

Bro, you rock! Excellent explanation 🤘😎🤘

[@empathetic24671]

That was very informative. Thanks for that😄

[@sajadnemati6263]

Your videos are very informative. Thank you.

[@33bindass]

It made me happy 😊

[@konstantinMonty]

Hi, thanks for this lesson, could you tell please, how or when we convert 104 and 105 into h and i? I did`n see this moment in the code.

[@SteveGriffith-Prof3ssorSt3v3]

Those are the ascii values for h and i. When you put the array buffer inside the file object and tell the file that is it type plain text then it treats the bytes as the numeric value of text characters

[@mostafagh3573]

great video sir, thank u for your great work💛💛

[@TheDogn]

17:02 Thank you for the high level view. But I'll remind you the thumbnail promised a deep dive, and I was really hoping for more information than you provided.

[@SteveGriffith-Prof3ssorSt3v3]

It is part of an unfinished playlist of videos that has a lot more information.

[@seanbrill4183]

great video thank you!

[@dimitridovgan6364]

Great! Thank you!

[@unknown-bx8my]

Is there a way to convert an ArrayBuffer to string then turn it back to thr same ArrayBuffer?

[@SteveGriffith-Prof3ssorSt3v3]

yes. That is basically what you do with streams and TextEncoder

[@syntheticperson]

Very helpful. Thanks

[@fedigri2119]

Thank you steve

[@lucianoortiz1700]

Hey man. I have a question.. I've been trying to code a Simple voice recorder That playback at the same time im recording. So How can this be possibe in javascript ? ..

[@SteveGriffith-Prof3ssorSt3v3]

I made this video a few years ago as an introduction to that type of thing - kzbin.info/www/bejne/gWevZGuuoJeloc0 You will probably also want to look at the Web Audio API - developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API Media Stream Recording reference - developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API

[@lucianoortiz1700]

@@SteveGriffith-Prof3ssorSt3v3 ths man

[@edu.paixao]

Thank you!

[@janipulko9833]

Great. Thanks.

[@emmanuelkofi8343]

I love this. thanks.

[@eugeniogonzato]

so nice video, thanks

[@bryanathallah8513]

thank u it's so helpful

[@rohitbrk]

Thank you so much

[@uscjake868]

Steve do you have a paid course?

[@SteveGriffith-Prof3ssorSt3v3]

Just the program that I run at Algonquin College. I made the decision a long time ago to just put my tutorials online for free for everyone. I make money through ads and super thanks.

[@ParthaSarathylink]

hi was unexpected 😀

[@pajeetsingh]

8:14 so unsigned char. God I hate normalizing every data type of non-C languages into C-like datatypes.

[@SkyLib]

Please mention JavaScript in video title.

[@redstar1162]

nice voice

[@John-eq5cd]

Thanks!

[@SteveGriffith-Prof3ssorSt3v3]

Thank you very much! 😊🙏😀