Learn HTML audio in 5 minutes! 🔊

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

ความคิดเห็น • 96

  • @BroCodez
    @BroCodez  ปีที่แล้ว +59

    Document
    Catch Me If I Fall




    Dreaming On



    Losing My Mind

    • @subbotin459
      @subbotin459 ปีที่แล้ว +4

      what does meta do?

    • @abishekcse
      @abishekcse ปีที่แล้ว

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

    • @KierJoyel
      @KierJoyel 9 หลายเดือนก่อน +3

      Music vedio
      music video


      Your browser does not support the audio element.

    • @theinvertedworld.
      @theinvertedworld. 3 หลายเดือนก่อน

      wise words man.. truly wise words

    • @RS_ESPORTS288
      @RS_ESPORTS288 หลายเดือนก่อน

  • @pandquot
    @pandquot ปีที่แล้ว +25

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

  • @eddythecoolguy
    @eddythecoolguy 8 วันที่ผ่านมา

    how do you center the tags with the so it fits in the middle of your webpage?

  • @MEKONMESSIN
    @MEKONMESSIN ปีที่แล้ว +1

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

  • @rabbitbhai434
    @rabbitbhai434 หลายเดือนก่อน

    very good brother keep it up like this

  • @AsianCanadianInvestor
    @AsianCanadianInvestor ปีที่แล้ว +10

    question - why did you include "



    Document" into the head? It seemed like previous videos didn't include this code.

    • @AdelArbaoui-fb7zo
      @AdelArbaoui-fb7zo ปีที่แล้ว

      the same question

    • @kuragehime018
      @kuragehime018 ปีที่แล้ว

      thats just the basics for an html code.

    • @AsianCanadianInvestor
      @AsianCanadianInvestor 11 หลายเดือนก่อน +12

      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
      @BC_IMMU 5 หลายเดือนก่อน

      Thanks buddy ​@@AsianCanadianInvestor

  • @Grug__
    @Grug__ ปีที่แล้ว +1

    Thanks for the series man

  • @himalkhati9061
    @himalkhati9061 5 หลายเดือนก่อน

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

  • @chilioil7686
    @chilioil7686 ปีที่แล้ว +2

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

  • @ThunderBird-b8f
    @ThunderBird-b8f 7 หลายเดือนก่อน

    love you bro. I am your new subscriber.

  • @niibin391
    @niibin391 3 หลายเดือนก่อน

    Okay so the files are saved on the computer that the code originated on right? If I wanted to upload files that originated from my computer onto a webpage in html code and upload the html code online so other people can view the page, are they still going to be able to listen to the audio, or are they not going to be able to since the code won't know where to look for the audio files, since they're all on my computer and not theirs?

  • @zedshdox5766
    @zedshdox5766 ปีที่แล้ว +3

    chokran hbibi

  • @Jidaa-l8b
    @Jidaa-l8b 5 หลายเดือนก่อน

    Bro is a lifesaver

  • @rmcellig
    @rmcellig 3 หลายเดือนก่อน

    Great video!! I have a weekly radio show and would love to display them on my website. What is the best way to organize my episodes? I have thousands of episodes going back to 1988.
    Thanks!!!!
    Randy

    • @LiamFiler
      @LiamFiler 10 วันที่ผ่านมา

      make tabs seperate and display the music in order of eps :)

  • @MEKONMESSIN
    @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**😠👎

  • @aligharbi509
    @aligharbi509 ปีที่แล้ว +3

    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
      @pencilaturdesk143 ปีที่แล้ว +1

      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
      @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
      @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
      @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
      @aligharbi509 ปีที่แล้ว +1

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

  • @djgaborkiss
    @djgaborkiss 20 วันที่ผ่านมา

    Unfortunately, this code doesn't work on Apple Phone/Safari... works fine on Androids though.. anyway to fix that?

  • @Ready_To_Roll0
    @Ready_To_Roll0 3 หลายเดือนก่อน

    is a source tag needed? it just seems redundant with an src attribute. cant it be put in the opening tag like img and video?

    • @alexmay2825
      @alexmay2825 17 วันที่ผ่านมา

      I'd like to know that too. Do you have the answer yet?

  • @romanap82584
    @romanap82584 10 หลายเดือนก่อน +1

    Thanks!

  • @Reakzzzs
    @Reakzzzs 11 หลายเดือนก่อน +4

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

    • @YASHRSEWDA
      @YASHRSEWDA 5 หลายเดือนก่อน

      , add the autoplay attribute to the audio tag

    • @lautaro4278
      @lautaro4278 3 หลายเดือนก่อน

      You can use that, but most chromium browsers don't allow you to play the audio the first time, you have to refresh the page

  • @Johnn870
    @Johnn870 ปีที่แล้ว +2

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

    • @IsRaphaelGo
      @IsRaphaelGo 4 หลายเดือนก่อน

      you could probably use js to make it function

  • @MoeiraJohnson
    @MoeiraJohnson 6 หลายเดือนก่อน

    Do I need the app?

  • @dodojef301
    @dodojef301 7 หลายเดือนก่อน

    can we use labels instead of paragraph here?

  • @RickWoellert
    @RickWoellert 3 หลายเดือนก่อน

    Good Video!

  • @yorlinvarela9683
    @yorlinvarela9683 9 หลายเดือนก่อน

    The Best.. thankyou

  • @brandonclarke7079
    @brandonclarke7079 5 หลายเดือนก่อน

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

  • @JonasRasalan
    @JonasRasalan 3 หลายเดือนก่อน

    another tutorial done. let's go to the next!

  • @mehovic
    @mehovic ปีที่แล้ว

    Can we add captions to audio file??

  • @shafiarif4654
    @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
      @bartzilla808 7 หลายเดือนก่อน

      is your audio file in a folder?

  • @ryan_millard
    @ryan_millard ปีที่แล้ว +1

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

  • @KhooniSunday818
    @KhooniSunday818 4 หลายเดือนก่อน

    How to add audios to html with android phone, please reply

  • @khilafahempire
    @khilafahempire 6 หลายเดือนก่อน

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

  • @vampy407
    @vampy407 ปีที่แล้ว +1

    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
      @CJ-zu9ut ปีที่แล้ว

      same prob here

    • @vortex_studio_the_better
      @vortex_studio_the_better 8 หลายเดือนก่อน

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

  • @adhiraj3153
    @adhiraj3153 หลายเดือนก่อน

    What if we don’t want to showcase it on our web page but want to play song when someone opens our web page how to do that

    • @lmfao3293
      @lmfao3293 หลายเดือนก่อน

      just . But most browser doesn't allow the audio autoplayed

  • @ummezaiba8745
    @ummezaiba8745 11 หลายเดือนก่อน

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

  • @BhartiSingla-ci3zg
    @BhartiSingla-ci3zg 10 หลายเดือนก่อน

    What to do if I want music in background?

  • @GiftMthimunye
    @GiftMthimunye ปีที่แล้ว

    Let’s gooo

  • @techtipsuk
    @techtipsuk 9 หลายเดือนก่อน

    Can these be styled with css

    • @aidenvw
      @aidenvw 9 หลายเดือนก่อน

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

  • @Computer-v5e
    @Computer-v5e 4 หลายเดือนก่อน

    i love you bro

  • @crektech
    @crektech 7 หลายเดือนก่อน

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

  • @coldlycode
    @coldlycode ปีที่แล้ว +1

    Thanks Bro!

  • @zyad553
    @zyad553 19 วันที่ผ่านมา

    this is magic

  • @kristijanlazarev
    @kristijanlazarev ปีที่แล้ว +1

    nice songs

  • @workwithbasit357
    @workwithbasit357 4 หลายเดือนก่อน

    bor is amazing

  • @friendsforever715
    @friendsforever715 8 หลายเดือนก่อน

    why mine doesn't play?

  • @motivationda2067
    @motivationda2067 11 หลายเดือนก่อน

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

  • @hart_heartzy
    @hart_heartzy 10 หลายเดือนก่อน +2

    autoplay wont work why>?

    • @Muhammed_Atif
      @Muhammed_Atif 5 หลายเดือนก่อน

      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.

    • @thekunaikage8081
      @thekunaikage8081 3 หลายเดือนก่อน

      @@Muhammed_Atifdid you find a solution?

  • @shubham-sc
    @shubham-sc ปีที่แล้ว +10

    autoplay is not working , pls help me

    • @danddando
      @danddando ปีที่แล้ว +4

      yo bro did you find a solution for it?

    • @shubham-sc
      @shubham-sc ปีที่แล้ว

      @@danddando yeah I got the concept now

    • @klein4459
      @klein4459 ปีที่แล้ว +9

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

    • @pencilaturdesk143
      @pencilaturdesk143 ปีที่แล้ว +3

      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
      @pencilaturdesk143 ปีที่แล้ว +4

      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

  • @SiddhPatel-MASTER
    @SiddhPatel-MASTER 6 หลายเดือนก่อน

    Thanks tomorrow is my exam

  • @deadlydarkdestructivedragonwar
    @deadlydarkdestructivedragonwar ปีที่แล้ว

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

  • @JoashWilliams
    @JoashWilliams ปีที่แล้ว

    Bro my autoplay is not working

  • @Way_And_Truth
    @Way_And_Truth 6 หลายเดือนก่อน

    BRO IS BRO

  • @JuxGD
    @JuxGD ปีที่แล้ว +2

    brocode

  • @raykobayashi8093
    @raykobayashi8093 3 หลายเดือนก่อน

    Random Comment

  • @JustinUltamit
    @JustinUltamit 8 หลายเดือนก่อน

    random comment

  • @ramanijarrett6855
    @ramanijarrett6855 ปีที่แล้ว

    !

  • @Otakuuuuuuuuuuuuuuuu5172
    @Otakuuuuuuuuuuuuuuuu5172 ปีที่แล้ว

    bro how to download audio without corrupt?

  • @TorabekRaufov-p8x
    @TorabekRaufov-p8x 3 หลายเดือนก่อน

    random comment