<footer class=“footer”>

<div class="container">
  <audio id="music" preload="true">
          <source src="music/interlude.mp3">
          <source src="music/interlude.ogg">
  </audio>

  <div id="wrapper">
          <!--Audio Player Interface-->
          <div id="audioplayer" >
                  <button id="pButton" class="play"></button>
                  <div id="timeline">
                          <div id="playhead"></div>
                  </div>
          </div>
  </div>
</div>

</footer>

<!– Bootstrap core JavaScript

–>

<!– Placed at the end of the document so the pages load faster –> <script src=“{{ site.baseurl }}/assets/js/html5audio.js” type=“text/javascript”></script> <!– IE10 viewport hack for Surface/desktop Windows 8 bug –> <script src=“{{ site.baseurl }}/assets/js/ie10-viewport-bug-workaround.js”></script>