Load, Play, and Pause Audio or Songs in your HTML website 🎵

Playing Audio during your HMTL website can really spice up your site.

👏 THANKS: I appreciate your claps cause it takes time to write these free articles.

0.) (Pre-req) Drag the audio file into your Code 💻

Ensure you have an audio file (ex: .mp3) accesible in your code.

1.) Use this code to load and play/pause the audio🌳

let audio = new Audio('YOUR_AUDIO_FILE.mp3');
// Play Audio
audio.play();
// Pause Audio
audio.pause();
// Reload audio from beggining
audio.load()

Go to the W3 Schools Audio Object docs for more properties/methods.

Thanks for reading! 👏 Please leave a clap if this helped. Also…

⚠️ 💻 IMPORTANT: If you’re building a website, it’s important you also think about:

1. 🎥 Embedding a Youtube video into your website

Embedding a Youtube video into your website HTML (+Looping +AutoPlay)🎥

2. 👥 Adding a thumbnail for sharing on social media:

How to add a website thumbnail for sharing your HTML site on social media (Facebook, LinkedIn …

3. ✅ Free resources for images, icons, and more on your website

The secret of making a startup landing page for free in 2 hours (for Santander Summer Accelerator)

4. 🖼 Adding an icon to your website tab (HTML, favicon)

Adding an icon to your website tab (HTML, favicon) 💻🖼