|
rc-web@29
|
1
|
|
rc-web@29
|
2 <!DOCTYPE html>
|
|
rc-web@40
|
3 <html >
|
|
rc-web@29
|
4 <head>
|
|
rc-web@40
|
5 <meta charset="UTF-8">
|
|
rc-web@40
|
6 <title>nodescore</title>
|
|
rc-web@40
|
7
|
|
rc-web@40
|
8 <link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
|
rc-web@40
|
9
|
|
rc-web@40
|
10 <style type="text/css">
|
|
rc-web@40
|
11 h3{ width:50%; ;margin:10px 0px 10px 0px; padding: 2px 2px 2px 12px; border-radius:15px; color: black; }
|
|
rc-web@40
|
12 </style>
|
|
rc-web@40
|
13
|
|
rc-web@29
|
14
|
|
rc-web@29
|
15 </head>
|
|
rc-web@40
|
16 <body style="background:black;">
|
|
rc-web@40
|
17 <div style="
|
|
rc-web@40
|
18 height:100%;
|
|
rc-web@40
|
19 width:820px;
|
|
rc-web@40
|
20 background:url(nodescore-client-20120823.png);">
|
|
rc-web@40
|
21
|
|
rc-web@40
|
22 <div align="left" style="width:95%;
|
|
rc-web@40
|
23 border-radius: 15px;
|
|
rc-web@40
|
24 margin:10px auto;
|
|
rc-web@40
|
25 padding: 10px 100px 10px 100px;
|
|
rc-web@40
|
26 background:white;
|
|
rc-web@40
|
27 opacity:0.9;
|
|
rc-web@40
|
28 ">
|
|
rc-web@40
|
29
|
|
rc-web@40
|
30 <h1 style="margin:0px;">NodeScore</h1>
|
|
rc-web@43
|
31 http://nodescore.kiben.net
|
|
rc-web@40
|
32 </div>
|
|
rc-web@40
|
33
|
|
rc-web@40
|
34 <div align="left" class="readme" style="background:white;
|
|
rc-web@40
|
35 color:black;
|
|
rc-web@41
|
36 opacity:0.9;
|
|
rc-web@40
|
37 border-radius: 15px;
|
|
rc-web@40
|
38 width:95%;
|
|
rc-web@40
|
39 margin:10px auto;
|
|
rc-web@40
|
40 !align:center;
|
|
rc-web@40
|
41 padding: 10px 100px 10px 100px;
|
|
rc-web@40
|
42 ">
|
|
rc-web@40
|
43
|
|
rc-web@40
|
44 <h3>What is NodeScore?</h3> NodeScore is a web based framework to
|
|
rc-web@40
|
45 facilitate networked telematic ensemble performance.
|
|
rc-web@40
|
46
|
|
rc-web@40
|
47 The goal of the NodeScore framework is to allow performers
|
|
rc-web@40
|
48 who are connected to a network via a computer/tablet/mobile device to
|
|
rc-web@40
|
49 syncronise to a master clock and recieve instructions, in
|
|
rc-web@40
|
50 realtime,from a central "conductor/director" as well as being able to
|
|
rc-web@40
|
51 communicate with one another.
|
|
rc-web@40
|
52
|
|
rc-web@40
|
53 <h3>How does a NodeScore work?</h3> The control interface for
|
|
rc-web@40
|
54 NodeScore is a webpage displayed in an internet web browser, from this
|
|
rc-web@40
|
55 control page the "conductor/director" can issue the precomposed, HTML5
|
|
rc-web@40
|
56 formated, compositional instructions. These instrutions can be
|
|
rc-web@40
|
57 deployed to the ensemble as a whole or targeted at specific
|
|
rc-web@40
|
58 perfomers. Once the instruction is deployed by the director it is
|
|
rc-web@40
|
59 instantly presented in the web browser of the performer/s.
|
|
rc-web@40
|
60
|
|
rc-web@40
|
61 NodeScore is written as a node.js web server incorporating websockets
|
|
rc-web@40
|
62 for server client communications.
|
|
rc-web@40
|
63
|
|
rc-web@40
|
64 <h3>Browser Compatability:</h3>
|
|
rc-web@65
|
65 Modern Browsers only. No Internet Explorer support. Tested using Chrome, Chromium, Firefox, Safari.
|
|
rc-web@40
|
66
|
|
rc-web@40
|
67
|
|
rc-web@40
|
68
|
|
rc-web@40
|
69 <h3>Code</h3>
|
|
rc-web@40
|
70
|
|
rc-web@40
|
71 <a href="https://gitorious.org/nodescore">https://gitorious.org/nodescore</a>
|
|
rc-web@40
|
72
|
|
rc-web@40
|
73 <h3>Examples</h3>
|
|
rc-web@40
|
74
|
|
rc-web@42
|
75 "Magic Score" composition. This may currently being worked on
|
|
rc-web@42
|
76 live so expect breakages :) It also may appear a little jerky
|
|
rc-web@42
|
77 depending on your CPU/Browser.. or may not work at all if you
|
|
rc-web@42
|
78 are using the WRONG browser. Work in Progress... here be
|
|
rc-web@42
|
79 dragons.... <br/>
|
|
rc-web@65
|
80
|
|
rc-web@40
|
81
|
|
rc-web@42
|
82
|
|
rc-web@65
|
83 <a href="http://nodescore.kiben.net:8890/m/">overview page (score): http://nodescore.kiben.net:8890/m/</a><br/>
|
|
rc-web@65
|
84 <a href="http://nodescore.kiben.net:8890/m/score.html">performer page (part): http://nodescore.kiben.net:8890/m/score.html</a><br/>
|
|
rc-web@40
|
85
|
|
rc-web@40
|
86 <h3>Related Publications</h3>
|
|
rc-web@40
|
87 Canning, R. "REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT"
|
|
rc-web@40
|
88 Proceedings of The International Computer Music Conference (2012), Ljubljana, Slovenia.
|
|
rc-web@40
|
89
|
|
rc-web@40
|
90 <br/><br/>
|
|
rc-web@40
|
91 <img src="about/chromiumlogo.png" width="30" height="30"/>
|
|
rc-web@40
|
92 <img src="about/nodejs-dark.png" height="30"/>
|
|
rc-web@40
|
93 <img src="about/ECMAScript.png" height="30"/>
|
|
rc-web@40
|
94 </div>
|
|
rc-web@40
|
95
|
|
rc-web@29
|
96 </body>
|
|
rc-web@29
|
97
|
|
rc-web@29
|
98 </html>
|
