[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-239225-105":53,"doc-detail-239225-en":126},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":119,"head_meta":121,"extra_data":123,"updated_unix":125},105,"en","a-minimal-template-for-interactive-web-based-demonstrations-of-musical-machine-learning","A Minimal Template for Interactive Web-based Demonstrations of Musical Machine Learning","","New machine learning methods are being built to tackle problems across domains, including music. Accessible demonstrations of newly created models can broaden participation and spark informed discussion. Yet interactive demonstrations are not commonly practiced in musical machine learning research. This paper proposes a web-focused template for showcasing symbolic musical machine learning models, distributed as an easy-to-use open-source codebase with modular design for reuse, faster implementation, and browser-based interactivity.",{"@graph":63,"@context":118},[64,80,101],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":11,"@type":70,"position":76},"https://docshare.wps.com/template/presentations/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/a-minimal-template-for-interactive-web-based-demonstrations-of-musical-machine-learning/239225/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/a-minimal-template-for-interactive-web-based-demonstrations-of-musical-machine-learning/239225.png","ImageObject",442,249,{"name":88,"@type":89},"Caleb Sterling","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/pdf","2026-10-30","2026-09-11",true,{"@type":98,"interactionType":99,"userInteractionCount":15},"InteractionCounter",{"@type":100},"ViewAction",{"@type":102,"mainEntity":103},"FAQPage",[104,110,114],{"name":105,"@type":106,"acceptedAnswer":107},"Why is an interactive demonstration template important for musical machine learning models?","Question",{"text":108,"@type":109},"The paper argues that static outputs are insufficient as models become more complex, and interactive demos can make concepts clearer while engaging broader audiences.","Answer",{"name":111,"@type":106,"acceptedAnswer":112},"What does the proposed template provide to users?",{"text":113,"@type":109},"It provides a small open-source codebase designed specifically for demonstrating symbolic musical machine learning models on the web, with modular structure for reuse.",{"name":115,"@type":106,"acceptedAnswer":116},"How does the browser improve the demonstration experience?",{"text":117,"@type":109},"Built-in interactivity and real-time audio rendering help users understand the models more easily, play with them, and support direct A/B testing of different models.","https://schema.org",{"og:url":78,"og:type":120,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":122,"canonical":78},"index,follow",{"doc_id":124,"site_id":56},239225,1791734504,{"code":4,"msg":5,"data":127},{"doc_id":124,"user_id":128,"nickname":88,"user_avatar":129,"doc_module":9,"category_id":8,"category_name":11,"doc_title":59,"doc_description":61,"doc_content":130,"file_id":131,"file_url":132,"file_type":133,"file_size":134,"view_count":15,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":135,"language":136,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":137,"faqs":138,"seo_title":139,"seo_description":61,"update_tm":140,"read_time":73},962084925290,"https://ap-avatar.wpscdn.com/davatar_085a072bc5b1113ac321206ff7593b45","IUI Workshops'19, March 20, 2019, Los Angeles, USA.  \nA Minimal Template for Interactive Web-based Demonstrations of Musical Machine Learning  \nVibert Thio, Hao-Min Liu, Yin-Cheng Yeh, and Yi-Hsuan Yang  \nResearch Center for Information Technology Innovation, Academia Sinica, Taipei, Taiwan {vibertthio, paul115236, ycyeh, [yang}@citi.sinica.edu.tw](yang}@citi.sinica.edu.tw)  \nABSTRACT  \nNew machine learning algorithms are being developed to solve problems in different areas, including music. Intuitive, accessible, and understandable demonstrations of the newly built models could help attract the attention of people from different disciplines and evoke discussions. However, we notice that it has not been a common practice for researchers working on musical machine learning to demonstrate their models inan interactive way. To address this issue, we present in this paper an template that is specifically designed to demonstrate symbolic musical machine learning models on the web. The template comes with a small codebase, is open source, and is meant to be easy to use by any practitioners to implement their own demonstrations. Moreover, its modular design facilitates the reuse of the musical components and accelerates the implementation. We use the template to build interactive demonstrations of four exemplary music generation models. We show that the built-in interactivity and real-time audio rendering of the browser make the demonstration easier to understand and to play with. It also helps researchers to gain insights into different models and to A/B test them.  \nACM Classification Keywords  \nD.2.2 Design Tools and Techniques: Modules and interfaces; H.5.2 User Interfaces: Prototyping; H.5.5 Sound and Music  \nComputing: Systems  \nAuthor Keywords  \nMusical interface; web; latent space; deep learning  \nACM Reference Format  \nVibert Thio, Hao-Min Liu, Yin-Cheng Yeh, and Yi-Hsuan Yang. 2019. A Minimal Template for Interactive Web-based Demonstrations of Musical Machine Learning. In Joint Proceedings of the ACMIUI 2019 Workshops, Los Angeles, USA, March 20, 2019, 6 pages.  \nINTRODUCTION  \nRecent years have witnessed great progress in applying ma  \nchine learning (ML) to music related problems, such as thumbnailing [10], music generation [5, 7, 21], and style transfer [15] . To demonstrate the result of such musical machine learning models, researchers usually put the audio output as the result  \nIUI Workshops'19, March 20, 2019, Los Angeles, USA.  \nCopyright ©2019 for the individual papers by the papers' authors. Copying permitted for private and academic purposes. This volume is published and copyrighted by its editors.  \non the accompanying project websites. This method works well in the early days. However, as the ML models themselves are getting more complicated, some concepts ofthe algorithms may not be clearly expressed with only static sounds.  \nIn the neighboring field of computer vision, many interactive demonstrations of ML models have been developed recently. Famous examples include DeepDream [18], image/video style transfer [8, 23], and DCGAN [19] . These interactive demos provoke active discussions and positive anticipation about the technology. Nevertheless, the demonstration of musical machine learning models is not as easy in the case of computer vision, due to the fact that it involves audio rendering (i.e., we cannot simply use images for demonstration) . Web Audio API, a high-level JavaScript API for processing and synthesizing audio in web applications, was published only in 2011, which is not far from now compared to WebGL and other features of the browser. Furthermore, interactivity is needed to improve understandability and create engaging experiences.  \nMusical machine learning is gaining increasing attention. We believe that if more people from other fields, such as art and music, start to appreciate the new models of musical machine learning, it is easier to create an active community and to stimulate new ideas ","cbCaibQHwQaOlySU","https://ap.wps.com/l/cbCaibQHwQaOlySU","pdf",1250205,6,"English","# Abstract\n# Introduction\n## Motivation for interactive demos\n## Web Audio API and interactivity\n# Related Works\n## Audio rendering in Python","[{\"question\":\"Why is an interactive demonstration template important for musical machine learning models?\",\"answer\":\"The paper argues that static outputs are insufficient as models become more complex, and interactive demos can make concepts clearer while engaging broader audiences.\"},{\"question\":\"What does the proposed template provide to users?\",\"answer\":\"It provides a small open-source codebase designed specifically for demonstrating symbolic musical machine learning models on the web, with modular structure for reuse.\"},{\"question\":\"How does the browser improve the demonstration experience?\",\"answer\":\"Built-in interactivity and real-time audio rendering help users understand the models more easily, play with them, and support direct A/B testing of different models.\"}]","A Minimal Template for Interactive Web-based Demonstrations of Musical Machine Learning | PDF",1789145635]