multiple-audio-player-plugin
Version:
multiple circular html5 audio player, using svg
35 lines (28 loc) • 841 B
HTML
<html lang=en-us>
<head>
<meta charset=utf-8>
<title>Circle player (proof-of-concept)</title>
<link rel="stylesheet" href="progres-bar.css">
</head>
<body>
<!-- Media Player-->
<div class="mediPlayer">
<audio class="listen" preload="none" data-size="250" src="sounds/piano.mp3"></audio>
</div>
<div class="mediPlayer">
<audio class="listen" preload="none" data-size="250" src="sounds/a.wav"></audio>
</div>
<!-- Media Player / -->
<script
src="https://code.jquery.com/jquery-1.11.2.min.js"
integrity="sha256-Ls0pXSlb7AYs7evhd+VLnWsZ/AqEHcXBeMZUycz/CcA="
crossorigin="anonymous"></script>
<script src="player.js"></script>
<script>
$(document).ready(function () {
$('.mediPlayer').mediaPlayer();
});
</script>
</body>
</html>