I am serving it from my mac mini and can access it on my phones safari. This is my first time writing almost anything except playing with apple script. written on dashcode.
loadedInterfaceName = "keyboardwslides";
interfaceOrientation = "landscape";
pages = [[
{
"name": "Csharp",
"type": "Button",
"bounds": [.07,0,.075,.3],
"mode": "momentary",
"colors": ["#fff", "#000", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"oninit": "window.Csharp.fillDiv.style.zIndex = 100",
"requiresTouchDown": false,
},
{
"name": "Dsharp",
"type": "Button",
"bounds": [.225,0,.075,.3],
"mode": "momentary",
"colors": ["#fff", "#000", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"oninit": "window.Dsharp.fillDiv.style.zIndex = 100",
"requiresTouchDown": false,
},
{
"name": "Fsharp",
"type": "Button",
"bounds": [.445,0,.075,.3],
"mode": "momentary",
"colors": ["#fff", "#000", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"oninit": "window.Fsharp.fillDiv.style.zIndex = 100",
"requiresTouchDown": false,
},
{
"name": "Gsharp",
"type": "Button",
"bounds": [.59,0,.075,.3],
"mode": "momentary",
"colors": ["#fff", "#000", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"oninit": "window.Gsharp.fillDiv.style.zIndex = 100",
"requiresTouchDown": false,
},
{
"name": "Asharp",
"type": "Button",
"bounds": [.725,0,.075,.3],
"mode": "momentary",
"colors": ["#fff", "#000", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"oninit": "window.Asharp.fillDiv.style.zIndex = 100",
"requiresTouchDown": false,
},
{
"name": "C",
"type": "Button",
"bounds": [0,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "D",
"type": "Button",
"bounds": [.125,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "E",
"type": "Button",
"bounds": [.25,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "F",
"type": "Button",
"bounds": [.375,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "G",
"type": "Button",
"bounds": [.5,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "A",
"type": "Button",
"bounds": [.625, 0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "B",
"type": "Button",
"bounds": [.75,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "CC",
"type": "Button",
"bounds": [.875,0,.125,.5],
"mode": "momentary",
"colors": ["#000", "#fff", "#fff"],
"ontouchstart": "window.shouldContinue = false;",
"requiresTouchDown": false,
},
{
"name": "slider1",
"type": "Slider",
"x":0, "y":.6,
"width":1, "height":.1,
"min" : 0, "max" : 100,
"protocol": "MIDI",
"midiType": "cc",
"midiNumber": 2,
},
{
"name": "slider2",
"type": "Slider",
"x":0, "y":.7,
"width":1, "height":.1,
"min" : 0, "max" : 100,
"protocol": "MIDI",
"midiType": "cc",
"midiNumber": 3,
},
{
"name": "slider3",
"type": "Slider",
"x":0, "y":.8,
"width":1, "height":.1,
"min" : 0, "max" : 100,
"protocol": "MIDI",
"midiType": "cc",
"midiNumber": 4,
},
{
"name": "tabButton",
"type": "Button",
"x":0, "y":.8,
"width":.5, "height":.2,
"mode": "toggle",
"stroke": "#aaa",
"isLocal": true,
"ontouchstart": "if(this.value == this.max) { control.showToolbar(); } else { control.hideToolbar(); }",
"label": "menu",
},
{
"name": "refresh",
"type": "Button",
"x":.5, "y":.8,
"width":.5, "height":.2,
"startingValue": 0,
"isLocal": true,
"mode": "contact",
"ontouchstart": "interfaceManager.refreshInterface()",
"stroke": "#aaa",
"label": "refrsh",
},
],
];