An WYSIWYG editor for creating browser-based interfaces transmitting MIDI and OSC using Interface.js
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
interface.js @ 9ce939c
jquery-ui-1.10.1.custom
jscolor
.gitignore
.gitmodules
README.markdown
codemirror.css
codemirror.js
index.html
javascript.js
mousetrap.js
neat.css
package.json
template.htm
zepto.js

README.markdown

#Using the Interface.js Editor

NOTE: Until binaries are distributed using this software requires basic knowledge of node.js and npm.

Screenshot

This project is a WYSIWYG editor for creating interfaces using Interface.js. When used in conjunction with the Interface.js Server project, these interfaces can transmit OSC or MIDI messages from (almost) any web browser, including those found on mobile devices such as mobile Safari, Chrome and mobile Firefox. Although you can program interfaces for Interface.js using JavaScript, this editor provides drag and drop controls for placing widgets and defining their properties.

The editor will eventually be distributed as a compiled binary application for OS X, Linux and Windows, but for now if you want to use the editor you'll need to download and install node.js. Node.js will provide most of the functionality we need to serve web pages, but we'll also need to add a few utility libraries to send OSC and MIDI and carry out a few other specialized tasks. We can install these utilities using the Node Package Manager, or NPM, which is installed with Node.js. After installing Node.js, open a terminal and run the following commands:

npm install midi
npm install omgosc
npm install connect
npm install ws

The last step is to download node-webkit. Node-webkit enables desktop applications to be built using web technologies. Once you have Node-webkit installed, place this directory in the same location. You can then open the editor as follows:

./nw projectDirectoryName