@techiepi/green-audio-player
Version:
Green Audio Player
39 lines (36 loc) • 1.27 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Green Audio Player</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="../dist/css/green-audio-player.css">
<style>
html, body { height: 100%; }
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background: #F8FFAE;
background: -webkit-linear-gradient(-65deg, #43C6AC, #F8FFAE);
background: linear-gradient(-65deg, #43C6AC, #F8FFAE);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="ready-player-1">
<audio crossorigin preload="none">
<source src="audio/example-1.mp3" type="audio/mpeg">
</audio>
</div>
<script src="../dist/js/green-audio-player.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
new GreenAudioPlayer('.ready-player-1', { showTooltips: true, showDownloadButton: false, enableKeystrokes: true });
});
</script>
</body>
</html>