Friday, May 21, 2021

How to Add an MP3 Player to a WordPress Blog || How to add an audio player to an HTML webpage?

How To Embed Audio Files In HTML

Embed audio file in Blogger

The easy way of embedding audio files in bloggers is by using the audio tags. Just copy this code and place it in your blog post or HTML/Javascript gadget to make your audio file playable on your blog.

 Advertisements

Please video watch in try this Code 

please full video watch





 Advertisements



<audio controls>
<source src='ADD MP3 LINK' type="audio/mpeg">
Your browser does not support the audio element.
</audio>

https://drive.google.com/uc?export=download&id=ID



Browser MP3 Ogg
Internet Explorer ✔️ ✔️
Chrome ✔️ ✔️
Firefox ✔️ ✔️
Safari ✔️ ✔️
Opera ✔️ ✔️

 Advertisements

Don't forget to replace the link of the audio file ADD MP3 LINK with your link.
This is how the player will look like when you place this code in your blog.

Don't forget to replace the link of the audio file myaudiofile.mp3 with your link.
This is how the player will look like when you place this code in your blog.


See the code working here:-

Please do not use the autoplay feature as this will leave a bad impact on the traffic of your blog. People don't like sounds coming from a webpage all of a sudden.

 Advertisements

Download File

 Advertisements


If you want your audio file to play automatically once someone opens your blog or blog post then, you just need to place a piece of code autoplay
Just like this:-

Make audio downloadable


Now, the question is if your reader wants to download that audio from your blog then how they can do it?
The answer is pretty simple you make a download button and attach the link to the audio file.

How to make animated buttons in blogger

This one is easy, right?


Hi, Welcome to the youtube channel technical tricks. How To Add MP3 Audio Player In Blogger & WordPress Post ➡️ About: If you want to add audio or mp3 file in blogger post and you have no idea that how to add audio or mp3 file in blogger post, then watch this video. It's an updated video for 2021 and the given method is 100% working. ------------------------------------------------------------------------------------------------ 👉 Download Link 🔗https://www.google.com/search?q=https%3A%2F%2Ftechnical-tricks-latest.blogspot.com% ------------------------------------------------------------------------------------------------ 👇👇[My Personal Gaming PC Specs ] 👇👇 💥 Ryzen 3 3200G 👉🏻https://amzn.urlvia.com/erHUf3 💥 Acer 21.5 inch LED 👉🏻https://amzn.urlvia.com/8F6NAj 💥Antec Atom V550 Watts 👉🏻https://amzn.to/2VMamYR 💥 WD Green 480 GB 👉🏻https://amzn.urlvia.com/7r1GYz 💥 Seagate BarraCuda 1TB 👉🏻https://amzn.urlvia.com/mOFw3Y 💥 MSI A320M-A PRO 👉🏻https://amzn.urlvia.com/bCzB85 💥 ADATA GAMMIX D30 DDR4 8GB 👉🏻https://amzn.urlvia.com/AkWDRl ------------------------------------------------------------------------------------------------ 👇👇 [ I Am Use For Web Hosting ] 👇👇 💥 Web Hosting Link 👉🏻 https://onohosting.com/core/aff.php?aff=832 💥 GoDaddy Link 👉🏻 https://inr.deals/RrfFog ------------------------------------------------------------------------------------------------ ◼️ Websites 👉🏻 https://technical-tricks-latest.blogspot.com ------------------------------------------------------------------------------------------------ *********************************************************************** 📧 For Business Enquiry Brand promotion & Sponsorships Contact me on my email id 👉🏻Amarkumar262700@gmail.com 📧contact us 👉🏻Amarkumar262700@gmail.com 💬 Any Time Chat 👉🏻https://t.me/chatforfreetime *********************************************************************** ------------- Support me By (its Free) ------------------ LIKE | COMMENT | SHARE | SUBSCRIBE Kare Aur Ghanti dabaye aise hi videos ke liye 👇👇 Follow us on Social media 👇👇 💬Youtube-https://www.youtube.com/channel/UCyWi4yFMTZ8Ilf_4tTMjysg 💬Twitter - https://twitter.com/trick_technical 💬Instagram https://www.instagram.com/technicaltricks99999/ 💬Telegram https://t.me/AmarTechnicalTricks ------------------------------------------------------------------------------------------------ 👇👇 Our same other playlists- 👇👇 ➡️Computer Software 🎥https://www.youtube.com/playlist?list=PLtbjtX7y4DUK4GBXkkZSeMLZc1VSvNjy4 ➡️ Windows Installation 🎥https://www.youtube.com/playlist?list=PLtbjtX7y4DUK18CErTXKwtS5Uf9cBdhsh ➡️ Web Design 🎥https://www.youtube.com/playlist?list=PLtbjtX7y4DULEMhO2KY1jhk070HM5aGbp ------------------------------------------------------------------------------------------------ #technicaltricks ✮ Video Queries 1) How to add mp3 in blogger 2) How to upload mp3 in blogger 3) How to add audio files in blogger 4) How to upload audio files in blogger 5) How to add an Mp3 audio player in blogger 6) How to add audio in blogger with download option
Previous Post
Next Post

post written by:

0 Comments: