Learn HTML audio in 5 minutes! 🔊

HTML audio mp3 tutorial example explained

[@BroCodez]

Document Catch Me If I Fall Dreaming On Losing My Mind

[@subbotin459]

what does meta do?

[@abishekcse]

​@@subbotin459meta is compatiblity tag,it sets the web page standard

[@KierJoyel]

Music vedio music video Your browser does not support the audio element.

[@pandquot]

I just finished highschool and i started coding today.Thank you!

[@teacherlee1270]

question - why did you include " Document" into the head? It seemed like previous videos didn't include this code.

[@AdelArbaoui-fb7zo]

the same question

[@kuragehim018]

thats just the basics for an html code.

[@teacherlee1270]

oh I figured it out: if you manually type in: those lines won't show up. If you use "! + tab" to write DOCTYPE then it will show up.

[@BC_IMMU]

Thanks buddy ​@@teacherlee1270

[@himalkhati9061]

Thank you soo much sir. you are an amazing teacher!

[@MEKONMESSIN]

Great video -learned it in 5 mins ---now can the titles be placed before or after the play bar?--and can the players be made smaller than the size you have?? -I would like to get 20 songs on a page with some images and would like to know if it's possible??-thanks!!

[@Johnn870]

Thanks teacher 🙏 But can we make it change the audio playing from one to another automatically? If yes, how so Thanks 🙏

[@zedshdox5766]

chokran hbibi

[@Jidaa-l8b]

Bro is a lifesaver

[@Grug__]

Thanks for the series man

[@did_someoneknow]

And how to autoply the audio when we open the browser?

[@YASHRSEWDA]

, add the autoplay attribute to the audio tag

[@ThunderBird-b8f]

love you bro. I am your new subscriber.

[@chilioil7686]

what if i only want the volume button to appear on the control? thanks!

[@brandonclarke7079]

I'm following along, but the "autoplay" control isn't working.

[@MEKONMESSIN]

Got the track playing perfect just like yours in Visual Studio --but then I embedded the code to my Web Editor and did a preview--Nothing!---what did I do wrong or miss??-- frustrated in Canada**😠👎

[@romanap82584]

Thanks!

[@yorlinvarela9683]

The Best.. thankyou

[@shubham-sc]

autoplay is not working , pls help me

[@guizmoforlife]

yo bro did you find a solution for it?

[@shubham-sc]

@@guizmoforlife yeah I got the concept now

[@klein4459]

The browser does not allow this because it is annoying for the user It only works when you make it mute

[@pencilaturdesk143]

did u put it in right? make sure to use W3C it finds errors. Also look for lines of code that are not closed with these signs: also check if u spelled autoplay right or autoplay could be connecting to a different line of code, make sure to close that. God bless u :)

[@pencilaturdesk143]

And i think i found a solution im not sure but, i did only use "/folder name/file name" when audio or video or image is not in the same folder as your html. When your audio or video or image is the same folder as your html just do "file name" also make sure your file name has no spaces

[@aligharbi509]

guys I have a question , when i put my audio files in my code , everything is perfect but when I activate my html page it doesn't show the audio files or it just stays at 0 , can anyone give me a solution ?

[@pencilaturdesk143]

Did you run your code in W3C and look for any errors? Also remove any spaces in your audio file, for example: dog barking.mp3 then turn it into dogbarking.mp3. I had that problem with images but i had to remove spaces. Or it could be that your file format isn't compatible with your browser. God bless u :D i hope this solves ur problem

[@pencilaturdesk143]

also i forgot that u need to move your audio files closer to your html folder or you maybe need to rewrite your code

[@pencilaturdesk143]

Also if your audio files close together you dont need to do "/folder name/audio file", only do that command when your audio is not close to your html file. Make sure to add controls in

[@pencilaturdesk143]

only use "/folder name/file name" when audio or video or image is not in the same folder as your html. When your audio or video or image is the same folder as your html just do "file name" also make sure your file name have no spaces

[@aligharbi509]

@@pencilaturdesk143 thnx for replying to me , I figured out that my audio files hada width of 0 so that's why XD

[@dodojef301]

can we use labels instead of paragraph here?

[@khilafahempire]

For me my audio pauses in middle of audio. It plays and randomly stops somewhere and when I play it, it starts from the beginning! What's wrong??

[@hart_heartzy]

autoplay wont work why>?

[@Muhammed_Atif]

yeh bro, autoplay doesnt work for me too, really dont know why, i tried using Chat GPT, changed browser and browser settings and it simply doesnt seem to work, everything else works though.

[@ryan_millard]

I used a wav and mp3 file but still can't get it to work. Could someone help me please? I'm using Microsoft Edge.

[@pencilaturdesk143]

wav and mp3 could not be compatible with your browser or you maybe dont have to file sound or video with the html code folder. Also your line of code could have errors, use W3C to check for any errors that may be in your line of code. God bless u :)

[@pencilaturdesk143]

only use "/folder name/file name" when audio or video or image is not in the same folder as your html. When your audio or video or image is the same folder as your html just do "file name" also make sure your file name has no spaces

[@kristijanlazarev]

nice songs

[@vampy407]

when i view it in my website it show's the length of the audio is 0 for some reason i didn't use this video's code but if anyone knows ^

[@CJ-zu9ut]

same prob here

[@vortex_studio_the_better]

Maybe because the name of your file isn't with ".mp3" in the code. Sorry for the mistakes...

[@BhartiSingla-ci3zg]

What to do if I want music in background?

[@crektech]

bro why do we add download Link or button to make others download it

[@mehovic]

Can we add captions to audio file??

[@ummezaiba8745]

What if we want to load an audio through link...

[@shafiarif4654]

@BroCodez when I try to play the audio file, my IDM notifies me to download every time I try to play, even though I have downloaded it. What's the issue here? Can you help me on how to solve it?

[@bartzilla808]

is your audio file in a folder?

[@MoeiraJohnson]

Do I need the app?

[@GiftMthimunye]

Let’s gooo

[@SiddhPatel-br7dj]

Thanks tomorrow is my exam

[@motivationda2067]

bro I couldn't get any audio output on live server

[@friendsforever715]

why mine doesn't play?

[@coldlycode]

Thanks Bro!

[@JoashWilliams]

Bro my autoplay is not working

[@Gametimewithsurya]

BRO IS BRO

[@deadlydarkdestructivedragonwar]

u sound kinda like a pilot over the intercom no offense btw i kinda think its cool

[@techtipsuk]

Can these be styled with css

[@kleinewillem]

I had the same question if the controls of the audio could be styled with CSS?

[@JuxGD]

brocode

[@JustinUltamit]

random comment

[@ramanijarrett6855]

!

[@johnroquesidaya5172]

bro how to download audio without corrupt?