amelie
Version:
HTML5 audio visualiser experiment using D3 with a curious Amelie theme.
48 lines (38 loc) • 1.5 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Amelie</title>
<!-- Prettification! -->
<link rel="stylesheet" type="text/css" href="vendor/amelie/amelie.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" />
<!-- Scriptalicious! -->
<script type="text/javascript" src="vendor/d3/d3.js"></script>
<script type="text/javascript" src="vendor/react/JSXTransformer.js"></script>
<script type="text/javascript" src="vendor/react/react.js"></script>
<!-- React.js Application! -->
<script type="text/jsx" src="vendor/amelie/amelie.jsx"></script>
</head>
<body>
<header>
<h1>Amelie.</h1>
<h2>Audio Visualiser Experiment by <a target="_blank" href="https://github.com/Wildhoney">Wildhoney</a></h2>
</header>
<amelie data-audio="audio/Comptine.mp3"></amelie>
<section class="background"></section>
<section class="border"></section>
<section class="soundtrack">
<img src="images/cover.jpg" alt="Amelie OST" />
<ul class="information">
<li>
<h3>Amélie OST</h3>
</li>
<li>
<a target="_blank" href="http://www.amazon.co.uk/Amelie-OST-Original-Soundtrack/dp/B00005B602">
Buy from Amazon.co.uk
</a>
</li>
</ul>
</section>
</body>
</html>