仮完成バージョン(40台同期)へアップグレード。

diff --git a/client.html b/client.html
index 588c703..21f6319 100644 (file)
--- a/client.html
+++ b/client.html
@@ -7,43 +7,14 @@
                                background:#000000;
                        }
                </style>
+               <script src="../time/servertimeutil.js"></script>
                <script src="../control/plugin.js"></script>
                <script>
                        var pcNo=0;
-                       var startTime=0;
+                       var startTime=0,launchTime=0,ptn;
                        var audioCtx,audioBuffer;
                        
-                       var score=[
-                               [
-                                       {
-                                               time:280,
-                                               fade:0,
-                                               color:"#F00"
-                                       },{
-                                               time:800,
-                                               fade:0,
-                                               color:"#FF0"
-                                       },{
-                                               time:1300,
-                                               fade:0,
-                                               color:"#0BF"
-                                       }
-                               ],[
-                                       {
-                                               time:500,
-                                               fade:0,
-                                               color:"#00F"
-                                       },{
-                                               time:1500,
-                                               fade:1,
-                                               color:"#0FF"
-                                       },{
-                                               time:2500,
-                                               fade:0,
-                                               color:"#F0F"
-                                       }
-                               ]
-                       ];
+                       var score=[[{"time":703,"color":"#0BF","fade":0},{"time":760,"color":"#000","fade":0},{"time":1148,"color":"#0BF","fade":0},{"time":1225,"color":"#000","fade":0},{"time":1600,"color":"#0BF","fade":0},{"time":1688,"color":"#000","fade":0},{"time":2125,"color":"#0BF","fade":0},{"time":2194,"color":"#000","fade":0},{"time":2539,"color":"#0BF","fade":0},{"time":2617,"color":"#000","fade":0},{"time":2911,"color":"#0BF","fade":0},{"time":2993,"color":"#000","fade":0},{"time":3272,"color":"#0BF","fade":0},{"time":3336,"color":"#000","fade":0},{"time":3707,"color":"#0BF","fade":0},{"time":3779,"color":"#000","fade":0}],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]];
                        function setFade(tr){
                                document.body.style.transition="background-color "+tr+"s ease 0s";
                        }
@@ -51,8 +22,7 @@
                                document.body.style.backgroundColor=cl;
                        }
                        function nowSec(){
-                               var d=new Date();
-                               return d.getTime() ;
+                               return timeUtil.getTime() ;
                        }
                        
                        function playAudio(b){
@@ -62,9 +32,20 @@
                                s.start();
                        }
                        
+                       function launch(){
+                               playAudio(audioBuffer);
+                               startTime=nowSec();
+                               requestAnimationFrame(function(){
+                                       picogram();
+                                       requestAnimationFrame(arguments.callee);
+                               });
+                       }
+                       
                        window.addEventListener('load',function(){
                                //自分の番号を取得
                                pcNo=parseInt(location.search.slice(1))||localStorage.sshCnb||0;
+                               localStorage.sshCnb=pcNo;
+                               console.log('Client No:'+pcNo);
                                
                                //AudioContext
                                audioCtx=new AudioContext();
@@ -80,15 +61,34 @@
                                        });
                                };
                                r.send();
+                               
+                               
+                               setInterval(function(){
+                                 var q=new XMLHttpRequest();
+                                 q.open('GET','command.json?'+new Date().getTime());
+                                 q.onload=function(){
+                                   var d=JSON.parse(q.response);
+                                   if(localStorage.ssh_ssss_eventid==d.id||d.id=='dummy'){
+                                     return false;
+                                   }
+                                   localStorage.ssh_ssss_eventid=d.id;
+                                   score=JSON.parse(d.pattern);
+                                   launchTime=d.starttime;
+                                   console.log('Event received.');
+                                   console.log('Now:'+nowSec()+' , Launch:'+launchTime);
+                                   var timing=setInterval(function(){
+                                     if(nowSec()>=launchTime){
+                                       console.log('Time is came,Music Start!');
+                                       document.body.style.cursor='none';
+                                       launch();
+                                       clearInterval(timing);
+                                     }
+                                   },1000/60);
+                                 };
+                                 q.send();
+                               },2000);
                        });
