How to Add Audio in HTML using Notepad text Editor

Поделиться
HTML-код
  • Опубликовано: 11 окт 2024

Комментарии • 336

  • @shudocode
    @shudocode  4 года назад +17

    Please NOTE:
    If you are inserting Audio from another Folder/Directory Then please add file:/// Before your File's Path.
    Like This:
    And i am sorry that i forget to mention this in the Video.

    • @shudocode
      @shudocode  4 года назад +3

      Please share your Code here : programminghead.com/help/
      I will check your Code and Inform about the Problem through your Given Email Address.
      Thanks

    • @vembarasane7348
      @vembarasane7348 3 года назад +2

      It's ok.. Thanks 🙂

  • @VictorVictory-te2ij
    @VictorVictory-te2ij Месяц назад +1

    So very easy to follow! Tqsvm audio expert! God bless you! 1st time I came across /// -- with deepest gratitude Sir! More training videos please. Do keep up the great work!

    • @shudocode
      @shudocode  Месяц назад

      thanks you so much for these kind words
      i can't even explain how much these words means to me
      all i can say is thank you

  • @r301pirate2
    @r301pirate2 2 года назад +6

    This man by far has been the best help I’ve had in this field! He clearly loves what he does and took the time out his day to break everything down step by step

    • @shudocode
      @shudocode  2 года назад +1

      Wow thanks for your kind words

    • @r301pirate2
      @r301pirate2 2 года назад +1

      @@shudocode No problem thank you for the help!

  • @imnoturgod3808
    @imnoturgod3808 2 года назад +2

    you know, you really helped me with my html computer assignment, without you, i might have failed that subject, i was once lost, but now iam found, thank you for this.

    • @shudocode
      @shudocode  2 года назад

      Oh thanks for saying that. Comments like these motivates me a lot.. Thanks again and BTW Thanks for watching

  • @sKM143
    @sKM143 5 лет назад +5

    Thanks for This "How to Insert Audio in HTML using NotePad text Editor" Video. It helped me A lot.

  • @nrx9040
    @nrx9040 5 лет назад +2

    this video helped me soooo much, i kept getting inserting audios in html5 and no notepad, so for this i thank you sir

    • @shudocode
      @shudocode  5 лет назад

      NΘϊr νφx thank you for watching.

  • @emily95115
    @emily95115 4 года назад +4

    Thanks very much! Your instructions are very clear!!! By the way, could you please teach me how to make the audio plays once only? I’m recently setting up a test, the participants are only allowed to play each audio once! If you could help I’d be much appreciated!

    • @shudocode
      @shudocode  4 года назад

      If you Want to Play a Audio File Once Then you just need to Remove the "Loop" Attribute from the Starting tag (If there is Any?).
      E.G.
      Before:
      After:
      If this Doesn't work then please Provide more Information (Like How do you want your Users to play The Audio by Clicking?? What kind of audio should play ETC ). So i can help you Better.

    • @emily95115
      @emily95115 4 года назад +1

      Shubham Kumar Thanks a lot! I’ll give it a try!

    • @emily95115
      @emily95115 4 года назад +1

      @@shudocode There's no 'loop' originally. Basically in our test, the participants needs to listen to 5 sentences of different accents of English and rate how they feel about them. So they can only listen to each audio for once, they need to press on the 'play' button but it can only play once.

    • @shudocode
      @shudocode  4 года назад

      Now i Get Your "TEST" Problem. I am Working on it. You will Soon Get a Link where you Can Copy The Whole CODE with Explanations and Also can Test* the Example. Wait for a While i am Working on it... :)

    • @emily95115
      @emily95115 4 года назад +1

      Shubham Kumar That’s very nice of you!!!’ Thanks very much!!!!

  • @rezervarezerva6222
    @rezervarezerva6222 3 года назад +3

    You are the best, you explained every possibility out there and you helped me a lot! Thank you very much!

    • @shudocode
      @shudocode  3 года назад

      thanks for watching and for leaving such a great comment

  • @sravanthikunchapu9390
    @sravanthikunchapu9390 4 года назад +1

    Your really did an awesome work it's worked for me at first attempt superr and also impressed for your attitude keep working on it.. best of luck

    • @shudocode
      @shudocode  4 года назад

      Comments like this Inspires me EveryDay. You can't even think how Happy your Comment made me. Thank you so much for this Lovely Comment and Thanks for Watching :)

    • @sravanthikunchapu9390
      @sravanthikunchapu9390 4 года назад +1

      Sir is it possible to make a list with single control if possible make such code send kindly send me pls .. it will help me more

    • @shudocode
      @shudocode  4 года назад

      sravanthi kunchapu can you please give me more details about what exactly you are looking for?

    • @sravanthikunchapu9390
      @sravanthikunchapu9390 4 года назад +1

      Ya sir thanks for the reply
      I need a single control to be displayed
      Down it should display the song list
      Like. 1.songs
      2.song2
      ...
      By clicking it should play the respective song

    • @shudocode
      @shudocode  4 года назад +1

      programminghead.com/CODE/?id=audio-test-and-vote
      Check this Link and Tell me what else do you need?

  • @haneenkhaled5285
    @haneenkhaled5285 4 года назад +3

    Hello, really loved howy ou explained this so easily! But I did the same things you've said still my audio doesn't open, and I have both my html file and the audio in the same location, I don't know what I'm doing wrong.

    • @shudocode
      @shudocode  4 года назад +1

      Haneen Khaled please submit your code here programminghead.com/help/ and i will check your code and try to fix your problem

    • @haneenkhaled5285
      @haneenkhaled5285 4 года назад +1

      @@shudocode Thaank youu so muchh!! you're so kind❤

    • @shudocode
      @shudocode  4 года назад +1

      hi. Your HTML seems right except you have miss spelled SRC in 3rd Source Tag, Please correct that
      and you suppose to write audio type in capital
      like type=“audio/MPEG”
      so do that
      but your code will work anyways
      i think there is something wrong with the audio path
      to identify the real problem press
      ctrl+i on your browser (or right click and select “inspect elements” options)
      and under the “Console” tab you will see an error.

    • @shudocode
      @shudocode  4 года назад +2

      check your email. i have sent you a new HTML code. Copy that code and paste that Code inside you “html” file
      run it and tell me which audio elements working (there are 3 audio elements Default,file and online audio)

    • @haneenkhaled5285
      @haneenkhaled5285 4 года назад

      @@shudocode thank you so so much truly for helping me out, but I've checked nothing have been sent my email is khaneen13@gmail.com maybe I've written it wrong at first

  • @noobtwin9928
    @noobtwin9928 3 года назад +2

    Tommarow is last day for submitting. My it practical pls help me sir❤️

    • @shudocode
      @shudocode  3 года назад +1

      yes tell me your problem

    • @noobtwin9928
      @noobtwin9928 3 года назад +2

      @@shudocode sir write html code to insert audio clip named audio1.mp3 in the webpage

    • @noobtwin9928
      @noobtwin9928 3 года назад +1

      Pls tell me

    • @shudocode
      @shudocode  3 года назад

      Ok
      so if your audio1.mp3 and .html file both are Present at Same Folder/Location
      then use this CODE
      Audio in HTML
      if your audio.mp3 file is present at diffrent location then get the Full path
      or use this MP# from online SRC/Source
      Audio in HTML

    • @noobtwin9928
      @noobtwin9928 3 года назад +1

      @@shudocode tnku sir❤️❤️

  • @sideswipe5940
    @sideswipe5940 2 года назад +1

    Hi thank you it worked, but I have a question, does this work on other computers?? I assume not?

    • @shudocode
      @shudocode  2 года назад +1

      If you are inserting audio files from your Local storage then this won’t work on other computer.. to make this work on others computer then you have to send Both the Audio file and the HTML file.
      Or you can use Audio file from Web servers
      For example

    • @sideswipe5940
      @sideswipe5940 2 года назад +1

      @@shudocode oh thank you very much it helped me.

    • @shudocode
      @shudocode  2 года назад

      @@sideswipe5940 i am GLAD. BTW thanks for Watching

  • @FoXenthusiast42
    @FoXenthusiast42 4 года назад +11

    Controls are there but doesn’t allow me to play it :(

    • @shudocode
      @shudocode  4 года назад +3

      that’s mean your browser isn’t able to detect your audio file
      Plese add file:/// before your Audio file's path
      Like :
      and if your Code still don't work :
      please provide your HTML code at this Webpage
      programminghead.com/help/
      we will check your code and try to resolve your problem

  • @johntaylor7922
    @johntaylor7922 4 года назад +4

    Perfect! Saved me hours of work, thanks a million...

  • @akaaLofficial
    @akaaLofficial 3 года назад +1

    brother maine source tag close nhi kia phir bhi song chal gya is this possible
    ye vala

    • @shudocode
      @shudocode  3 года назад

      Yes it is.
      agr ap Audio ya Source tags close na kre fir bhi Song play hota hai But Keep in mind
      apke browser ko pta nhi kha se Start hai Source tag
      so i can create a huge problem jab ap multiple Audio files ke sath Kam kr rhe ho
      and browser ko first Source se 2nd mein jana ho to ye error create krega
      agr ap 1 audio file ke sath kaam kr rhe hai
      ya fir
      first source supported hai by your browser
      then apko abhi koi problem nhi hogi
      i hope u will understand what i am trying to say
      thank for watching and commenting on this video

  • @uniqueemperor4306
    @uniqueemperor4306 3 года назад +2

    as there anyway we can let audio play in background and user dosent have controll

    • @shudocode
      @shudocode  3 года назад

      yes.. by removing “controls” attribute you can remove or hide those controls button and by using “autoplay” attribute you can play that audio in background automatically. (But most browsers nowadays don’t allow audio to play in background without user interaction. so you might face some problems while doing that

  • @urmomsayshitou
    @urmomsayshitou 9 месяцев назад +1

    Thank you soooo muchhhh because of you I'll pass my exam!!!! I'm so grateful to you now!!!

    • @shudocode
      @shudocode  9 месяцев назад

      Thank you for your kind words! I'm honored to have been a part of your exam success.

  • @nathantroybontilao1941
    @nathantroybontilao1941 2 года назад

    This really helped me in my class today thank you sir kumar 💜

    • @shudocode
      @shudocode  2 года назад

      Thanks for Watching Sir Bontilao

  • @cvgamers7775
    @cvgamers7775 3 года назад +1

    Thank you so much bro now i am making a online songs download Websight thank u a lot

    • @shudocode
      @shudocode  3 года назад +1

      Most welcome 😊
      but always use those songs that you have permission to Upload inside your Website, Otherwise you are doing online music piracy which is not a good thing and illegal
      i hope you will do something great which will help you in the future
      thanks for watching have a Great time

    • @cvgamers7775
      @cvgamers7775 3 года назад +1

      @@shudocode bro for me i am not getting download button in it trying hard from morning . pls make a video on it bro

    • @shudocode
      @shudocode  3 года назад

      i can’t make video
      because i am working on other projects
      but if u want my help
      then i can give you some personal online lectures using google meet
      where you can talk and ask questions etc

  • @jairussano7475
    @jairussano7475 3 года назад +2

    THIS WORKED FOR ME !!! tysm hehehehe i have an html project for school

  • @ayushchaudhary2200
    @ayushchaudhary2200 2 года назад +2

    Wait, do we need a end tag for the source tag also?? I mean i am using spck editor(in my phone) and if the end tag is needed then the app automatically gives an end tag but in the source tag it never happens

    • @shudocode
      @shudocode  2 года назад +1

      No
      You don't need to write closing/end tag for source Tag
      (It was my Bad/mistake
      THANKS for telling me this)
      This is the Syntax

    • @ayushchaudhary2200
      @ayushchaudhary2200 2 года назад +2

      Thanks for replying

    • @shudocode
      @shudocode  2 года назад +1

      @@ayushchaudhary2200 thanks for pointing out my mistake

  • @ssureshkumar9565
    @ssureshkumar9565 4 года назад +2

    Can I add audio in a button?

    • @shudocode
      @shudocode  4 года назад

      s suresh kumar you can’t add an audio inside a HTML Button. But you can play and pause your audio by using HTML buttons by using javascript’s .play and .pause events.

    • @ssureshkumar9565
      @ssureshkumar9565 4 года назад +1

      Thank you. I love the way you explained. It was clearly nice.

    • @shudocode
      @shudocode  4 года назад

      s suresh kumar thanks for watching

  • @seorangmusafirjalanan5690
    @seorangmusafirjalanan5690 3 месяца назад +1

    THANK YOU SIRRRRRR. YOU MADE MY DAYYYYY🎉🎉🎉🎉🎉

    • @shudocode
      @shudocode  3 месяца назад

      and your comment made mine
      thanks for watching

  • @avishpamukherjee1908
    @avishpamukherjee1908 3 года назад +1

    Thank you....thank you.... thank you....a lot ....your video kinda saved my life

    • @shudocode
      @shudocode  3 года назад

      Glad it helped!
      and thanks for this Comment. People like you motivates me.
      thanks

  • @richardw2370
    @richardw2370 2 года назад +2

    Hi Shubham, thank you very much this excellent tutorial. I got the html audio to work just fine. I've now subscribed to your channel.
    I have two questions if you don't mind me asking. Firstly, I had to use the full path from the security tab in properties. How do I enter the html for mp3, wav and ogg using the full path? Secondly, I want to use the finished audio file on the website I'm building. To do this the web builder says that I need to copy and paste the html into the site. How would I do this? Many thanks

    • @shudocode
      @shudocode  2 года назад

      Hi thanks for Watching, for the sub and for this Comment
      so if you want to use Audio files with different formats (to support all browsers)
      then use can use this Syntax

      Sorry - Your browser does not support the audio element.
      and the Second things
      HTML audio in WebBuilders
      in webBuilder, the thing is when you include or give your audio file in your HTML file
      the browser will look for that Audio file in the Local Storage like in "C:/user/Desktop/song.mp3"
      but when you are working on WebBuilder or on Online Servers
      thenyour Audio file must be in the Server (you can't use there your local computers path)
      to fix that you can upload your Audio file in your WebBuilders server
      get the File path from there
      and you will be use that Path and include your audio file
      lets say your WebBuilder don't allow you to upload or Gives you the Audio file's path
      then you can use Other Audio hosting Servers
      and use the Audio files from there
      for testing you can use my Audio file's path "programminghead.com/audio/audio.mp3"
      CODE:

    • @richardw2370
      @richardw2370 2 года назад +1

      @@shudocode Thank you indeed for your help, very much appreciated

    • @shudocode
      @shudocode  2 года назад

      My pleasure

  • @MOHAMMAD_JUNAID_KHAN786
    @MOHAMMAD_JUNAID_KHAN786 3 года назад +2

    thanks it helped me a lot

  • @ramprvesh9319
    @ramprvesh9319 4 года назад +3

    Sir, I don't think that we need to close audio tag. Isn't it? Please reply

    • @shudocode
      @shudocode  4 года назад +1

      Yes sir You are right.. if we are inserting Audio files Once then this is not necessary to close the Audio tag. but if we are inserting Audio files multiple time then 1 un closed Tag can create a Huge Bug/error. Thats why i am Strictly following the Syntax. Thanks for watching

  • @kungagyalmo949
    @kungagyalmo949 3 года назад +2

    Thanks a lot
    U make my day

    • @shudocode
      @shudocode  3 года назад

      Glad to hear that
      BTW thanks for Watching

  • @craftyarsh4505
    @craftyarsh4505 2 года назад +1

    Amazing Brother You Are Doing Great Keep It Up 💖💐👍🏻

    • @shudocode
      @shudocode  2 года назад

      Thanks for saying that BTW Thanks for watching

    • @craftyarsh4505
      @craftyarsh4505 2 года назад

      @@shudocode
      You Are Most Welcome Bro Ur Way Of Teaching Is Too Good 💐👍🏻❤️

  • @stanleymufuka1356
    @stanleymufuka1356 4 года назад +1

    its so good thank you i am sure i will not make any erros

    • @shudocode
      @shudocode  4 года назад

      Stanley Mufuka thanks for watching

  • @Garimaaazzz-x2w
    @Garimaaazzz-x2w Месяц назад +1

    best tutorial...tysm

    • @shudocode
      @shudocode  Месяц назад

      best comment.... TYSM for watching

  • @falaksayyed6965
    @falaksayyed6965 4 года назад +2

    thank you very much 😊

    • @shudocode
      @shudocode  4 года назад +1

      Thank you for Watching

  • @harishankaryadav6496
    @harishankaryadav6496 4 года назад +1

    Thanks a lot for this video it's really help me to use audio tag

    • @shudocode
      @shudocode  4 года назад

      I am glad to hear that. Thanks for watching

  • @keerthisatheesh9888
    @keerthisatheesh9888 4 года назад +1

    It hlpd me in my board practicals Tnx brook u r grt

    • @keerthisatheesh9888
      @keerthisatheesh9888 4 года назад +1

      I mnt broooo

    • @shudocode
      @shudocode  4 года назад

      @@keerthisatheesh9888 I am Glad to Hear That and Thanks for Watching.

  • @r301pirate2
    @r301pirate2 2 года назад +1

    Hello I’m going step by step and my only issue is that I have the control bar but the audio won’t play. Are you able to help with this?

    • @shudocode
      @shudocode  2 года назад +1

      Sure I can help you.. first question is your HTML file and Audio file present at the same location? If you answer is no. Then please move you audio file to the same location where your HTML file is. Or u can use full audio file path .
      To get the full audio file path
      Right click on your audio file
      Select properties from there
      Under the security tab you can copy the full audio file’s path
      If still not working them I am free for google meeting. I can suggest changes over google meet

    • @r301pirate2
      @r301pirate2 2 года назад +1

      @@shudocode yes the files are in the same folder

    • @shudocode
      @shudocode  2 года назад

      @@r301pirate2 are you free for google meet right now?

    • @r301pirate2
      @r301pirate2 2 года назад +1

      @@shudocode yes I am so I have to download anything for it?

    • @shudocode
      @shudocode  2 года назад

      no Just join this meeting using your web-browser
      click this link
      link expired LOL

  • @juhiee7315
    @juhiee7315 3 года назад +1

    Thanks sir so much.... 👍👍👍😀😀🙂🙂

  • @nursyazwanibintimohdyusoff2071
    @nursyazwanibintimohdyusoff2071 2 года назад +1

    Hi! Your video helps me a lot. Thank you so much!! :)

  • @ayushthapliyal8768
    @ayushthapliyal8768 3 года назад +1

    Thanks for the information

  • @cuteanimals-dz7ti
    @cuteanimals-dz7ti 4 года назад +1

    Thanks dada for share that information

    • @shudocode
      @shudocode  4 года назад

      Vishal Suryawanshi thank you for watching

  • @traducoesdemusicascomvozse5214
    @traducoesdemusicascomvozse5214 4 года назад +1

    Is streaming Shoutcast aac supported today? Good tips.

    • @shudocode
      @shudocode  4 года назад

      Traduções PtBr Internacionais Séries Filmes Novelas Most AAC files with finite length are wrapped in an MPEG-4 container (. mp4, . m4a), which is supported natively in Internet Explorer, Safari, and Chrome, and supported by the OS in Firefox and Opera. BTW thanks for Watching

  • @jennyofoldstones8879
    @jennyofoldstones8879 4 года назад +6

    This helped me! Thank you so muchhhhh!!

    • @shudocode
      @shudocode  4 года назад

      Jenny of Oldstones thanks for watching

  • @라이산누마
    @라이산누마 3 года назад +1

    Helped me a lot
    Thank u so much !!

    • @shudocode
      @shudocode  3 года назад +1

      Glad it helped!
      BTW thanks for Watching

  • @fakename2956
    @fakename2956 3 года назад +1

    Hey can you help me out? I need to allow users to upload their own audio and then play it, I assume I need to make it so they can change the source but how?

    • @shudocode
      @shudocode  3 года назад +1

      for that you need to use javascript
      using JS you can trigger a function whenever user upload there song
      and using that JS function you can replace audio elements sources to User uploaded track/song
      keep in mind this won’t upload that song into your server
      thsis will only choose that selected file from users computer and add it to your HTML file

  • @Electro-qn1mc
    @Electro-qn1mc 4 года назад +1

    I get confused in the part where you paste the full audio file’s path and then it disappears, did you delete it or?

    • @shudocode
      @shudocode  4 года назад +1

      yes sir. at 3:12 i have used the Ctrl+Z shortcut to get my Previous ShortPath. Because my Audio and HTML file is present at the same location. Thats why we don’t have to give the full Path there.
      thanks for watching i hope this reply helps

    • @Electro-qn1mc
      @Electro-qn1mc 4 года назад +1

      Thank you sir for the reply and it really helps but it didnt solve the problem in my case because the button appears but when i click it nothing happens i have tried the file:/// btw

    • @shudocode
      @shudocode  4 года назад +1

      Pixel Juice in in your browser right click on Blank Space and Select “Inspect” or “Inspect element” Option
      and you will see all the errors inside the console tab
      please tell/reply me the errors that you are facing so i can fix the problem easily

    • @Electro-qn1mc
      @Electro-qn1mc 4 года назад +1

      Thank you sir the error is: “ Failed to load resource: net:: ERR_FILE_NOT_FOUND”

    • @shudocode
      @shudocode  4 года назад +1

      ok so the audio file’s path is the problem
      so you need to right click on your audio file
      select Properties from there
      and under the Security tab you need to copy the full path
      and paste that full path inside your HTML AUDIO tags SRC attribute
      example: src=“c:/user/Desktop/audio.mp3”

  • @sanjaysahu9866
    @sanjaysahu9866 4 года назад +1

    Thank you very much

    • @shudocode
      @shudocode  4 года назад

      Sanjay Sahu thanks for watching sir

  • @heisenbergx1181
    @heisenbergx1181 Год назад

    tysm broo u literraly resute a huge problem that i had

    • @shudocode
      @shudocode  Год назад +1

      i am glad that i could help. Thanks for watching

  • @kelsey5504
    @kelsey5504 3 года назад +1

    THANK YOU SO MUCH

    • @shudocode
      @shudocode  3 года назад +1

      Thanks for WATCHING :)

  • @Igniteyouth2000
    @Igniteyouth2000 5 лет назад +2

    Bhi bahoot hard, sahi ja raha hai, laga Rai

    • @shudocode
      @shudocode  5 лет назад

      Micro gamer thanks bhai

  • @elahdesigned
    @elahdesigned 3 года назад +2

    *Thank you so much about this!*

    • @shudocode
      @shudocode  3 года назад +1

      Thanks for watching

  • @anjupurohit6330
    @anjupurohit6330 4 года назад +1

    Controls are there but they are not working...seems like the page is hanged...please reply sir what to do....I have tried using
    Audio src=file///

    • @shudocode
      @shudocode  4 года назад

      please corrct your File's Source.
      src=file///C:/user/audio.mp3 is WRONG
      src="file:///C:/user/audio.mp3" is Correct
      dont forget to add double quotes " " after src=" "
      and a colon : after file:///
      if still not working Please use this source

  • @anshagrawal8141
    @anshagrawal8141 3 года назад +1

    Worked___ thanks broo....

  • @HiyaThaker
    @HiyaThaker 3 года назад +1

    it worked thank you so much sir!!!

    • @shudocode
      @shudocode  3 года назад

      Thank you so much ma'am for watching

  • @TheVoice00183
    @TheVoice00183 2 года назад

    Tnq very much bro .from srilanka

  • @shivagayakwad6924
    @shivagayakwad6924 2 года назад +1

    Hi, please tell me html code to play audio for particular time like 2 time repeatation, 3 time repeatation or audio should play for 2 minutes or 4 minutes

    • @shudocode
      @shudocode  2 года назад +1

      Check this LINK : programminghead.com/CODE/play2pauseAfter.php
      here you have 2 button
      1 for playing your Audio file Twice
      and 1 for Playing your Audio for 2Secounds
      this might HELP :)

    • @shivagayakwad6924
      @shivagayakwad6924 2 года назад +1

      @@shudocode thanks for reply, can we have a button like there we can set repeatation like how many time we want to repeat it so if any one touch it and type 5 so it should repeat 5 time and same for minutes if any type 4 so it should play for 4 minutes

    • @shudocode
      @shudocode  2 года назад

      For that just pass User input in JS variable and use Variables to play audio etc

  • @duyenluong1774
    @duyenluong1774 9 месяцев назад +1

    It's work. thanks so muchhh

    • @shudocode
      @shudocode  9 месяцев назад

      Happy to hear that. BTW Thanks for watching

  • @virusehwag9562
    @virusehwag9562 5 лет назад +1

    Very nice 👌👌👌👌

    • @shudocode
      @shudocode  5 лет назад

      Viru Sehwag Thanks for watching

  • @spagetti2514
    @spagetti2514 4 года назад +1

    hello great video , i have written the code and it worked successfully but i am stuck i have no clue on how to align this in the middle of my page and stay there when i shrink the page down and englage it ...please help me bro !!! please nothing has worked for me

    • @shudocode
      @shudocode  4 года назад

      for that you have to use CSS's margin:auto; properties
      or you can use CSS Flex there are so many options

    • @spagetti2514
      @spagetti2514 4 года назад +1

      @@shudocode hey thank u for the response , i have done this as such
      text-align: center;
      padding-top: 100px;
      padding-right: auto;
      padding-bottom: 100px;
      padding-left: auto;
      margin: auto;
      i cannot get them to bunch together vertically
      mind you though i am failry new to this

    • @shudocode
      @shudocode  4 года назад

      @@spagetti2514 Hi i think flex box will work for you.. use FLEX box or you can Submit your CODE and i will do that for you
      Link to submit the CODE: programminghead.com/help/

    • @spagetti2514
      @spagetti2514 4 года назад +1

      @@shudocode hello sir i just emailed you !! please and thank you brother let me know what i have done wrong

    • @shudocode
      @shudocode  4 года назад

      Dan Barb can you give me an example like how do you want to align those audio controls?

  • @AliBabaBanana
    @AliBabaBanana 4 года назад +3

    audio is not playing automatically :(

    • @shudocode
      @shudocode  4 года назад +2

      Ali BaBa this is because browsers like google chrome don’t allow users to play audio file automatically because of some security reasons.

    • @AliBabaBanana
      @AliBabaBanana 4 года назад +2

      Shubham Kumar
      I see thank you so much for answering I really appreciated

    • @shudocode
      @shudocode  4 года назад

      Ali BaBa thanks for watching this video

  • @PawanPawar1
    @PawanPawar1 2 года назад +1

    Thank you bro!!

  • @zainabansari573
    @zainabansari573 3 года назад +1

    Thank youu sir 😃

  • @josephhylton5334
    @josephhylton5334 3 года назад +1

    Not sure why this has happened now, but no audio html code seem to be working on chrome anymore. No matter how many ways I code it

    • @shudocode
      @shudocode  3 года назад

      Watch this video
      ruclips.net/video/JWE1xzN5g_c/видео.html
      This might help

  • @anderso.madsen2976
    @anderso.madsen2976 2 года назад +1

    is it possible to have two audio controls in one html

    • @shudocode
      @shudocode  2 года назад

      Yes it is Possible
      You just need to use Two *Audio Tags* with *controls* Attribute

  • @greenwoodhoran8868
    @greenwoodhoran8868 4 года назад +1

    Thank you thank you thank you!

    • @shudocode
      @shudocode  4 года назад +1

      Chelsy Greenwood Horan thanks thanks thanks for watching :p

  • @satenderchauhan9831
    @satenderchauhan9831 4 года назад +1

    THANKS BRO

    • @shudocode
      @shudocode  4 года назад

      thank you bro for watching

  • @A_fan_from_a_small_village
    @A_fan_from_a_small_village 3 года назад +1

    hello sir this codes work but I am trying add more audio with audio name while I put these code it work but problem is it play both audio can't we make one pause on while another one is playing.

    • @shudocode
      @shudocode  3 года назад

      if you want to play multiple audio onebyone then you need to create multiple pages for that. and create next and previous button that will play next song/redirect to another song on a click(if you want to do it using HTML only)
      if you know about JS
      then you can do everything in a single page
      where you can use .play .pause .click functions that can allow you to change or switch between multiple songs on .pause state or you can change the song without even refreshing the webpage

    • @A_fan_from_a_small_village
      @A_fan_from_a_small_village 3 года назад +1

      Sir I request you to give me some more information on html
      I made sample of some of my own design
      Where I use maroquee behavior many others
      I want to Know about css and how it works
      Could you please explain me next video

    • @shudocode
      @shudocode  3 года назад

      actually i can explain it rightnow using zoom or google meet

    • @A_fan_from_a_small_village
      @A_fan_from_a_small_village 3 года назад

      Are you free for tomarrow at day time

    • @shudocode
      @shudocode  3 года назад

      no

  • @joanajohn1108
    @joanajohn1108 5 лет назад +3

    thanks

    • @shudocode
      @shudocode  5 лет назад

      joana benjamin thanks for Watching.

  • @pallavisingh754
    @pallavisingh754 4 года назад +1

    Thank you

    • @shudocode
      @shudocode  4 года назад

      Pallavi Singh thanks for watching

  • @generaitnet
    @generaitnet 3 года назад +1

    Hi Shubham. I made an online app which uses audio from youtube as the audio. Let me know if you want to review it

    • @shudocode
      @shudocode  3 года назад

      yes i want to review it

  • @txtmoaot5
    @txtmoaot5 3 года назад +1

    Thank you so much!!! 💯

  • @arishkhanpathan6958
    @arishkhanpathan6958 4 года назад +1

    How can I add audio in an animation I made which will be played automatically when I run the animation

    • @shudocode
      @shudocode  4 года назад +1

      Arish Khan i recommend you to watch this video ruclips.net/video/1fmfwDRM5II/видео.html i hope this video will fix your problem

    • @arishkhanpathan6958
      @arishkhanpathan6958 4 года назад +1

      @@shudocode thank you...

  • @emajnikhil6535
    @emajnikhil6535 2 года назад

    Thanks yaar i learned now 😇

    • @shudocode
      @shudocode  2 года назад

      Thanks for watching Yaar.. have a good time :)

  • @Shubhamsynk
    @Shubhamsynk 4 года назад +1

    Good sir

  • @rashidasanaa7899
    @rashidasanaa7899 4 года назад +1

    this video was so damnnn helpful!!!!!
    thank you so much!!!!!

    • @shudocode
      @shudocode  4 года назад

      Thank you so much for watching and for this Very kind Comment.

  • @pavankumarkj255
    @pavankumarkj255 4 года назад +1

    i'm subbing All the best

  • @westonnemitz1093
    @westonnemitz1093 4 года назад +2

    OMG THANK YOU THANK YOU THANK YOU

    • @shudocode
      @shudocode  4 года назад

      thank you for watching thank you for watching thank you for watching

  • @pavithraraji7175
    @pavithraraji7175 3 года назад +2

    Aww bro this is great thank you 🤩🤩

    • @shudocode
      @shudocode  3 года назад +1

      Thanks For watching :)

  • @lovo7065
    @lovo7065 4 года назад +2

    what is the code for it to auto-play and loop?

    • @shudocode
      @shudocode  4 года назад

      To Autoplay Your Audio file You need to Add "autoplay" and "loop" attribute inside the Audio tag's Starting Tag Anywhere after the Tag Name.
      E.G.
      But Some Browser Like Chrome Does not Allow or Support the Audio Autoplay Feature, Then we have to use a Little trick to autoplay Audio file in Every Browser.
      Trick Link:
      programminghead.com/CODE/?id=autoplay-audio-in-html
      BTW Thanks for Watching And Commenting on this Video.

  • @Md_faiq8
    @Md_faiq8 4 года назад +1

    Thank U so much bro😍

    • @shudocode
      @shudocode  4 года назад

      Muhammad Faiq thank U so much for Watching

  • @عوضمبارك-ت3ظ
    @عوضمبارك-ت3ظ 2 года назад

    thank you so much i love you

    • @shudocode
      @shudocode  2 года назад

      You are welcome.. and I love u too LOL (sorry if I offended you)

  • @omarmissaoui2585
    @omarmissaoui2585 2 года назад +1

    but when i try to send the html to a friend it dont send the audio just the code and the web show the controls with 00:00/00:00

    • @shudocode
      @shudocode  2 года назад

      This is because that audio file is Present at your local computer
      So when you are sharing HTML file make sure to share audio file with it
      Even after that make sure audio and html file is Present at the same location
      Or you have host/upload audio file in the server
      And use audio files url these
      For example

  • @divuslife
    @divuslife 4 года назад +1

    Tx sir

    • @shudocode
      @shudocode  4 года назад

      thanks for watching Ma’am

  • @rekhachauhan8553
    @rekhachauhan8553 2 года назад

    Thanks a lot bro 😊

    • @shudocode
      @shudocode  2 года назад

      Thanks for watching sis :)

  • @milanbudha3381
    @milanbudha3381 4 года назад +1

    all browsers support mp3 except ogg and wav

    • @shudocode
      @shudocode  4 года назад +1

      Milan Budha you are right sir

  • @blackforest1132
    @blackforest1132 3 года назад

    Thanks this helped!!!

    • @shudocode
      @shudocode  3 года назад +1

      i am glad to hear that. BTW Thanks for Watching

  • @harveerjassi1054
    @harveerjassi1054 4 года назад +1

    love you bro

    • @shudocode
      @shudocode  4 года назад

      jassi Jassi thank you bro

  • @Datchi-dx2le
    @Datchi-dx2le 2 года назад

    Bro very very tanx bro😊😊😊

    • @shudocode
      @shudocode  2 года назад

      Thanks for watching 😊

  • @ashpjangde
    @ashpjangde 4 года назад +1

    Thanks a lot, man!!

    • @shudocode
      @shudocode  4 года назад

      Ashish Prakash thanks for watching

  • @kishorahir1436
    @kishorahir1436 4 года назад

    That was very helpful👍👌

    • @shudocode
      @shudocode  4 года назад

      Kishor Ahir Thanks for Watching

  • @jishnuroyal5563
    @jishnuroyal5563 5 лет назад +3

    Bro pls help it's not working

    • @shudocode
      @shudocode  5 лет назад

      jishnu royal thanks for writing to us. Can you provide your HTML code so we can take a look and resolve your problem ASAP.

    • @MelvinAdekanye
      @MelvinAdekanye 5 лет назад +2

      *I got you bro. Here's another tutorial*
      ruclips.net/video/19oYJh3tYn4/видео.html

    • @shudocode
      @shudocode  5 лет назад

      or you can Copy Our Code Using These Links (BTW Thanks for Watching and Commenting on our Video) :
      First Link :
      programminghead.com/CODE/?id=audio-in-html-Example1
      2nd Link:
      programminghead.com/CODE/?id=audio-in-html-Example2

    • @shudocode
      @shudocode  4 года назад

      Thanks

  • @Shubham-000
    @Shubham-000 2 года назад

    thanks a lot

    • @shudocode
      @shudocode  2 года назад

      You are most welcome
      BTW thanks for Watching
      Good DAY :)

    • @Shubham-000
      @Shubham-000 2 года назад

      @@shudocode thanks bro

  • @minecrafter4623
    @minecrafter4623 2 года назад

    How do i have it on autoplay and turn down the volume? Without the slider

    • @shudocode
      @shudocode  2 года назад

      use autoplay="true" and volume="0.1" attributes inside your Audio tags
      For example
      but keep in mind most browsers don't allow us to play audio file automatically on the page load "DUE TO SECURITY REASONS"

    • @minecrafter4623
      @minecrafter4623 2 года назад

      @@shudocode yeah I’m using an html as an overlay and it has a looping audio every so often but it’s too loud. So I wanna turn it down a little I will try that.

  • @melvenbarlongo7742
    @melvenbarlongo7742 2 года назад +1

    Thank you so much! T_T

  • @theanhang7337
    @theanhang7337 Год назад +1

    tysm:DDDDDD

  • @nikobellic5232
    @nikobellic5232 Год назад +1

    thks

  • @looneycrow7978
    @looneycrow7978 3 года назад +1

    How to play without control panel.. background game music

    • @shudocode
      @shudocode  3 года назад

      To hide the Audio control button
      Just remove the "Controls" attribute from the audio tag
      But if u hide tye Controls then you can't plqy the audio
      To fix that add this "autoplay" attribute
      Which will play audio on page Load
      But most browsers don't allow autoplay and stuff due to some security reasons
      So this is not the best solution

  • @kimdoahlipa1533
    @kimdoahlipa1533 3 года назад +1

    I did exactly what is said in the video, but it didn't work, I don't know why

    • @shudocode
      @shudocode  3 года назад

      submit your code here
      programminghead.com/help/
      and i will check your code and let you know where is the issue

  • @donaldtugonon2954
    @donaldtugonon2954 4 года назад +2

    You savved me😊😊

  • @dex4755
    @dex4755 4 года назад +1

    not working

    • @shudocode
      @shudocode  4 года назад

      Cicara we are sorry to hear that. can u please provide your html code so we can resolve your problem. BTW thanks for watching

  • @GUPRPEET-Singh
    @GUPRPEET-Singh 2 года назад

    How to make playlist of the same for blogger???

    • @shudocode
      @shudocode  2 года назад +1

      I am sorry but I am not sure about what r u asking here.. but if you want me to make tutorials about blogger then I might make them in future (I am not 100% sure BTW)

    • @GUPRPEET-Singh
      @GUPRPEET-Singh 2 года назад

      @@shudocode i am asking how to make a playlist in blogger. Taki songs apne app change ho.
      Thanks btw👍

    • @shudocode
      @shudocode  2 года назад +1

      ​@@GUPRPEET-Singh oh sorry. now i get your Question
      so you want to play multiple songs
      one after another
      for that you have to use JavaScript
      where
      you will list all the audio files inside an Array
      and using JS function call or triggering the .play() action you will start the first song (from the array)
      after you will use some Event Listers
      which will trigger on
      Audio play
      Audio pause
      and audio end
      example addEventListener("ended",function(){
      //now play the next song from the array
      });
      and you can also check for the array Length (so you can trach how many songs left to play and stuff like that)
      :)

    • @GUPRPEET-Singh
      @GUPRPEET-Singh 2 года назад

      @@shudocode thanks brother..👍 but I can't do that unless a video is demonstrating what u said.😀.. thanks anyway...

    • @shudocode
      @shudocode  2 года назад +1

      @@GUPRPEET-Singh ok I might send u a HTML file where I will implement all these steps (these days I am kinda busy so it can take long so sorry)

  • @Skill002
    @Skill002 Год назад +1

    But it only for single audio

    • @shudocode
      @shudocode  Год назад

      Yes
      But for multiple audio files you need to use multiple audio tags or store different audio sources inside an array and please em one bye one.

    • @Skill002
      @Skill002 Год назад +1

      @@shudocode please make a video for that we don't know how to do it..

    • @shudocode
      @shudocode  Год назад

      @fundose123 will do