You're amazing! I'm genuinely so impressed that I was able to do that so easily, I was expecting it to take hours. The link in description to code in your browser was very helpful as well :) (the only thing that stumped me that I needed to figure out myself was that I had to get a downloadable link of the mp3 so I could put that after source src= )
Thank you so much sir, This is what I was looking for for my next coding project. I planned on building a javascript music player witout using the HTML control keyword, but didn't know how to embed audio into my server :)
Hi, I have little issue. So I followed your steps, my .mp3 file is in the same folder as my .html file and I checked did I wrote type/mpeg and I did. The audio controls show up in the web browser but there is no audio. Any help?
Wow! Thank you! I have been using MP3 SoundStream which works okay but nobody has flash enabled anymore... I found your video and SHAZAMMMM! I'm like some kinda HTML5 Guru or something. It worked the 1st time. Thank you, Sir!
Not sure if you're still willing to respond (since this was posted years ago) but my issue is that for some reason when I apply the code to the page I want the player on, the song will not play.. I followed all the steps, and when I checked with "live preview", it worked.. but it doesn't work anywhere else... I'm using the latest version of Chrome, if that matters.. TIA!
I have been trying for 3 days to add an audio file to my html project then you said something that no one else did. You said that if it doesn't work then the mp3 file is no good. Then I thought to myself what a dummy I am. Thanks for assist and info.
Im making a website with neocities, the problem is that neocities doesnt allows you to upload audio files if you are using it for free. Is there other option so i can have audio playing on the background in my website? I tried uploading my audio files to mp3 hosting sites, but i dont find any good hosting sites
This was a file that was given to me by a friend. You can download audio tracks from RUclips - search Google for a "RUclips to mp3 convertor" - there are plenty of websites that do this for you.
i tried many of my audio files none seem to work for me all i get it is the audio player but no music and i cant click on anything.. i dont know what to do had this problem for days
@@GeekTutorials1 i think i have mp3 i was just going through music i've downloaded in the past, im very confused about that part, im taking a web deign course through udemy, and the audio coding part is where im stuck on i found your turotial but sitll stuck with the same problem i have an audio folder in my html folder then im making with other parts for my site but each time i try to pick a different audio file it never plays, how do i know which is mp3 i go under properties right? and if its mp3 do i have to rename the file .mp3 at the end? ty for helping me
@@GeekTutorials1 so i downloaded a mp3 music file of taylor swift- shake it, tried using the mp3 for the audio file, and still nothing have the controls but no music not even an option to click to play it just the control panel of it
@@griffithstone8527 You shouldn't have to rename with mp3 on the end if it's already an mp3 file. Sorry mate - I'm a bit stumped as to what the problem is!
Ah, While following all the steps in your video, I found out the website I'm using to code on, neocities, doesn't allow the uploading of mp3s. So if anyone's coming from Neocities, it this is helpful but it won't work.
Hi there - I tried to use this code to add an audio file but it just doesn't work. I get the player bar and the controls but it's non-responsive to any clicks and won't play anything. Can you tell me if this code is browser dependent? I use Chrome as my main browser - do you think this could be my problem?
Chrome isn't your problem. It's what I use. I think if the player shows up, your code is correct. The thing that needs changing is the file path that points to your audio file - it must be wrong.
I understand how to insert the audio(you explained it very well), but is there a way to move the location of the controls? the most i know how to move it is using the tag
In my case the audio works perfectly but needs the controls... if there is not the controls the audios does not work, even with the autoplay. AND I NEED THE AUDIO JUST WITH AUTOPLAY, NO CONTROLS FOR MY PROJECT
Hi, My question is that my pages are over, and then I want to open another music and the previous one goes on until I close it. What kind of way do you think I should follow? Thank you
I haven't used WordPress before - so not exactly sure how their folder structure works online. Hopefully someone will see this comment and can help you out. I'm sure Google will have a tutorial out there to help you.
Mr Geek. How can I add very simple a desired width and height of the super efficient, super fully customizable html5 controller? The controller looks different in every browser which is annoying for web designers.
Just want to ask a quick question currently i am working on a website for one of my buddies to sell his beats, if i publish my website will people be able to download the beats?(because i want them to just listen to them nothing more)
The audio file must be on the other computer as well. The computer needs to know where to find the audio file, so make sure it's saved in the same place on both machines so it can find it
"Go into your account" means go into what account? I was told audio has to be uploaded to a public html folder? i'm beyond confused. I'm using blue host.
@@GeekTutorials1 Yes i record audio from the old records i sell. I was told i need to host the files online and also they have to be https and not http to meet ebay requirements. Can I do this thru squarespace? I have no clue what I'm doing, it's so frustrating. If I was to try to find somebody to help locally do u think a regular computer shop would know? appreciate any advice.
so i used brackets, and the audio turtorial worked, i used sublime text as my text editor before, when i tried using the html code on sublime text it wouldnt play the code, but when i used it in brackets it plays it perfect so i dont know whats wrong
@@GeekTutorials1 im with an unregistered subline editor but i still dont know why the code isnt working, i do have one question for brackets how do i set it so that brackets isnt the main open browseer for all my files
@@griffithstone8527 you'll have to right click on any of your HTML files and choose 'Open With' and select Chrome. Make sure you check the box to always open that file type with Chrome.
adfasdfas sdfasdfsadf it will work - you just need the audio tracked saved to your device. Alternatively, make the audio link go to an online sound file.
sorry i put this on the wrong video comment. I am trying to make audio autoplay on mobile devices, which is what it's designed not to do here is my work now. codepen.io/Slimmwillis/pen/Rywvmb
You're amazing! I'm genuinely so impressed that I was able to do that so easily, I was expecting it to take hours. The link in description to code in your browser was very helpful as well :)
(the only thing that stumped me that I needed to figure out myself was that I had to get a downloadable link of the mp3 so I could put that after source src= )
Thank you so much sir, This is what I was looking for for my next coding project. I planned on building a javascript music player witout using the HTML control keyword, but didn't know how to embed audio into my server :)
This worked for me
Thanks a lot
Thank youuuu 😭❤
@@xiaoyuweng817 please reply me how to allow it for download with small butten
Thanks mate, it has worked.
Thanks a lot☺. I was stuck with this for a few days 😅
Hey it's your teaching is too good man it's very simple to understand I like it man
I sincerely appreciate you making this video! This helped my research project
Thank you so much! This really helped me! You explain everything very well and make it easy!
Hi, I have little issue.
So I followed your steps, my .mp3 file is in the same folder as my .html file and I checked did I wrote type/mpeg and I did.
The audio controls show up in the web browser but there is no audio.
Any help?
I have the same issue
Thanks for this, really easy to understand. I've just subscribed.
Awesome, thank you!
Please continue more of these!! It's really helpful!
dude i literally love you
Does this mean we're RUclips official now?
Excellent. Exactly what I needed. No unnecessary overhead. Thank you.
Cool! Thanks for this. Didn't realize it was this simple! Can you apply some css to that default player?
You can change how it looks - but it is a lot of mucking around.
Thank you sir! That's a really great help! Stay blessed !
Thanks man! You've sorted out a huge headache for me. I used to use flash now HTML is just as easy. Cheers!
how do you make it auto play and hidden
Wow! Thank you! I have been using MP3 SoundStream which works okay but nobody has flash enabled anymore... I found your video and SHAZAMMMM! I'm like some kinda HTML5 Guru or something. It worked the 1st time. Thank you, Sir!
Haha, great comment!
How do we display lyrics embedded as a tag in the mp3 file
can u make it looped?
Ley Lah Yes mayby type : audio loop good luck or use google to find it
Use
Like your video! How can a visitor download the audio file and how do you set the height and width of the player?
Thank You So Much For The Very Nice And Easy Explaination
damn dude i didn't know about this at all. great information. thanks a lot!!!
Thank you so so so so so so so so so so so so so much, it's really helpful to me in my project... At the last night of submission 😂
bruh what was the need to put so 100 times
Thank you. I knew it was far easier than all the other instructions provided out here on youtube.
is working fine but isnt working for me? :(
Thank you so much, it worked!!
thanks man. you helped me alot. i was stuck because of the audio code
In full video I like song which you have putted through html code
Hell yeah!
Not sure if you're still willing to respond (since this was posted years ago) but my issue is that for some reason when I apply the code to the page I want the player on, the song will not play.. I followed all the steps, and when I checked with "live preview", it worked.. but it doesn't work anywhere else... I'm using the latest version of Chrome, if that matters.. TIA!
Hello, 👍 post. Btw are you source linking the audio via your Google Drive folder? Unsure if file uploads to root. Dir.
I just had the file on my computer, for the purpose of this video.
I have been trying for 3 days to add an audio file to my html project then you said something that no one else did. You said that if it doesn't work then the mp3 file is no good. Then I thought to myself what a dummy I am. Thanks for assist and info.
Im making a website with neocities, the problem is that neocities doesnt allows you to upload audio files if you are using it for free. Is there other option so i can have audio playing on the background in my website? I tried uploading my audio files to mp3 hosting sites, but i dont find any good hosting sites
Hey man!Help me plese ,i did correct code ,and he is found path to the track,but when i open the link i can't see the player and no songs.
Great video!
no bullshit just easy and quick presentation of the know how.
where is the actual audio file? i don't understand how i can grab and audio and source it from thin air.
You need to use your own audio file.
Super helpful, thanks man!!!
My first idea was a with the wav file in it, i will try both out
is this work on phone with local files?
Which application you are using?
Hi mate - I'm using a free program called Brackets. Check it out - brackets.io
How can I add download button?
You could make a little image and link it to your audio file. Or, make a button and use a little JavaScript.
Is streaming Shoutcast aac supported today? Good tips.
I couldn't tell ya, sorry. I'll look into it for you
Where did you download the track and how do you make sure that it's ogg, mp3, or WAV?
This was a file that was given to me by a friend. You can download audio tracks from RUclips - search Google for a "RUclips to mp3 convertor" - there are plenty of websites that do this for you.
i tried many of my audio files none seem to work for me all i get it is the audio player but no music and i cant click on anything.. i dont know what to do had this problem for days
Sounds like your code is correct, but the path to your audio file isn't quite right. What file type are you using? I find MP3 the most reliable.
@@GeekTutorials1 i think i have mp3 i was just going through music i've downloaded in the past, im very confused about that part, im taking a web deign course through udemy, and the audio coding part is where im stuck on i found your turotial but sitll stuck with the same problem i have an audio folder in my html folder then im making with other parts for my site but each time i try to pick a different audio file it never plays, how do i know which is mp3 i go under properties right? and if its mp3 do i have to rename the file .mp3 at the end? ty for helping me
@@GeekTutorials1 so i downloaded a mp3 music file of taylor swift- shake it, tried using the mp3 for the audio file, and still nothing have the controls but no music not even an option to click to play it just the control panel of it
@@griffithstone8527 You shouldn't have to rename with mp3 on the end if it's already an mp3 file. Sorry mate - I'm a bit stumped as to what the problem is!
@@GeekTutorials1 could you private message me send me a code that i could try out and see if it works, i use chrome as well
Ah, While following all the steps in your video, I found out the website I'm using to code on, neocities, doesn't allow the uploading of mp3s. So if anyone's coming from Neocities, it this is helpful but it won't work.
Thank you for your help.
Hi there - I tried to use this code to add an audio file but it just doesn't work. I get the player bar and the controls but it's non-responsive to any clicks and won't play anything.
Can you tell me if this code is browser dependent? I use Chrome as my main browser - do you think this could be my problem?
Chrome isn't your problem. It's what I use.
I think if the player shows up, your code is correct. The thing that needs changing is the file path that points to your audio file - it must be wrong.
What if u want more than 1 audio file
I understand how to insert the audio(you explained it very well), but is there a way to move the location of the controls? the most i know how to move it is using the tag
it should be played automatically when open our website how to do that?
EXAMPLE:
In my case the audio works perfectly but needs the controls... if there is not the controls the audios does not work, even with the autoplay. AND I NEED THE AUDIO JUST WITH AUTOPLAY, NO CONTROLS FOR MY PROJECT
same problem
autoplay is not working
How dare you use Windows 8.
All work but audio show 0.00/0.00
You might want to pick a longer audio track!
Hi, My question is that my pages are over, and then I want to open another music and the previous one goes on until I close it. What kind of way do you think I should follow? Thank you
Thank you. It worked!!!!
which editor are you using?
i like it
Brackets
How do you you move that audio bar for example to the center? when you insert it, its always on the left
Sheharyar Nadeem Hi mate - I show you in this video - ruclips.net/video/OXO2YzSN-3Q/видео.html
thank you
I love you bro 💓❣️
Your video helped me lotttttttttttt🙏
Thank u so much bro
thanks for that :) where do I actually keep my mp3 file? in a Word Press library? I have no clue how to go about that bit. Thanks :)
I haven't used WordPress before - so not exactly sure how their folder structure works online. Hopefully someone will see this comment and can help you out. I'm sure Google will have a tutorial out there to help you.
I was wondering the same thing
can i change the color?
Thanks! Great tutorial!
Bless you!!!! Thx so much!!! I really sucks at making websites but your videos give me hope! Thx again
thank you aa lot it work i tried a lot of time
Mr Geek. How can I add very simple a desired width and height of the super efficient, super fully customizable html5 controller? The controller looks different in every browser which is annoying for web designers.
Just want to ask a quick question currently i am working on a website for one of my buddies to sell his beats, if i publish my website will people be able to download the beats?(because i want them to just listen to them nothing more)
You should be fine. This just shows a media player - people can't download the audio from this.
@@GeekTutorials1 ok thank you
can i control the volume ?
i want onload to play the music i dint want that controls
Hey bro its running successfully on my page where i have created but when i open this page with different device it wont open
The audio file must be on the other computer as well. The computer needs to know where to find the audio file, so make sure it's saved in the same place on both machines so it can find it
this does not work when you have a django website
thank you , this video was just what i needed!
Great, simple solution... Thanks!
can you do it on mobile?😅
hello guys
can i ask,
how to add audio more than one music in the web?so the web can play more than one song
JavaScript
@@GeekTutorials1 ok thanks bro,
but i'm still learning html and css3,
is it still possible to add more than one song only with html and css3?
@@starsphere3179 Not that I know of. It might be possible, but I haven't learnt a way yet.
@@GeekTutorials1 ok thank you bro
How to decrease the sound level of autoplay in sound tag
what about if the source of music you want is from the youtube, but it is still an mp3. i mean, a link source from youtube but the mp3 only
singing song You cannot play an MP3 from RUclips using this code. RUclips videos, while they have audio, are not MP3 files.
William Watts Correct. I thought he wanted to link to RUclips. But downloading the audio is fine and will work.
Hey how to add multiple songs at a time .
How to make it auto play next songs
I haven't worked that one out yet - I'm thinking it'll be another language that we'll need to learn.
"Go into your account" means go into what account? I was told audio has to be uploaded to a public html folder? i'm beyond confused. I'm using blue host.
Sorry mate - I was referring to my students and their school accounts. Ignore. It usually just means your 'Documents' folder
Man this dude cant explain shit im.tellinnu man
I figured it out. It's easier using word press.
He a dumb ass he think we all know his ways of understanding
@@GeekTutorials1 - not document. Is your html folder they told u right
Good afternoon, I have everything completed, but tan error shows, "Live Preview Error." I am using Google Chrome.
Same
How would you move the audio file do I use padding ?
Yeah mate. Or wrap it up in a div tag and align it
Very well explained
is this can be applicable to notepad ++
It will work in Notepad++
Thanks Bro !!!! It worked for me ! Yo
Can you add a title to it?
Mmmm, not sure! You probably could, but I only know this basic stuff.
works great tysm
cool but u lost ur ads from playing the song
Damn it - there goes some revenue. Oh well, you win some, you lose some.
How would this work if I was trying to do this for ebay?
Good question. I guess you'd have to link to a music file that already exists online. You couldn't use a track from just your computer.
@@GeekTutorials1 Yes i record audio from the old records i sell. I was told i need to host the files online and also they have to be https and not http to meet ebay requirements. Can I do this thru squarespace? I have no clue what I'm doing, it's so frustrating. If I was to try to find somebody to help locally do u think a regular computer shop would know? appreciate any advice.
i am using google chrome though is that a problem? why it wont play the codec?
Thanks bro
Thanks man !
for this video
is that player support playlist.m3u?
нэйм ластнэйм No idea, sorry. Maybe Google search that one. I doubt it would support it.
What to write in type column if using WEBM
I don't even know what WEBM is, sorry!
thank you so much, can you make a video on adding animations please!!
Autoplay not working 😭
so i used brackets, and the audio turtorial worked, i used sublime text as my text editor before, when i tried using the html code on sublime text it wouldnt play the code, but when i used it in brackets it plays it perfect so i dont know whats wrong
I knew you had your code correct! Not sure why Sublime is playing up. It usually works fine.
@@GeekTutorials1 im with an unregistered subline editor but i still dont know why the code isnt working, i do have one question for brackets how do i set it so that brackets isnt the main open browseer for all my files
@@griffithstone8527 you'll have to right click on any of your HTML files and choose 'Open With' and select Chrome. Make sure you check the box to always open that file type with Chrome.
@@GeekTutorials1 how do i prevent them for opening, and why didnt that code work for sublime text? is it suppose to work for every html editor?
@@griffithstone8527 it should have worked for Sublime. It will work in other editors.
It does not work for me...
I can't help you if you just say that. Give me a description of what's not working...
Thanks!
Note pad or else program
Brackets
thank you!
doesn't seem to work in mobile devices. Any solutions?
adfasdfas sdfasdfsadf it will work - you just need the audio tracked saved to your device. Alternatively, make the audio link go to an online sound file.
sorry i put this on the wrong video comment. I am trying to make audio autoplay on mobile devices, which is what it's designed not to do
here is my work now.
codepen.io/Slimmwillis/pen/Rywvmb