-                       window.addEventListener('click',function(){
-                               playAudio(audioBuffer);
-                               startTime=nowSec();
-                               requestAnimationFrame(function(){
-                                       picogram();
-                                       requestAnimationFrame(arguments.callee);
-                               });
-                       });
+                       window.addEventListener('click',launch);
                </script>
                <script src="colorCtrl.js"></script>
        </head>

diff --git a/command.json b/command.json
new file mode 100644 (file)
index 0000000..2fb4baf
--- /dev/null
+++ b/command.json
@@ -0,0 +1 @@
+{"id":"sbcdm","filename":"dummyfilename","pattern":"[[{\"time\":2245,\"color\":\"aqua\",\"fade\":0},{\"time\":2301,\"color\":\"#000\",\"fade\":2.02},{\"time\":6551,\"color\":\"aqua\",\"fade\":0},{\"time\":6685,\"color\":\"#000\",\"fade\":2.02},{\"time\":22299,\"color\":\"aqua\",\"fade\":0},{\"time\":22377,\"color\":\"#000\",\"fade\":2.02},{\"time\":32062,\"color\":\"aqua\",\"fade\":0},{\"time\":32198,\"color\":\"#000\",\"fade\":2.02},{\"time\":39081,\"color\":\"aqua\",\"fade\":0},{\"time\":39241,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":2708,\"color\":\"aqua\",\"fade\":0},{\"time\":2769,\"color\":\"#000\",\"fade\":2.02},{\"time\":6685,\"color\":\"aqua\",\"fade\":0},{\"time\":6784,\"color\":\"#000\",\"fade\":2.02},{\"time\":32198,\"color\":\"aqua\",\"fade\":0},{\"time\":32281,\"color\":\"#000\",\"fade\":2.02},{\"time\":39241,\"color\":\"aqua\",\"fade\":0},{\"time\":39291,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":3219,\"color\":\"aqua\",\"fade\":0},{\"time\":3282,\"color\":\"#000\",\"fade\":2.02},{\"time\":6784,\"color\":\"aqua\",\"fade\":0},{\"time\":6867,\"color\":\"#000\",\"fade\":2.02},{\"time\":24837,\"color\":\"aqua\",\"fade\":0},{\"time\":24934,\"color\":\"#000\",\"fade\":2.02},{\"time\":27893,\"color\":\"aqua\",\"fade\":0},{\"time\":27944,\"color\":\"#000\",\"fade\":2.02},{\"time\":32281,\"color\":\"aqua\",\"fade\":0},{\"time\":32348,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":3750,\"color\":\"aqua\",\"fade\":0},{\"time\":3802,\"color\":\"#000\",\"fade\":2.02},{\"time\":6867,\"color\":\"aqua\",\"fade\":0},{\"time\":6951,\"color\":\"#000\",\"fade\":2.02},{\"time\":28027,\"color\":\"aqua\",\"fade\":0},{\"time\":28082,\"color\":\"#000\",\"fade\":2.02},{\"time\":32348,\"color\":\"aqua\",\"fade\":0},{\"time\":32431,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":4236,\"color\":\"aqua\",\"fade\":0},{\"time\":4303,\"color\":\"#000\",\"fade\":2.02},{\"time\":6951,\"color\":\"aqua\",\"fade\":0},{\"time\":7084,\"color\":\"#000\",\"fade\":2.02},{\"time\":29763,\"color\":\"aqua\",\"fade\":0},{\"time\":29850,\"color\":\"#000\",\"fade\":2.02},{\"time\":32431,\"color\":\"aqua\",\"fade\":0},{\"time\":32531,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":4528,\"color\":\"aqua\",\"fade\":0},{\"time\":4578,\"color\":\"#000\",\"fade\":2.02},{\"time\":7084,\"color\":\"aqua\",\"fade\":0},{\"time\":7216,\"color\":\"#000\",\"fade\":2.02},{\"time\":29918,\"color\":\"aqua\",\"fade\":0},{\"time\":29989,\"color\":\"#000\",\"fade\":2.02},{\"time\":30087,\"color\":\"aqua\",\"fade\":0},{\"time\":30159,\"color\":\"#000\",\"fade\":2.02},{\"time\":32531,\"color\":\"aqua\",\"fade\":0},{\"time\":32664,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":4818,\"color\":\"aqua\",\"fade\":0},{\"time\":4867,\"color\":\"#000\",\"fade\":2.02},{\"time\":7216,\"color\":\"aqua\",\"fade\":0},{\"time\":7349,\"color\":\"#000\",\"fade\":2.02},{\"time\":28306,\"color\":\"aqua\",\"fade\":0},{\"time\":28347,\"color\":\"#000\",\"fade\":2.02},{\"time\":30235,\"color\":\"aqua\",\"fade\":0},{\"time\":30351,\"color\":\"#000\",\"fade\":2.02},{\"time\":32664,\"color\":\"aqua\",\"fade\":0},{\"time\":32780,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":5135,\"color\":\"aqua\",\"fade\":0},{\"time\":5177,\"color\":\"#000\",\"fade\":2.02},{\"time\":7349,\"color\":\"aqua\",\"fade\":0},{\"time\":7515,\"color\":\"#000\",\"fade\":2.02},{\"time\":32780,\"color\":\"aqua\",\"fade\":0},{\"time\":32980,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":34942,\"color\":\"aqua\",\"fade\":0},{\"time\":34974,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":23603,\"color\":\"aqua\",\"fade\":0},{\"time\":23664,\"color\":\"#000\",\"fade\":2.02},{\"time\":24050,\"color\":\"aqua\",\"fade\":0},{\"time\":24123,\"color\":\"#000\",\"fade\":2.02},{\"time\":24522,\"color\":\"aqua\",\"fade\":0},{\"time\":24591,\"color\":\"#000\",\"fade\":2.02},{\"time\":27748,\"color\":\"aqua\",\"fade\":0},{\"time\":27796,\"color\":\"#000\",\"fade\":2.02},{\"time\":29200,\"color\":\"aqua\",\"fade\":0},{\"time\":29238,\"color\":\"#000\",\"fade\":2.02},{\"time\":29333,\"color\":\"aqua\",\"fade\":0},{\"time\":29401,\"color\":\"#000\",\"fade\":2.02},{\"time\":34974,\"color\":\"aqua\",\"fade\":0},{\"time\":35111,\"color\":\"#000\",\"fade\":2.02},{\"time\":39291,\"color\":\"aqua\",\"fade\":0},{\"time\":39307,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":29468,\"color\":\"aqua\",\"fade\":0},{\"time\":29552,\"color\":\"#000\",\"fade\":2.02},{\"time\":35111,\"color\":\"aqua\",\"fade\":0},{\"time\":35206,\"color\":\"#000\",\"fade\":2.02},{\"time\":39307,\"color\":\"aqua\",\"fade\":0},{\"time\":39374,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":15481,\"color\":\"aqua\",\"fade\":0},{\"time\":15541,\"color\":\"#000\",\"fade\":2.02},{\"time\":15797,\"color\":\"aqua\",\"fade\":0},{\"time\":15887,\"color\":\"#000\",\"fade\":2.02},{\"time\":19232,\"color\":\"aqua\",\"fade\":0},{\"time\":19308,\"color\":\"#000\",\"fade\":2.02},{\"time\":25395,\"color\":\"aqua\",\"fade\":0},{\"time\":25473,\"color\":\"#000\",\"fade\":2.02},{\"time\":28082,\"color\":\"aqua\",\"fade\":0},{\"time\":28090,\"color\":\"#000\",\"fade\":2.02},{\"time\":29630,\"color\":\"aqua\",\"fade\":0},{\"time\":29695,\"color\":\"#000\",\"fade\":2.02},{\"time\":35206,\"color\":\"aqua\",\"fade\":0},{\"time\":35307,\"color\":\"#000\",\"fade\":2.02},{\"time\":39374,\"color\":\"aqua\",\"fade\":0},{\"time\":39423,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":16225,\"color\":\"aqua\",\"fade\":0},{\"time\":16300,\"color\":\"#000\",\"fade\":2.02},{\"time\":18969,\"color\":\"aqua\",\"fade\":0},{\"time\":19042,\"color\":\"#000\",\"fade\":2.02},{\"time\":35307,\"color\":\"aqua\",\"fade\":0},{\"time\":35440,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":17005,\"color\":\"aqua\",\"fade\":0},{\"time\":17094,\"color\":\"#000\",\"fade\":2.02},{\"time\":28177,\"color\":\"aqua\",\"fade\":0},{\"time\":28243,\"color\":\"#000\",\"fade\":2.02},{\"time\":35440,\"color\":\"aqua\",\"fade\":0},{\"time\":35572,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":26511,\"color\":\"aqua\",\"fade\":0},{\"time\":26563,\"color\":\"#000\",\"fade\":2.02},{\"time\":28347,\"color\":\"aqua\",\"fade\":0},{\"time\":28395,\"color\":\"#000\",\"fade\":2.02},{\"time\":35572,\"color\":\"aqua\",\"fade\":0},{\"time\":35722,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":32980,\"color\":\"aqua\",\"fade\":0},{\"time\":33047,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":22549,\"color\":\"aqua\",\"fade\":0},{\"time\":22637,\"color\":\"#000\",\"fade\":2.02},{\"time\":34696,\"color\":\"aqua\",\"fade\":0},{\"time\":34942,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":36966,\"color\":\"aqua\",\"fade\":0},{\"time\":37187,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":25133,\"color\":\"aqua\",\"fade\":0},{\"time\":25230,\"color\":\"#000\",\"fade\":2.02},{\"time\":37187,\"color\":\"aqua\",\"fade\":0},{\"time\":37265,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":15244,\"color\":\"aqua\",\"fade\":0},{\"time\":15306,\"color\":\"#000\",\"fade\":2.02},{\"time\":18719,\"color\":\"aqua\",\"fade\":0},{\"time\":18802,\"color\":\"#000\",\"fade\":2.02},{\"time\":19467,\"color\":\"aqua\",\"fade\":0},{\"time\":19558,\"color\":\"#000\",\"fade\":2.02},{\"time\":37265,\"color\":\"aqua\",\"fade\":0},{\"time\":37381,\"color\":\"#000\",\"fade\":2.02},{\"time\":39423,\"color\":\"aqua\",\"fade\":0},{\"time\":39440,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":12192,\"color\":\"aqua\",\"fade\":0},{\"time\":12267,\"color\":\"#000\",\"fade\":2.02},{\"time\":17507,\"color\":\"aqua\",\"fade\":0},{\"time\":17602,\"color\":\"#000\",\"fade\":2.02},{\"time\":17779,\"color\":\"aqua\",\"fade\":0},{\"time\":17878,\"color\":\"#000\",\"fade\":2.02},{\"time\":25848,\"color\":\"aqua\",\"fade\":0},{\"time\":25902,\"color\":\"#000\",\"fade\":2.02},{\"time\":30676,\"color\":\"aqua\",\"fade\":0},{\"time\":30837,\"color\":\"#000\",\"fade\":2.02},{\"time\":37381,\"color\":\"aqua\",\"fade\":0},{\"time\":37530,\"color\":\"#000\",\"fade\":2.02},{\"time\":39440,\"color\":\"aqua\",\"fade\":0},{\"time\":39507,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":18236,\"color\":\"aqua\",\"fade\":0},{\"time\":18302,\"color\":\"#000\",\"fade\":2.02},{\"time\":30169,\"color\":\"aqua\",\"fade\":0},{\"time\":30222,\"color\":\"#000\",\"fade\":2.02},{\"time\":30837,\"color\":\"aqua\",\"fade\":0},{\"time\":30894,\"color\":\"#000\",\"fade\":2.02},{\"time\":37530,\"color\":\"aqua\",\"fade\":0},{\"time\":37714,\"color\":\"#000\",\"fade\":2.02},{\"time\":39507,\"color\":\"aqua\",\"fade\":0},{\"time\":39572,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":26923,\"color\":\"aqua\",\"fade\":0},{\"time\":26967,\"color\":\"#000\",\"fade\":2.02},{\"time\":30894,\"color\":\"aqua\",\"fade\":0},{\"time\":31037,\"color\":\"#000\",\"fade\":2.02},{\"time\":35722,\"color\":\"aqua\",\"fade\":0},{\"time\":35920,\"color\":\"#000\",\"fade\":2.02},{\"time\":37714,\"color\":\"aqua\",\"fade\":0},{\"time\":37744,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":31037,\"color\":\"aqua\",\"fade\":0},{\"time\":31067,\"color\":\"#000\",\"fade\":2.02},{\"time\":33047,\"color\":\"aqua\",\"fade\":0},{\"time\":33146,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":34609,\"color\":\"aqua\",\"fade\":0},{\"time\":34696,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":8769,\"color\":\"aqua\",\"fade\":0},{\"time\":8799,\"color\":\"#000\",\"fade\":2.02},{\"time\":9318,\"color\":\"aqua\",\"fade\":0},{\"time\":9359,\"color\":\"#000\",\"fade\":2.02},{\"time\":10183,\"color\":\"aqua\",\"fade\":0},{\"time\":10249,\"color\":\"#000\",\"fade\":2.02},{\"time\":23329,\"color\":\"aqua\",\"fade\":0},{\"time\":23412,\"color\":\"#000\",\"fade\":2.02},{\"time\":27687,\"color\":\"aqua\",\"fade\":0},{\"time\":27720,\"color\":\"#000\",\"fade\":2.02},{\"time\":27817,\"color\":\"aqua\",\"fade\":0},{\"time\":27866,\"color\":\"#000\",\"fade\":2.02},{\"time\":29246,\"color\":\"aqua\",\"fade\":0},{\"time\":29307,\"color\":\"#000\",\"fade\":2.02},{\"time\":29560,\"color\":\"aqua\",\"fade\":0},{\"time\":29617,\"color\":\"#000\",\"fade\":2.02},{\"time\":36850,\"color\":\"aqua\",\"fade\":0},{\"time\":36966,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":10556,\"color\":\"aqua\",\"fade\":0},{\"time\":10629,\"color\":\"#000\",\"fade\":2.02},{\"time\":27952,\"color\":\"aqua\",\"fade\":0},{\"time\":28018,\"color\":\"#000\",\"fade\":2.02},{\"time\":36651,\"color\":\"aqua\",\"fade\":0},{\"time\":36850,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":13221,\"color\":\"aqua\",\"fade\":0},{\"time\":13302,\"color\":\"#000\",\"fade\":2.02},{\"time\":28092,\"color\":\"aqua\",\"fade\":0},{\"time\":28150,\"color\":\"#000\",\"fade\":2.02},{\"time\":29702,\"color\":\"aqua\",\"fade\":0},{\"time\":29755,\"color\":\"#000\",\"fade\":2.02},{\"time\":36484,\"color\":\"aqua\",\"fade\":0},{\"time\":36651,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":18478,\"color\":\"aqua\",\"fade\":0},{\"time\":18545,\"color\":\"#000\",\"fade\":2.02},{\"time\":28251,\"color\":\"aqua\",\"fade\":0},{\"time\":28299,\"color\":\"#000\",\"fade\":2.02},{\"time\":29859,\"color\":\"aqua\",\"fade\":0},{\"time\":29898,\"color\":\"#000\",\"fade\":2.02},{\"time\":29993,\"color\":\"aqua\",\"fade\":0},{\"time\":30053,\"color\":\"#000\",\"fade\":2.02},{\"time\":36368,\"color\":\"aqua\",\"fade\":0},{\"time\":36484,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":17266,\"color\":\"aqua\",\"fade\":0},{\"time\":17352,\"color\":\"#000\",\"fade\":2.02},{\"time\":26721,\"color\":\"aqua\",\"fade\":0},{\"time\":26768,\"color\":\"#000\",\"fade\":2.02},{\"time\":28398,\"color\":\"aqua\",\"fade\":0},{\"time\":28432,\"color\":\"#000\",\"fade\":2.02},{\"time\":36205,\"color\":\"aqua\",\"fade\":0},{\"time\":36368,\"color\":\"#000\",\"fade\":2.02},{\"time\":39572,\"color\":\"aqua\",\"fade\":0},{\"time\":39608,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":35920,\"color\":\"aqua\",\"fade\":0},{\"time\":36205,\"color\":\"#000\",\"fade\":2.02},{\"time\":39608,\"color\":\"aqua\",\"fade\":0},{\"time\":39711,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":33146,\"color\":\"aqua\",\"fade\":0},{\"time\":33265,\"color\":\"#000\",\"fade\":2.02},{\"time\":39711,\"color\":\"aqua\",\"fade\":0},{\"time\":39756,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":8253,\"color\":\"aqua\",\"fade\":0},{\"time\":8305,\"color\":\"#000\",\"fade\":2.02},{\"time\":22825,\"color\":\"aqua\",\"fade\":0},{\"time\":22926,\"color\":\"#000\",\"fade\":2.02},{\"time\":34410,\"color\":\"aqua\",\"fade\":0},{\"time\":34609,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":29426,\"color\":\"aqua\",\"fade\":0},{\"time\":29462,\"color\":\"#000\",\"fade\":2.02},{\"time\":34260,\"color\":\"aqua\",\"fade\":0},{\"time\":34410,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":34146,\"color\":\"aqua\",\"fade\":0},{\"time\":34260,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":19694,\"color\":\"aqua\",\"fade\":0},{\"time\":19766,\"color\":\"#000\",\"fade\":2.02},{\"time\":33994,\"color\":\"aqua\",\"fade\":0},{\"time\":34146,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":33828,\"color\":\"aqua\",\"fade\":0},{\"time\":33994,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":33679,\"color\":\"aqua\",\"fade\":0},{\"time\":33828,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":33562,\"color\":\"aqua\",\"fade\":0},{\"time\":33679,\"color\":\"#000\",\"fade\":2.02}],[{\"time\":33265,\"color\":\"aqua\",\"fade\":0},{\"time\":33562,\"color\":\"#000\",\"fade\":2.02},{\"time\":39756,\"color\":\"aqua\",\"fade\":0},{\"time\":39915,\"color\":\"#000\",\"fade\":2.02}]]","starttime":1411185079473,"senttime":1411185072.5003}
\ No newline at end of file

