99 lines
3.4 KiB
HTML
99 lines
3.4 KiB
HTML
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html >
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>nodescore</title>
|
||
|
|
|
||
|
|
<link rel="shortcut icon" href="/kiben_favicon.ico" type="image/x-icon" />
|
||
|
|
|
||
|
|
<style type="text/css">
|
||
|
|
h3{ width:50%; ;margin:10px 0px 10px 0px; padding: 2px 2px 2px 12px; border-radius:15px; color: black; }
|
||
|
|
</style>
|
||
|
|
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body style="background:black;">
|
||
|
|
<div style="
|
||
|
|
height:100%;
|
||
|
|
width:820px;
|
||
|
|
background:url(nodescore-client-20120823.png);">
|
||
|
|
|
||
|
|
<div align="left" style="width:95%;
|
||
|
|
border-radius: 15px;
|
||
|
|
margin:10px auto;
|
||
|
|
padding: 10px 100px 10px 100px;
|
||
|
|
background:white;
|
||
|
|
opacity:0.9;
|
||
|
|
">
|
||
|
|
|
||
|
|
<h1 style="margin:0px;">NodeScore</h1>
|
||
|
|
http://nodescore.kiben.net
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div align="left" class="readme" style="background:white;
|
||
|
|
color:black;
|
||
|
|
opacity:0.9;
|
||
|
|
border-radius: 15px;
|
||
|
|
width:95%;
|
||
|
|
margin:10px auto;
|
||
|
|
!align:center;
|
||
|
|
padding: 10px 100px 10px 100px;
|
||
|
|
">
|
||
|
|
|
||
|
|
<h3>What is NodeScore?</h3> NodeScore is a web based framework to
|
||
|
|
facilitate networked telematic ensemble performance.
|
||
|
|
|
||
|
|
The goal of the NodeScore framework is to allow performers
|
||
|
|
who are connected to a network via a computer/tablet/mobile device to
|
||
|
|
syncronise to a master clock and recieve instructions, in
|
||
|
|
realtime,from a central "conductor/director" as well as being able to
|
||
|
|
communicate with one another.
|
||
|
|
|
||
|
|
<h3>How does a NodeScore work?</h3> The control interface for
|
||
|
|
NodeScore is a webpage displayed in an internet web browser, from this
|
||
|
|
control page the "conductor/director" can issue the precomposed, HTML5
|
||
|
|
formated, compositional instructions. These instrutions can be
|
||
|
|
deployed to the ensemble as a whole or targeted at specific
|
||
|
|
perfomers. Once the instruction is deployed by the director it is
|
||
|
|
instantly presented in the web browser of the performer/s.
|
||
|
|
|
||
|
|
NodeScore is written as a node.js web server incorporating websockets
|
||
|
|
for server client communications.
|
||
|
|
|
||
|
|
<h3>Browser Compatability:</h3>
|
||
|
|
Modern Browsers only. No Internet Explorer support. Tested using Chrome, Chromium, Firefox, Safari.
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<h3>Code</h3>
|
||
|
|
|
||
|
|
<a href="https://gitorious.org/nodescore">https://gitorious.org/nodescore</a>
|
||
|
|
|
||
|
|
<h3>Examples</h3>
|
||
|
|
|
||
|
|
"Magic Score" composition. This may currently being worked on
|
||
|
|
live so expect breakages :) It also may appear a little jerky
|
||
|
|
depending on your CPU/Browser.. or may not work at all if you
|
||
|
|
are using the WRONG browser. Work in Progress... here be
|
||
|
|
dragons.... <br/>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<a href="http://nodescore.kiben.net:8890/m/">overview page (score): http://nodescore.kiben.net:8890/m/</a><br/>
|
||
|
|
<a href="http://nodescore.kiben.net:8890/m/score.html">performer page (part): http://nodescore.kiben.net:8890/m/score.html</a><br/>
|
||
|
|
|
||
|
|
<h3>Related Publications</h3>
|
||
|
|
Canning, R. "REALTIME WEB TECHNOLOGIES IN THE NETWORKED PERFORMANCE ENVIRONMENT"
|
||
|
|
Proceedings of The International Computer Music Conference (2012), Ljubljana, Slovenia.
|
||
|
|
|
||
|
|
<br/><br/>
|
||
|
|
<img src="about/chromiumlogo.png" width="30" height="30"/>
|
||
|
|
<img src="about/nodejs-dark.png" height="30"/>
|
||
|
|
<img src="about/ECMAScript.png" height="30"/>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|