Blame view

projetSC/sc_internet/index.html 1.95 KB
1f48dd44   mdelapor   mise en ligne du ...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
  <!DOCTYPE html>

  <html>

      <head>

          <meta charset="utf-8" />

          <link rel="stylesheet" href="style.css" />

              <audio id="mySound">

      <source src ="sound.wav" type="audio/wav">

      </audio>

          <title>La Harpe Laser</title>

  

              <script src="jquery.js"></script>

      <script type="text/javascript">

  window.WebSocket=(window.WebSocket||window.MozWebSocket);

  

  var websocket=new WebSocket('ws://169.254.120.42:9000','myprotocol');

  var test1 = document.getElementById("mySound");

  test1.src="sound.wav";

  test1.autoplay = true;

  test1.loop = true;

  websocket.onopen=function(){ $('h1').css('color','green'); };

  

  websocket.onerror=function(){ $('h1').css('color','red'); };

  

  websocket.onmessage=function(message){

      if(autorisation == 1){

  test1.pause();

  test1.src="sound.wav?"+ new Date().getTime();

  test1.load();

  test1.play();}

  };

  

  function play() {

                  autorisation = 1;

                 test1.pause();

  test1.src="sound.wav?"+ new Date().getTime();

  test1.load();

  test1.play();

              }

              function stop(){

                  autorisation = 0;

                  test1.pause();

              }

              </script>

      </head>

  

      <body>

          <h1>La Harpe Laser</h1>

          <p>Dans le cadre de notre projet de Système Communiquant,nous avons réalisé une <strong>harpe laser</strong>. Notre but est de créer un instrument de musique similaire à une harpe, où les cordes sont remplacées par des capteurs infra-rouges.</p>

          <p><a href="harpe_laser.jpg"><img src="mini.jpg" alt="Harpe Laser" title="Cliquez pour agrandir" /></a></p>

          <button onclick="play()">Play</button>

          <button onclick="stop()">Stop</button>

          <p> Pour accéder à notre wiki, où nous détaillons le processus de réalisation de la harpe, vous pouvez cliquer <a href="http://projets-ima.plil.net/mediawiki/index.php?title=Projet_IMA3_P5,_2016/2017,_TD1">ici</a></p>

  

      </body>

  </html>