Subject: [AUDITORY] Announcing WebPdL2Ork From: "Bukvic, Ivica" <ico@xxxxxxxx> Date: Sat, 29 Jun 2024 22:47:44 +0000--_000_MN2PR05MB689537E775FAFB54885A33B5C7D12MN2PR05MB6895namp_ Content-Type: text/plain; charset="Windows-1252" Content-Transfer-Encoding: quoted-printable Please pardon cross-posting. I would appreciate it if you would please spre= ad the word. Thank you. Dear all, After years of development, the Pd-L2Ork developer community is thrilled to= announce immediate availability of the WebPdL2Ork open BETA that is capabl= e of running just about any patch created using Pd-L2Ork inside a browser. = Simply upload your patch to a Web-accessible location and point your browse= r to http://pd-l2ork.music.vt.edu:3000?url=3D<URL-to-your-patch> All related subpatches and abstractions will be accessible as long as they = are in the path. The main patch will be stretched across the browser window= . Subpatches may be visible as floating windows as long as their location h= as been saved within the box of the original patch. Some adjustments may be= necessary to the subpatch locations, or they can be even embedded as graph= -on-parent-enabled subpatches on the main patch window. To test out patches already hosted on our page, please use links provided b= elow. Select patches also have hidden shortcuts outlined below. For optimal= experience, we recommend Google Chrome<https://www.google.com/chrome/brows= er-tools/> or Chromium<https://www.chromium.org/Home/>. VT Waves Project Learning Modules: * Autotune<https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Autotune.pd> = (explore how an Adelle solo refrain would sound if sung on a single note;) * Distortion<https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Selective-D= istortion.pd> (experiment with clipping an audio signal to create a guitar-= like distortion) * Phase Cancellation<https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Pha= se-Cancellation-Emscripten.pd> (learn how to cancel vocals from just about = any mainstream pop tune by subtracting the right channel from the left with= an inverted phase, use Shift+(1-3) to enable different sources) * Pitch Relationships<https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Pi= tch-Relationships.pd> (explore frequency and pitch relationships; use Shift= +A to enable pitch/frequency ratio viewer, and Shift+S to open spectrogram = subpatch) * Spectral Filtering<https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Spe= ctral-Filtering.pd> (the iconic Forbidden Planet and FFT-based vocal filter= ing) * Spectral Filtering Harmonics<https://l2ork.music.vt.edu:3000/?url=3DV= TWaves/Spectral-Filtering-Harmonics.pd> (explore decomposition and reconstr= uction of human voice into 10 sine tones; use keys ~ and 1-0 to toggle indi= vidual overtones, use Shift+(2-3) to enable other potential sound sources, = toggle off a source to "pause" the signal, use Shift+4 to toggle slider tha= t cross-fades betwen the original signal and reconstructed one) And, if you have a beefy computer, you can also run the entire L2Ork Tweete= r<https://l2ork.music.vt.edu:3000/?url=3DL2Ork-Tweeter/L2Ork-Tweeter.pd> in= side the browser (currently networking is not supported, so only the offlin= e mode is available). Once loaded, consider opening one of the included sav= ed sessions using the top-right corner session loading option by clicking o= n the green "LOAD" button positioned immediately to the left of the text bo= x. Please be patient with the loading process, as this is a CPU intensive p= atch (the pd-l2ork patch itself is more than 5MB). Once the session is load= ed, it may take up to 10 seconds for the audio engine to catch-up before th= e audio dropouts stop. If dropouts do not stop, or if loading takes much lo= nger, chances are your CPU is not fast enough to handle the patch running i= nside the browser (you can always explore the desktop version which is cons= iderably less CPU intensive). Use Shift+(F1-F12) to take control of individ= ual parts. For more info on L2Ork Tweeter, including tutorial videos, visit= our Tweeter<https://l2ork.music.vt.edu/main/make-your-own-l2ork/tweeter/> = page. What does not work: Gem library, networking objects (they load but do not w= ork due to sandboxed nature of a web browser) and a few select (and not com= monly used) 3rd-party libraries are not yet supported. Everything else shou= ld work out-of-box. To learn how to build your own HTTPS-enabled web server: Visit the pd-l2ork= github<https://github.com/pd-l2ork/pd-l2ork> and read the emscripten/DOCUM= ENTATION.md file. This project is sponsored by the Department of the Navy, Office of Naval Re= search under ONR award number N00014-22-1-2164. Any opinions, findings, and= conclusions or recommendations expressed in this material are those of the= author(s) and do not necessarily reflect the views of the Office of Naval = Research. Best, Ico -- Ivica Ico Bukvic, D.M.A. Director, Creativity + Innovation Director, Human-Centered Design iPhD Institute for Creativity, Arts, and Technology Virginia Tech Creative Technologies in Music School of Performing Arts =96 0141 Blacksburg, VA 24061 (540) 231-6139 ico@xxxxxxxx<mailto:ico@xxxxxxxx> ci.icat.vt.edu<http://ci.icat.vt.edu> l2ork.icat.vt.edu<http://l2ork.icat.vt.edu> ico.bukvic.net<http://ico.bukvic.net> --_000_MN2PR05MB689537E775FAFB54885A33B5C7D12MN2PR05MB6895namp_ Content-Type: text/html; charset="Windows-1252" Content-Transfer-Encoding: quoted-printable <html> <head> <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DWindows-1= 252"> </head> <body> <div class=3D"elementToProof" style=3D"font-family: Aptos, Aptos_EmbeddedFo= nt, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-size: 12pt; c= olor: rgb(0, 0, 0);"> Please pardon cross-posting. I would appreciate it if you would please spre= ad the word. Thank you.</div> <div class=3D"elementToProof" style=3D"font-family: Aptos, Aptos_EmbeddedFo= nt, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-size: 12pt; c= olor: rgb(0, 0, 0);"> <br> </div> <div class=3D"elementToProof" style=3D"font-family: Aptos, Aptos_EmbeddedFo= nt, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-size: 12pt; c= olor: rgb(0, 0, 0);"> Dear all,</div> <div class=3D"elementToProof" style=3D"margin-top: 1em; margin-bottom: 1em;= font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService, Calibri, Helv= etica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"> After years of development, the Pd-L2Ork developer community is thrilled to= announce immediate availability of the <b>WebPdL2Ork</b> open <b>BETA</b> that is capable of running jus= t about any patch created using Pd-L2Ork inside a browser. Simply upload yo= ur patch to a Web-accessible location and point your browser to <b>http://pd-l2ork.music.vt.edu:3000?url=3D<URL-to-your-patch></b></d= iv> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> All related subpatches and abstractions will be accessible as long as they = are in the path. The main patch will be stretched across the browser window= . Subpatches may be visible as floating windows as long as their location h= as been saved within the box of the original patch. Some adjustments may be necessary to the subpatch loca= tions, or they can be even embedded as graph-on-parent-enabled subpatches o= n the main patch window.</div> <div class=3D"elementToProof" style=3D"margin-top: 1em; margin-bottom: 1em;= font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService, Calibri, Helv= etica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);" dir=3D"auto"> To test out patches already hosted on our page, please use links provided b= elow. Select patches also have hidden shortcuts outlined below. For optimal= experience, we recommend <a href=3D"https://www.google.com/chrome/browser-tools/" id=3D"OWAaae70756-= a0c8-d01e-0fbd-8c4088e4af8c" class=3D"OWAAutoLink"> Google Chrome</a> or <a href=3D"https://www.chromium.org/Home/" id=3D"= OWAadd5a88e-b9c7-4bc0-81d5-862fd693df6a" class=3D"OWAAutoLink"> Chromium</a>.</div> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> VT Waves Project Learning Modules:</div> <ul> <li style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService, C= alibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Autotune.pd" id=3D"O= WA00767ad0-952c-6cae-318f-248b3bc68072" class=3D"OWAAutoLink">Autotune</a>&= nbsp;(explore how an Adelle solo refrain would sound if sung on a single note;)</span></= li><li style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService= , Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Selective-Distortion= .pd" id=3D"OWA95d6fa3a-691a-b2ae-7b02-fc6042de79f4" class=3D"OWAAutoLink">D= istortion</a> (experiment with clipping an audio signal to create a guitar-like distortion)</span></= li><li style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService= , Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Phase-Cancellation-E= mscripten.pd" id=3D"OWA5a1f3f7c-09a5-b911-3ec6-5453bbee9102" class=3D"OWAAu= toLink">Phase Cancellation</a> (learn how to cancel vocals from just about any main= stream pop tune by subtracting the right channel from the left with an inve= rted phase, use Shift+(1-3) to enable different sources)</span></li><li sty= le=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService, Calibri,= Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Pitch-Relationships.= pd" id=3D"OWA75d553ff-db3b-91d2-b017-1e519fb8e434" class=3D"OWAAutoLink">Pi= tch Relationships</a> (explore frequency and pitch relationships; use Shi= ft+A to enable pitch/frequency ratio viewer, and Shift+S to open spectrogra= m subpatch)</span></li><li style=3D"font-family: Aptos, Aptos_EmbeddedFont,= Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-size: 12pt; colo= r: rgb(0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Spectral-Filtering.p= d" id=3D"OWA1797ec56-f0bf-119a-bb00-48360b48f993" class=3D"OWAAutoLink">Spe= ctral Filtering</a> (the iconic Forbidden Planet and FFT-based vocal filter= ing)</span></li><li style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_= MSFontService, Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(= 0, 0, 0);"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 12pt; color: rgb(0, 0, 0);"><a = href=3D"https://l2ork.music.vt.edu:3000/?url=3DVTWaves/Spectral-Filtering-H= armonics.pd" id=3D"OWA237dd724-1146-3745-3ee1-4ab19cc3ada2" class=3D"OWAAut= oLink">Spectral Filtering Harmonics</a> (explore decomposition and reconstruction of = human voice into 10 sine tones; use keys ~ and 1-0 to toggle individual ove= rtones, use Shift+(2-3) to enable other potential sound sources, toggle off= a source to "pause" the signal, use Shift+4 to toggle slider that cross-fades betwen the original signal and r= econstructed one)</span></li></ul> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);" dir=3D"auto"> And, if you have a beefy computer, you can also run the entire <a href=3D"h= ttps://l2ork.music.vt.edu:3000/?url=3DL2Ork-Tweeter/L2Ork-Tweeter.pd" id=3D= "OWA183b3474-5750-0016-0007-3357cba6cc10" class=3D"OWAAutoLink"> L2Ork Tweeter</a> inside the browser (currently networking is not supp= orted, so only the offline mode is available). Once loaded, consider openin= g one of the included saved sessions using the top-right corner session loa= ding option by clicking on the green "LOAD" button positioned immediately to the left of the text box= . Please be patient with the loading process, as this is a CPU intensive pa= tch (the pd-l2ork patch itself is more than 5MB). Once the session is loade= d, it may take up to 10 seconds for the audio engine to catch-up before the audio dropouts stop. If dropouts do not stop= , or if loading takes much longer, chances are your CPU is not fast enough = to handle the patch running inside the browser (you can always explore the = desktop version which is considerably less CPU intensive). Use Shift+(F1-F12) to take control of individual part= s. For more info on L2Ork Tweeter, including tutorial videos, visit our <a href=3D"https://l2ork.music.vt.edu/main/make-your-own-l2ork/tweeter/" id= =3D"OWA6c43fd33-44d1-7f23-b620-915f0f919337" class=3D"OWAAutoLink"> Tweeter</a> page.</div> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> <b>What does not work:</b> Gem library, networking objects (they load = but do not work due to sandboxed nature of a web browser) and a few select = (and not commonly used) 3rd-party libraries are not yet supported. Everythi= ng else should work out-of-box.</div> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> <b>To learn how to build your own HTTPS-enabled web server:</b> Visit = the <a href=3D"https://github.com/pd-l2ork/pd-l2ork" id=3D"OWA425623db-16ad= -5ce2-5933-07a27f00c3ef" class=3D"OWAAutoLink"> pd-l2ork github</a> and read the emscripten/DOCUMENTATION.md file.</di= v> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> This project is sponsored by the Department of the Navy, Office of Naval Re= search under ONR award number N00014-22-1-2164. Any opinions, findings, and= conclusions or recommendations expressed in this material are those of the= author(s) and do not necessarily reflect the views of the Office of Naval Research.</div> <div id=3D"Signature" style=3D""> <p style=3D"margin-top: 0px; margin-bottom: 0px;margin-top:0px; margin-bott= om:0px"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">Bes= t,</span></p> <p style=3D"margin-top: 0px; margin-bottom: 0px;margin-top:0px; margin-bott= om:0px"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 11pt; color: rgb(0, 0, 0);"><br= > </span></p> <p style=3D"margin-top: 0px; margin-bottom: 0px;margin-top:0px; margin-bott= om:0px"> <span style=3D"font-family: Aptos, Aptos_EmbeddedFont, Aptos_MSFontService,= Calibri, Helvetica, sans-serif; font-size: 11pt; color: rgb(0, 0, 0);">Ico= </span></p> <pre><div style=3D"font-size: 10pt; color: rgb(0, 0, 0);">-- <br>Ivica Ico = Bukvic, D.M.A.<br>Director, Creativity + Innovation=0A= Director, Human-Centered Design iPhD=0A= Institute for Creativity, Arts, and Technology</div></pre> <pre><div style=3D"font-size: 10pt; color: rgb(0, 0, 0);">Virginia Tech<br>= Creative Technologies in Music<br>School of Performing Arts =96 0141<br>Bla= cksburg, VA 24061<br>(540) 231-6139<br><a href=3D"mailto:ico@xxxxxxxx" target= =3D"_blank" id=3D"OWA1bd3c71a-2b21-f45a-cc44-a6c901589615" class=3D"OWAAuto= Link">ico@xxxxxxxx</a><br><br><a href=3D"http://ci.icat.vt.edu" target=3D"_bl= ank" id=3D"OWA27acf4e2-00f0-c2c7-ae47-adf664a6bc86" class=3D"OWAAutoLink">c= i.icat.vt.edu</a><br><a href=3D"http://l2ork.icat.vt.edu" target=3D"_blank"= id=3D"OWAd0ee987b-b484-ba3a-266d-9ac91f1f251d" class=3D"OWAAutoLink">l2ork= .icat.vt.edu</a><br><a href=3D"http://ico.bukvic.net" target=3D"_blank" id= =3D"OWA9ed49632-542e-2bda-3f7f-9f938edb0379" class=3D"OWAAutoLink">ico.bukv= ic.net</a></div></pre> <div style=3D"margin-top: 1em; margin-bottom: 1em; font-family: Aptos, Apto= s_EmbeddedFont, Aptos_MSFontService, Calibri, Helvetica, sans-serif; font-s= ize: 12pt; color: rgb(0, 0, 0);"> <br> </div> </div> </body> </html> --_000_MN2PR05MB689537E775FAFB54885A33B5C7D12MN2PR05MB6895namp_--