Add anything here or just remove it...

Assign a menu in Theme Options > Menus
Newsletter

Sign up for Newsletter
Signup for our newsletter to get notified about sales and new products. Add any text here or remove it.
[contact-form-7 id="7042" title="Newsletter Vertical"]

Add anything here or just remove it...

New Tracks

Boards of Canada – Reach For The Dead

Posted on 24 mai 20134 octobre 2013 by Christophe Freund

24
Mai

Le prochain Boards of Canada, Tomorrow’s Harvest, est attendu pour le 10 juin. En voici un premier extrait…

Christophe Freund

<!DOCTYPE html> 
<html>
<head>
  <title>Lecteur Shoutcast</title>
  <style>
    /* Positionnement du lecteur en position header fixe */
    #player {
      position: fixed;
      top: 50;
      left: 0;
      width: 100%;
    }
  </style>
</head>
<body>
  <div id="player">
    <audio id="stream" src="http://82.66.229.232:8000/;stream.mp3" controls>
      Votre navigateur ne supporte pas l'élément audio.
    </audio>

    <div id="song-info">
      <p id="artist"></p>
      <p id="album"></p>
      <p id="year"></p>
    </div>

    <button id="volume-up" onclick="changeVolume(0.1)">+</button>
    <button id="volume-down" onclick="changeVolume(-0.1)">-</button>
  </div>

  <script>
    var stream = document.getElementById("stream");
    var artist = document.getElementById("artist");
    var album = document.getElementById("album");
    var year = document.getElementById("year");

    function changeVolume(amount) {
      var currentVolume = stream.volume;
      stream.volume = currentVolume + amount;
    }

  
  </script>
</body>
</html>

Sign up for Newsletter

Christophe Freund