Skip to content

Instantly share code, notes, and snippets.

@owenroberts

owenroberts/index.html

Last active October 19, 2016 04:32
Show Gist options
  • Save owenroberts/f070b3e546bbdd36a3d6 to your computer and use it in GitHub Desktop.
Save owenroberts/f070b3e546bbdd36a3d6 to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 Audio Example HTML
Raw
index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>HTML5 Audio Player</title>
</head>
<body>
<div id="container">
<h1>Audio Player</h1>
<audio id="cooldrool">
<source src="cooldrool.mp3" type="audio/mp3" />
</audio>
<img id="play-btn" src="play.png" />
<div id="progress-bar">
<div id="progress"></div>
</div>
<input type="range" id="volume" min="0" max="100" value="100"></input>
<input type="range" id="speed" value="1.0" min="0.5" max="4.0" step="0.1">
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="audio.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment