AES E-Library

S. Ren, L. Pottier, M. Buffa, and Y. Yu, "JSPatcher, a Visual Programming Environment for Building High-Performance Web Audio Applications," J. Audio Eng. Soc., vol. 70, no. 11, pp. 938-950, (2022 November.). doi: S. Ren, L. Pottier, M. Buffa, and Y. Yu, "JSPatcher, a Visual Programming Environment for Building High-Performance Web Audio Applications," J. Audio Eng. Soc., vol. 70 Issue 11 pp. 938-950, (2022 November.). doi:
Abstract: Many visual programming languages (VPLs), which include Max or PureData, provide a graphic canvas for connecting between functions or data. This canvas, also called a patcher, is basically a graph meant to be interpreted as a dataflow computation by the system. Some VPLs are used for multimedia performance or content generation because the user interface system is generally a significant element of the language. This paper presents a Web-based VPL, JSPatcher, which allows users to build audio graphs using the Web Audio API. Users can use aWeb browser to graphically design and run digital signal processor algorithms using domain-specific languages for audio processing, such as FAUST or Gen, and execute them in a dedicated high-priority thread called AudioWorklet. The application can also be utilized to create interactive programs and shareable artworks online with other JavaScript language built-ins, Web APIs, Web-based audio plugins, or external JavaScript modules.

@article{ren2022jspatcher,,
author={ren, shihong and pottier, laurent and buffa, michel and yu, yang},
journal={journal of the audio engineering society},
title={jspatcher, a visual programming environment for building high-performance web audio applications},
year={2022},
volume={70},
number={11},
pages={938-950},
doi={},
month={november},} @article{ren2022jspatcher,,
author={ren, shihong and pottier, laurent and buffa, michel and yu, yang},
journal={journal of the audio engineering society},
title={jspatcher, a visual programming environment for building high-performance web audio applications},
year={2022},
volume={70},
number={11},
pages={938-950},
doi={},
month={november},
abstract={many visual programming languages (vpls), which include max or puredata, provide a graphic canvas for connecting between functions or data. this canvas, also called a patcher, is basically a graph meant to be interpreted as a dataflow computation by the system. some vpls are used for multimedia performance or content generation because the user interface system is generally a significant element of the language. this paper presents a web-based vpl, jspatcher, which allows users to build audio graphs using the web audio api. users can use aweb browser to graphically design and run digital signal processor algorithms using domain-specific languages for audio processing, such as faust or gen, and execute them in a dedicated high-priority thread called audioworklet. the application can also be utilized to create interactive programs and shareable artworks online with other javascript language built-ins, web apis, web-based audio plugins, or external javascript modules.},}

TY - paper
TI - JSPatcher, a Visual Programming Environment for Building High-Performance Web Audio Applications
SP - 938 EP - 950
AU - Ren, Shihong
AU - Pottier, Laurent
AU - Buffa, Michel
AU - Yu, Yang
PY - 2022
JO - Journal of the Audio Engineering Society
IS - 11
VO - 70
VL - 70
Y1 - November 2022 TY - paper
TI - JSPatcher, a Visual Programming Environment for Building High-Performance Web Audio Applications
SP - 938 EP - 950
AU - Ren, Shihong
AU - Pottier, Laurent
AU - Buffa, Michel
AU - Yu, Yang
PY - 2022
JO - Journal of the Audio Engineering Society
IS - 11
VO - 70
VL - 70
Y1 - November 2022
AB - Many visual programming languages (VPLs), which include Max or PureData, provide a graphic canvas for connecting between functions or data. This canvas, also called a patcher, is basically a graph meant to be interpreted as a dataflow computation by the system. Some VPLs are used for multimedia performance or content generation because the user interface system is generally a significant element of the language. This paper presents a Web-based VPL, JSPatcher, which allows users to build audio graphs using the Web Audio API. Users can use aWeb browser to graphically design and run digital signal processor algorithms using domain-specific languages for audio processing, such as FAUST or Gen, and execute them in a dedicated high-priority thread called AudioWorklet. The application can also be utilized to create interactive programs and shareable artworks online with other JavaScript language built-ins, Web APIs, Web-based audio plugins, or external JavaScript modules.