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

Nicolas Carmont
2 min readJan 10, 2021


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
// Pause Audio
// Reload audio from beggining

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

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

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

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



Nicolas Carmont

26K+ Reads ✍🏼 Co-founder & CTO @Connect Earth. Ex-Amazon 👨‍💻 Passionate about sustainability and software👌 Views are all my own.