https://github.com/g200kg/webaudio-controls

GUI parts library for Web application using WebComponents
https://github.com/g200kg/webaudio-controls

Last synced: about 1 month ago
JSON representation

GUI parts library for Web application using WebComponents

• Host: GitHub
• URL: https://github.com/g200kg/webaudio-controls
• Owner: g200kg
• License: apache-2.0
• Created: 2013-08-20T10:08:56.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2023-05-04T04:11:23.000Z (almost 2 years ago)
• Last Synced: 2024-07-31T22:45:06.146Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 20.5 MB
• Stars: 319
• Watchers: 31
• Forks: 56
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-javascript-audio - webaudio-controls - web components aimed at VST instruments, DAWs, etc (UI components and libraries / Other UI)

README

        
# webaudio-controls

**webaudio-controls** is a Javascript library for displaying the GUI parts required to Web Music applications.  webaudio-controls consists of knobs, sliders, switches, parameter displays and keyboards. By loading `webaudio-controls.js` to your page, custom tags for component display will be added using WebComponents.  You can configure the GUI screen just by writing custom tags in HTML.  

Chrome / Firefox / Edge compatible  

iOS and Android touch devices compatible  

![](img/demo.png)

## [Documents and Application Notes](https://g200kg.github.io/webaudio-controls/docs/index.html)

---

## License

WebAudio-Controls is developped based on:  

- [WebAudio-Knob](https://github.com/agektmr/webaudio-knob) by [Eiji Kitamura](http://google.com/+agektmr)  

- [WebAudio-Slider](https://github.com/ryoyakawai/webaudio-slider) by [Ryoya KAWAI](https://plus.google.com/108242669191458983485/posts)  

- [WebAudio-Switch](http://aikelab.net/switch/) by [Keisuke Ai](http://d.hatena.ne.jp/aike/)  

Integrated and enhanced by [g200kg](http://www.g200kg.com/)

Copyright (c) 2013 Eiji Kitamura / Ryoya KAWAI / Keisuke Ai / g200kg /  @micbuffa / @CellouBalde  

Licensed under the Apache License, Version 2.0

---

Knob/Switch images in samples are from [Knob Gallery](http://www.g200kg.com/en/webknobman/gallery.php)  

[switch_toggle.knob](http://www.g200kg.com/en/webknobman/gallery.php?m=p&p=58) by [az](http://bji.yukihotaru.com/) (c) 2011 [CC-BY](http://creativecommons.org/licenses/by/3.0/)