Sigh, I seem to be a magnet for problems. If I copy the DJ interface and only alter the loadedInterfaceName, when I load it into Control from my webserver, the rightButton for the crossfader is missing. The version of DJ that comes with the Control install works fine. I have tried editing the .js file with Dreamweaver and gedit with identical results, if that matters. Didn't know if it was maybe related to how the file was encoded when it was saved...
Importing edited DJ interface
(7 posts) (2 voices)-
Posted 1 year ago #
-
Tried using jEdit, as well, with the same results. I change only the interface label name at the top of the file to something other than "dj," upload it to my tablet, and the right crossfader button is gone...
Posted 1 year ago # -
Post the file! I'll take a look. - Charlie
Posted 1 year ago # -
No problem. I didn't post the code because it's taken right from your interface download page:
loadedInterfaceName = "tkThirteen"; interfaceOrientation = "portrait"; whRatio = 2 / 3; infoText = "This DJ interface can output to either MIDI or OSC depending on the destination you select in the \ Destinations tab. Although there are labels on some buttons indicating \ how the author uses the interface, you can of course assign the sliders / buttons to whatever you want in your favorite MIDI / OSC \ enabled DJ program.<br><br> \ \ The buttons to the left, right and center of the crossfader send a value to the destination and also change the crossfader \ position. Although the crossfader position changes a value is only sent when the button is originally pressed; \ there is not a duplicate message generated by the crossfader."; pages = [[ { "name": "crossfader", "type": "Slider", "bounds": [.15, .8, .7, .15], "startingValue": 0, "color": "#ccc", "stroke": "#aaa", "range": [0,127], "isXFader": true, "isVertical": false, "midiType": "cc", "midiNumber": 1, }, { "name": "leftButton", "type": "Button", "bounds": [0, .8, .15, .15], "color": "#aa0000", "stroke": "#aaaaaa", "range": [0,0], "midiType": "cc", "midiNumber": 1, "mode": "contact", "requiresTouchDown": true, "ontouchstart": "crossfader.value = 0; crossfader.draw();" }, { "name": "leftXFadeLabel", "type": "Label", "bounds": [0, .8, .15, .15], "value": "left", }, { "name": "rightButton", "type": "Button", "bounds": [85, .8, .145, .15], "range": [0,127], "color": "#a00", "stroke": "#aaa", "midiType": "cc", "midiNumber": 1, "mode": "contact", "requiresTouchDown": true, "ontouchstart": "crossfader.value = 127; crossfader.draw();" }, { "name": "rightXFadeLabel", "type": "Label", "bounds": [85, .8, .145, .15], "value": "right", }, { "name": "centerButton", "type": "Button", "bounds": [.4, .65, .2, .1], "range": [64,64], "color": "#aa0", "stroke": "#aaa", "midiType": "cc", "midiNumber": 1, "mode": "contact", "requiresTouchDown": true, "ontouchstart": "crossfader.value = 64; crossfader.draw();" }, { "name": "centerXFadeLabel", "type": "Label", "bounds": [.4, .65, .2, .1], "value": "center", }, { "name": "leftCue", "type": "Button", "bounds": [0, .65, .15, .15 * whRatio], "color": "#00a", "stroke": "#aaa", "range": [0,127], "mode": "visualToggle", "midiType": "cc", "midiNumber": 49, "requiresTouchDown": true, }, { "name": "leftCueLabel", "type": "Label", "bounds": [0, .65, .15, .15 * whRatio], "value": "cue", }, { "name": "rightCue", "type": "Button", "bounds": [.85, .65, .145, .15 * whRatio], "range": [0,127], "color": "#00a", "stroke": "#aaa", "mode": "visualToggle", "midiType": "cc", "midiNumber": 50, "requiresTouchDown": true, }, { "name": "rightCueLabel", "type": "Label", "bounds": [.85, .65, .145, .15 * whRatio], "value": "cue", }, { "name": "leftHighCut", "type": "Button", "x": 0, "y": 0, "width": .225, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 4, }, { "name": "leftHighEQLabel", "type": "Label", "x": .0, "y": .0, "width": .225, "height": .1, "value": "high cut", "align": "center" }, { "name": "leftMidCut", "type": "Button", "x": 0, "y": .125, "width": .225, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 5, }, { "name": "leftMidEQLabel", "type": "Label", "x": .0, "y": .125, "width": .225, "height": .1, "value": "mid cut", "align": "center" }, { "name": "leftLowCut", "type": "Button", "x": 0, "y": .25, "width": .225, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 6, }, { "name": "leftLowEQLabel", "type": "Label", "x": .0, "y": .25, "width": .225, "height": .1, "value": "low cut", "align": "center" }, { "name": "leftMulti", "type": "MultiButton", "x": 0, "y": .4, "rows": 2, "columns": 2, "width": .225, "height": .2, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "contact", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 7, "requiresTouchDown": false, }, { "name": "rightHighCut", "type": "Button", "x": .775, "y": 0, "width": .22, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 11, }, { "name": "rightHighEQLabel", "type": "Label", "x": .775, "y": 0, "width": .22, "height": .1, "value": "high cut", "align": "center" }, { "name": "rightMidCut", "type": "Button", "x": .775, "y": .125, "width": .22, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 12, }, { "name": "rightMidEQLabel", "type": "Label", "x": .775, "y": .125, "width": .22, "height": .1, "value": "mid cut", "align": "center" }, { "name": "rightLowCut", "type": "Button", "x": .775, "y": .25, "width": .22, "height": .1, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "visualToggle", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 13, //"ontouchstart":"interfaceManager.refreshInterface();", }, { "name": "rightLowEQLabel", "type": "Label", "x": .775, "y": .25, "width": .22, "height": .1, "value": "low cut", "align": "center" }, { "name": "rightMulti", "type": "MultiButton", "x": .775, "y": .4, "rows": 2, "columns": 2, "width": .22, "height": .2, "startingValue": 0, "color": "#555555", "stroke": "#aaaaaa", "min": 0, "max": 127, "mode": "contact", "protocol": "MIDI", "midiType": "noteon", "midiNumber": 14, "requiresTouchDown": true, }, { "name": "leftVolume", "type": "Slider", "x": .275, "y": 0, "width": .2, "height": .6, "startingValue": 100, "color": "#cccccc", "stroke": "#aaaaaa", "min": 0, "max": 127, "isVertical": true, "isXFader": false, "protocol": "MIDI", "midiType": "cc", "midiNumber": 2, }, { "name": "rightVolume", "type": "Slider", "x": .525, "y": 0, "width": .2, "height": .6, "startingValue": 100, "color": "#cccccc", "stroke": "#aaaaaa", "min": 0, "max": 127, "isVertical": true, "isXFader": false, "protocol": "MIDI", "midiType": "cc", "midiNumber": 3, }, { "name": "tabButton", "type": "Button", "x": .65, "y": .65, "width": .145, "height": .15 * whRatio, "mode": "toggle", "color": "#333333", "stroke": "#aaaaaa", "min": 0, "max": 1, "ontouchstart": "if(this.value == 1) { control.showToolbar(); tabLabel.changeValue(\'Hide Tabs\');} else { control.hideToolbar(); tabLabel.changeValue(\'Show Tabs\'); }", }, { "name": "tabButtonLabel", "type": "Label", "x": .65, "y": .65, "width": .145, "height": .15 * whRatio, "color": "#fff", "value": "menu", }, { "name": "infoButton", "type": "Button", "x": .2, "y": .65, "width": .145, "height": .15 * whRatio, "mode": "contact", "color": "#333333", "stroke": "#aaaaaa", "midiType": "noteon", "protocol": "local", "ontouchstart": "control.changePage(1);", }, { "name": "infoButtonLabel", "type": "Label", "x": .2, "y": .65, "width": .145, "height": .15 * whRatio, "color": "#fff", "value": "info", }, ], [ { "name": "infoText", "type": "Label", "x": .1, "y": .1, "width": .8, "height": .7, "value": infoText, "verticalCenter": false, "align": "left", }, { "name": "backButton", "type": "Button", "x": .8, "y": .9, "width": .19, "height": .09, "mode": "contact", "color": "#333333", "stroke": "#aaaaaa", "protocol": "local", "ontouchstart": "control.changePage(0);", }, { "name": "infoButtonLabel", "type": "Label", "x": .8, "y": .9, "width": .19, "height": .09, "color": "#fff", "value": "back", }, ], ];Posted 1 year ago # -
Ahhh, crap! In the bounds for the button, the first value should .85, not 85.
Sorry about that... - Charlie
Posted 1 year ago # -
I updated the online version accordingly.
Posted 1 year ago # -
*deep bow* Thanks again, Charlie.
Posted 1 year ago #