Loading an audio file using Fetch - Web Audio API

How to use JavaScript Fetch to load an audio file with the Web Audio API. Created by Gregg Fine.

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:

🗣JOIN the Code Creative Facebook group! :

🌐 The Code Creative Official Website

🎓 The Code Creative Courses

✅ Recommended related videos:

Web Audio API: Exploring Oscillators

Web Audio API: createOscillator and Audio Nodes

Web Audio API: What is Audio Context?

✅ Let's connect:

Twitter - @GreggFine

Instagram - /greggfineguitar

[vaughnn]

This video helped my team and I to parse data from a fetch request's response to an API. The data we needed back was audio, so after hours and hours of searching through documentation on things like "Readable Streams", "Blobs", etc. and having no success, I finally came across this video and finally we were able to get our data to return to us in an audio format. Thank you Code Creative. You've got yourself a new subscriber

[clifford]

As a musician I'm new to programming. And you explain things so well. I wish you all success on youtube. Subscribed!

[fetusness]

Amazing video!! I was reading for so long and this 3 minutes helped so much!! Nice song too :)

[PedroFernandez-llnr]

Thanks! I have been searching this for a while

[nullstress]

Awesome tutorial. Straight to the point :)

[dhavalkotak]

thank you so much bro u just helped me so much with this solution thank you so much

[alanrush]

Cool video, do you have any on visualizing the sound waves or spectrum etc.?

[mfelipeof]

Thank you so much for this short and good explanation video!!

I have just one problem: When I tried load a .wav file, the "data.arrayBuffer()" promise always returns a ArrayBuffer with 0 bytes. If a change to a .ogg or .mp3 files, it works properly. Could you help me?

Thanks a lot for share this with us :)

[MrLeheed]

Hello The Code Creative, can this method also play a web audio link(via a web path) ?

[MegaDevilsdad]

can we do smn similar for video files aswell?

[joshblitz]

How would it work if you were fetching json data?

[nandoMac]

I get an error in line 1: "ReferenceError: AudioContext is not defined". I tried in Chrome, Safari and Firefox... If anyone can help that would be great.

[tylon_stuff]

So is this a way to merge two mp3 files? I need an API to combine multiple mp3 to one mp3 file.

[romeolenyanyabedi]

"this is one of my own tracks by the way"
Me: *Presses Like* Lol

[seemychord]

hello what javascript IDE are you using in this video? thank you

[wilonweb]

I like you chanel because you talk a lot of about js ecosysteme on audio. Do you know some good chanels or discord on the same subject ?

[klife]

I'm using Notepadd++ and chrome but the code doesnt play anything, anyway I can solve this problem?

[TheCodeCreative]

📖 Download my FREE "Google Search Secrets for Developers" Cheat Sheet:

[TheCodeCreative]

🗣JOIN the Code Creative Facebook group! :