Make A Free Audio Player

The web can be a tough place to build things at times. It can be a bit like the wild west. Fortunately, my curiosity and interest in creating has led me to persevere and find a way to accomplish a variety of goals. One such goal was to make an audio player for my voice over website


Convert your Google Audio file so Google Drive can host your audio while your website audio player can play it.

Alternatively use my spreadsheet to convert your Google Audio files.

(***I also have one for Images***).

You can use any html player but two good options are:

#1 W3 Schools for the native audio element

<audio controls>
<source src=”horse.ogg” type=”audio/ogg”> DELETE THIS LINE
<source src=”horse.mp3" type=”audio/mpeg”> REPLACE HORSE.MP3 WITH
Your browser does not support the audio element.

#2 A custom audio player like the one I edited

The Original (on Codepen)

My AudioPlayer (on Codepen)

Stackflow is where I discovered what I needed to do to convert mp3 files.

Don’t forget to let me know how it goes! Drop me a line




Voice Over |

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Python | Calculate Distance between two places using ‘geopy’

The better development experience with Kafka

Installing IIS On Windows 10 And Windows Server 2019

Windows features view

Cisco Open-Source Code Boosts Performance of Kubernetes Apps over SD-WAN

How to host Unity games on the web

Applying Modern Go Concurrency Patterns to Data Pipelines

PL/SQL for Data Engineers

Come Fly Away with Yoga and I… and Sinatra

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nathan Puls

Nathan Puls

Voice Over |

More from Medium

First post, 2022 goals

Who I am as a Writer

The App Bringing Fraternities to the Modern Age

[EN] Primex. First Steps.