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...

Cult Tracks,Juste comme ça

My name is Page, James Page

Posted on 13 février 2013 by Christophe Freund

13
Fév

Avant de s’appeler Jimmy, le petit Page s’appelait James. Sauras-tu le reconnaître avant qu’il se présente ?

Et puis bon, comment résister ?

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