diff options
Diffstat (limited to 'src/js/app.js')
-rw-r--r-- | src/js/app.js | 33 |
1 files changed, 7 insertions, 26 deletions
diff --git a/src/js/app.js b/src/js/app.js index a26f137..d4cc919 100644 --- a/src/js/app.js +++ b/src/js/app.js @@ -1,40 +1,21 @@ import Mustache from 'mustache'; -import { audiomixer, api } from 'agl-js-api'; -import { setValue } from './sliders'; var template; +var controls = [ + { id: 'MAIN', name: 'Main', volume: 50 }, +]; + function render_sliders(sliders) { var sliderContainer = document.getElementById('SliderContainer'); for( var i=0; i<sliders.length; i++) { var node = Mustache.render(template, sliders[i]); sliderContainer.innerHTML += node; + console.log(sliderContainer.innerHTML) } } export function init() { - api.init(); template = document.getElementById('slider-template').innerHTML; - Mustache.parse(template); - - audiomixer.list_controls().then(function(result) { - var sliders = []; - for( var i=0; i<result.length; i++) { - sliders.push({ - id: result[i].control, - name: result[i].control, - value: Math.floor(result[i].volume*100) - }); - } - - render_sliders(sliders); - }).catch(function(error) { - console.error('ERROR loading sliders', error); - }); - - audiomixer.on_volume_changed(function(data){ - setValue(document.getElementById("slider-"+data.control), Math.ceil(data.value*100), true); - }).then(function(result) { - console.log("SUBSCRIBED TO VOLUME CHANGED"); - }); -}
\ No newline at end of file + render_sliders(controls); +} |