リビジョン | 2e5dbfa2edeab85a692cf3af6ae4343eba47215a (tree) |
---|---|
日時 | 2014-09-25 22:33:16 |
作者 | nandenjin <timer.ground.gm@gmai...> |
コミッター | nandenjin |
仮完成バージョン(40台同期)へアップグレード。
@@ -7,43 +7,14 @@ | ||
7 | 7 | background:#000000; |
8 | 8 | } |
9 | 9 | </style> |
10 | + <script src="../time/servertimeutil.js"></script> | |
10 | 11 | <script src="../control/plugin.js"></script> |
11 | 12 | <script> |
12 | 13 | var pcNo=0; |
13 | - var startTime=0; | |
14 | + var startTime=0,launchTime=0,ptn; | |
14 | 15 | var audioCtx,audioBuffer; |
15 | 16 | |
16 | - var score=[ | |
17 | - [ | |
18 | - { | |
19 | - time:280, | |
20 | - fade:0, | |
21 | - color:"#F00" | |
22 | - },{ | |
23 | - time:800, | |
24 | - fade:0, | |
25 | - color:"#FF0" | |
26 | - },{ | |
27 | - time:1300, | |
28 | - fade:0, | |
29 | - color:"#0BF" | |
30 | - } | |
31 | - ],[ | |
32 | - { | |
33 | - time:500, | |
34 | - fade:0, | |
35 | - color:"#00F" | |
36 | - },{ | |
37 | - time:1500, | |
38 | - fade:1, | |
39 | - color:"#0FF" | |
40 | - },{ | |
41 | - time:2500, | |
42 | - fade:0, | |
43 | - color:"#F0F" | |
44 | - } | |
45 | - ] | |
46 | - ]; | |
17 | + 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}],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]]; | |
47 | 18 | function setFade(tr){ |
48 | 19 | document.body.style.transition="background-color "+tr+"s ease 0s"; |
49 | 20 | } |
@@ -51,8 +22,7 @@ | ||
51 | 22 | document.body.style.backgroundColor=cl; |
52 | 23 | } |
53 | 24 | function nowSec(){ |
54 | - var d=new Date(); | |
55 | - return d.getTime() ; | |
25 | + return timeUtil.getTime() ; | |
56 | 26 | } |
57 | 27 | |
58 | 28 | function playAudio(b){ |
@@ -62,9 +32,20 @@ | ||
62 | 32 | s.start(); |
63 | 33 | } |
64 | 34 | |
35 | + function launch(){ | |
36 | + playAudio(audioBuffer); | |
37 | + startTime=nowSec(); | |
38 | + requestAnimationFrame(function(){ | |
39 | + picogram(); | |
40 | + requestAnimationFrame(arguments.callee); | |
41 | + }); | |
42 | + } | |
43 | + | |
65 | 44 | window.addEventListener('load',function(){ |
66 | 45 | //自分の番号を取得 |
67 | 46 | pcNo=parseInt(location.search.slice(1))||localStorage.sshCnb||0; |
47 | + localStorage.sshCnb=pcNo; | |
48 | + console.log('Client No:'+pcNo); | |
68 | 49 | |
69 | 50 | //AudioContext |
70 | 51 | audioCtx=new AudioContext(); |
@@ -80,15 +61,34 @@ | ||
80 | 61 | }); |
81 | 62 | }; |
82 | 63 | r.send(); |
64 | + | |
65 | + | |
66 | + setInterval(function(){ | |
67 | + var q=new XMLHttpRequest(); | |
68 | + q.open('GET','command.json?'+new Date().getTime()); | |
69 | + q.onload=function(){ | |
70 | + var d=JSON.parse(q.response); | |
71 | + if(localStorage.ssh_ssss_eventid==d.id||d.id=='dummy'){ | |
72 | + return false; | |
73 | + } | |
74 | + localStorage.ssh_ssss_eventid=d.id; | |
75 | + score=JSON.parse(d.pattern); | |
76 | + launchTime=d.starttime; | |
77 | + console.log('Event received.'); | |
78 | + console.log('Now:'+nowSec()+' , Launch:'+launchTime); | |
79 | + var timing=setInterval(function(){ | |
80 | + if(nowSec()>=launchTime){ | |
81 | + console.log('Time is came,Music Start!'); | |
82 | + document.body.style.cursor='none'; | |
83 | + launch(); | |
84 | + clearInterval(timing); | |
85 | + } | |
86 | + },1000/60); | |
87 | + }; | |
88 | + q.send(); | |
89 | + },2000); | |
83 | 90 | }); |
84 | - window.addEventListener('click',function(){ | |
85 | - playAudio(audioBuffer); | |
86 | - startTime=nowSec(); | |
87 | - requestAnimationFrame(function(){ | |
88 | - picogram(); | |
89 | - requestAnimationFrame(arguments.callee); | |
90 | - }); | |
91 | - }); | |
91 | + window.addEventListener('click',launch); | |
92 | 92 | </script> |
93 | 93 | <script src="colorCtrl.js"></script> |
94 | 94 | </head> |
@@ -0,0 +1 @@ | ||
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 |
@@ -0,0 +1,72 @@ | ||
1 | +<html> | |
2 | + <head> | |
3 | + <style> | |
4 | + body{ | |
5 | + color:#FFF; | |
6 | + background:#333; | |
7 | + text-align:center; | |
8 | + } | |
9 | + #pattern_file{ | |
10 | + border:solid 5px #CCC; | |
11 | + color:#CCC; | |
12 | + width:100%; | |
13 | + height:300px; | |
14 | + font-size:20px; | |
15 | + overflow:hidden; | |
16 | + } | |
17 | + </style> | |
18 | + <script src="../time/servertimeutil.js"></script> | |
19 | + <script> | |
20 | + var ptn=""; | |
21 | + function elm(id){ | |
22 | + return document.getElementById(id); | |
23 | + } | |
24 | + function readPatternFile(e){ | |
25 | + e.stopPropagation(); | |
26 | + e.preventDefault(); | |
27 | + | |
28 | + var fl=new FileReader(); | |
29 | + fl.onload=function(f){ | |
30 | + elm('pattern_file').innerHTML=f.target.result; | |
31 | + ptn=f.target.result; | |
32 | + }; | |
33 | + fl.readAsText(e.dataTransfer.files[0]||elm('pattern_file_selector').files[0]); | |
34 | + } | |
35 | + | |
36 | + function launch(){ | |
37 | + var q=new XMLHttpRequest(); | |
38 | + q.open('POST','receiver.php'); | |
39 | + q.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); | |
40 | + q.onload=function(){ | |
41 | + console.log('Receiver says : '+q.response); | |
42 | + }; | |
43 | + var id=""; | |
44 | + for(var i=0;i<5;i++){ | |
45 | + id+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(Math.random()*26)); | |
46 | + } | |
47 | + var senddata={ | |
48 | + id:id, | |
49 | + filename:'dummyfilename', | |
50 | + pattern:ptn, | |
51 | + starttime:timeUtil.getTime()+7000 | |
52 | + }; | |
53 | + q.send('d='+encodeURIComponent(JSON.stringify(senddata))); | |
54 | + } | |
55 | + | |
56 | + window.addEventListener('load',function(){ | |
57 | + elm('pattern_file').addEventListener('dragover',function(e){ | |
58 | + e.stopPropagation(); | |
59 | + e.preventDefault(); | |
60 | + e.dataTransfer.dropEffect='copy'; | |
61 | + }); | |
62 | + elm('pattern_file').addEventListener('drop',readPatternFile); | |
63 | + elm('pattern_file_selector').addEventListener('change',readPatternFile); | |
64 | + }); | |
65 | + </script> | |
66 | + </head> | |
67 | + <body> | |
68 | + <div id="pattern_file">パターンファイル</div> | |
69 | + <input type="file" id="pattern_file_selector"> | |
70 | + <input type="button" onclick="launch()" value="Launch"> | |
71 | + </body> | |
72 | +</html> | |
\ No newline at end of file |
@@ -0,0 +1,6 @@ | ||
1 | +<?php | |
2 | + echo $_POST['d']; | |
3 | + $d=json_decode($_POST['d'],true); | |
4 | + $d['senttime']=microtime(true); | |
5 | + file_put_contents('command.json',json_encode($d)); | |
6 | +?> | |
\ No newline at end of file |