diff --git a/console.html b/console.html
new file mode 100644 (file)
index 0000000..f751304
--- /dev/null
+++ b/console.html
@@ -0,0 +1,72 @@
+<html>
+  <head>
+    <style>
+      body{
+        color:#FFF;
+        background:#333;
+        text-align:center;
+      }
+      #pattern_file{
+        border:solid 5px #CCC;
+        color:#CCC;
+        width:100%;
+        height:300px;
+        font-size:20px;
+        overflow:hidden;
+      }
+    </style>
+    <script src="../time/servertimeutil.js"></script>
+    <script>
+    var ptn="";
+      function elm(id){
+        return document.getElementById(id);
+      }
+      function readPatternFile(e){
+        e.stopPropagation();
+        e.preventDefault();
+        
+        var fl=new FileReader();
+        fl.onload=function(f){
+          elm('pattern_file').innerHTML=f.target.result;
+          ptn=f.target.result;
+        };
+        fl.readAsText(e.dataTransfer.files[0]||elm('pattern_file_selector').files[0]);
+      }
+      
+      function launch(){
+        var q=new XMLHttpRequest();
+        q.open('POST','receiver.php');
+        q.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
+        q.onload=function(){
+          console.log('Receiver says : '+q.response);
+        };
+        var id="";
+        for(var i=0;i<5;i++){
+          id+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(Math.random()*26));
+        }
+        var senddata={
+          id:id,
+          filename:'dummyfilename',
+          pattern:ptn,
+          starttime:timeUtil.getTime()+7000
+        };
+        q.send('d='+encodeURIComponent(JSON.stringify(senddata)));
+      }
+      
+      window.addEventListener('load',function(){
+        elm('pattern_file').addEventListener('dragover',function(e){
+          e.stopPropagation();
+          e.preventDefault();
+          e.dataTransfer.dropEffect='copy';
+        });
+        elm('pattern_file').addEventListener('drop',readPatternFile);
+        elm('pattern_file_selector').addEventListener('change',readPatternFile);
+      });
+    </script>
+  </head>
+  <body>
+    <div id="pattern_file">パターンファイル</div>
+    <input type="file" id="pattern_file_selector">
+    <input type="button" onclick="launch()" value="Launch">
+  </body>
+</html>
\ No newline at end of file

diff --git a/receiver.php b/receiver.php
new file mode 100644 (file)
index 0000000..f23e7c5
--- /dev/null
+++ b/receiver.php
@@ -0,0 +1,6 @@
+<?php
+  echo $_POST['d'];
+  $d=json_decode($_POST['d'],true);
+  $d['senttime']=microtime(true);
+  file_put_contents('command.json',json_encode($d));
+?>
\ No newline at end of file