<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Myousica on Marcello Barnaba</title>
    <link>https://sindro.me/it/tags/myousica/</link>
    <description>Recent content in Myousica on Marcello Barnaba</description>
    <generator>Hugo</generator>
    <language>it</language>
    <lastBuildDate>Sat, 11 Apr 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://sindro.me/it/tags/myousica/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Myousica, diciotto anni dopo</title>
      <link>https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/</link>
      <pubDate>Sat, 11 Apr 2026 00:00:00 +0000</pubDate>
      <guid>https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/</guid>
      <description>&lt;p&gt;Oggi è il mio compleanno, e ho deciso di aprire una capsula del tempo.&lt;/p&gt;&#xA;&lt;p&gt;Diciotto anni fa, abbiamo iniziato a costruire &lt;a href=&#34;https://sindro.me/it/posts/2008-09-11-myousica-com-was-born-today/&#34;&gt;Myousica&lt;/a&gt; — una piattaforma per creare musica collaborativamente nel browser. Registra dal microfono, carica tracce, remixa la musica degli altri, costruisci canzoni insieme a sconosciuti dall&amp;rsquo;altra parte del mondo. Abbiamo &lt;a href=&#34;https://sindro.me/it/posts/2008-09-11-myousica-com-was-born-today/&#34;&gt;lanciato a settembre 2008&lt;/a&gt; dopo nove mesi di sviluppo.&lt;/p&gt;&#xA;&lt;p&gt;Era una startup. Ha funzionato per circa cinque mesi prima di essere messa in pausa, e il codice sorgente è stato poi &lt;a href=&#34;https://github.com/mewsic&#34; target=&#34;_blank&#34;&gt;rilasciato su GitHub&lt;/a&gt; con il nome Mewsic. Ho scritto dei dettagli tecnici in una serie di tre post: la &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;piattaforma Rails&lt;/a&gt;, l&amp;rsquo;&lt;a href=&#34;https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/&#34;&gt;editor multitraccia Flash&lt;/a&gt; e la &lt;a href=&#34;https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/&#34;&gt;pipeline audio&lt;/a&gt;. Quei post coprono l&amp;rsquo;ingegneria. Questo è sul quadro più ampio.&lt;/p&gt;&#xA;&lt;h2 id=&#34;lidea-giusta-al-momento-sbagliato&#34; id=&#34;lidea-giusta-al-momento-sbagliato&#34;&gt;L&amp;rsquo;idea giusta al momento sbagliato&lt;a class=&#34;heading-anchor&#34; href=&#34;#lidea-giusta-al-momento-sbagliato&#34; aria-label=&#34;Link to this section&#34;&gt;¶&lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Il concetto di base era solido: permettere a chiunque di fare musica in un browser, in modo collaborativo. Nessun software da installare. Apri il browser, scegli una canzone, aggiungi la tua traccia di chitarra, condividi il risultato. Un musicista a Roma poteva iniziare un beat, qualcuno a Tokyo poteva aggiungere il basso, una cantante a San Paolo poteva metterci la voce sopra. Tutto nel browser.&lt;/p&gt;&#xA;&lt;p&gt;Il problema era che nel 2008 i browser non sapevano fare niente di tutto questo nativamente.&lt;/p&gt;&#xA;&lt;p&gt;Per catturare l&amp;rsquo;audio dal microfono serviva Flash — un front-end ActionScript nel plugin Flash Player. Per inviare quell&amp;rsquo;audio a un server serviva RTMP — un media server Java (&lt;a href=&#34;https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/#red5-il-ponte-rtmp&#34;&gt;Red5&lt;/a&gt;) solo per ricevere l&amp;rsquo;audio e scriverlo su disco come file FLV. Per trasformare quegli FLV in MP3 riproducibili serviva una &lt;a href=&#34;https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/&#34;&gt;pipeline&lt;/a&gt; di ffmpeg, sox e worker in background lato server. Per mostrare una forma d&amp;rsquo;onda la renderizzavi come PNG — la Canvas API non era abbastanza matura. Per riprodurre più tracce sincronizzate costruivi un &lt;a href=&#34;https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/#il-sampler&#34;&gt;motore di riproduzione custom&lt;/a&gt; in ActionScript con sincronizzazione al frame.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Dal microfono all&#39;MP3: la pipeline audio di Myousica</title>
      <link>https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/</link>
      <pubDate>Mon, 18 Oct 2010 00:00:00 +0000</pubDate>
      <guid>https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/</guid>
      <description>&lt;div class=&#34;retrospective&#34;&gt;&#xA;  &lt;span class=&#34;retrospective-icon&#34;&gt;&amp;#x1f50d;&lt;/span&gt;&#xA;  &lt;div class=&#34;retrospective-body&#34;&gt;&#xA;    &lt;em&gt;Retrospettiva 2026&lt;/em&gt;&lt;br&gt;&#xA;    Per il quadro generale — perché Myousica era in anticipo sui tempi e chi lo fa oggi — vedi la &lt;a href=&#34;https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/&#34;&gt;retrospettiva del 2026&lt;/a&gt;.&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;Questo è il terzo e ultimo post della &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;serie Myousica&lt;/a&gt;. Il &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;primo&lt;/a&gt; copriva la piattaforma Rails, il &lt;a href=&#34;https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/&#34;&gt;secondo&lt;/a&gt; l&amp;rsquo;editor multitraccia Flash. Questo copre come l&amp;rsquo;audio arriva effettivamente dal microfono dell&amp;rsquo;utente a un MP3 riproducibile — la pipeline che collega tutti i servizi insieme.&lt;/p&gt;&#xA;&lt;p&gt;L&amp;rsquo;uploader è un&amp;rsquo;applicazione Rails 2.2 separata — headless, niente database, niente ActiveRecord. Solo controller, worker in background e strumenti di elaborazione audio. &lt;a href=&#34;https://github.com/pilu&#34; target=&#34;_blank&#34;&gt;Andrea Franz&lt;/a&gt; ha costruito la versione iniziale ad aprile 2008, io ho preso in mano da maggio 2008 in poi. &lt;a href=&#34;https://github.com/mewsic/mewsic-uploader&#34; target=&#34;_blank&#34;&gt;120 commit&lt;/a&gt;, originariamente chiamato &lt;code&gt;multitrack_server&lt;/code&gt; prima di essere rinominato in &lt;code&gt;mewsic-uploader&lt;/code&gt; a &lt;a href=&#34;https://github.com/mewsic/mewsic-uploader/commits/master/?since=2009-03-06&amp;amp;until=2009-03-07&#34; target=&#34;_blank&#34;&gt;marzo 2009&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;la-pipeline-completa&#34; id=&#34;la-pipeline-completa&#34;&gt;La pipeline completa&lt;a class=&#34;heading-anchor&#34; href=&#34;#la-pipeline-completa&#34; aria-label=&#34;Link to this section&#34;&gt;¶&lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Ecco il flusso completo dal microfono alla traccia riproducibile:&lt;/p&gt;&#xA;&#xA;&lt;script type=&#34;module&#34;&gt;&#xA;    import mermaid from &#39;https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs&#39;;&#xA;&#xA;    const lsTheme = localStorage.getItem(&#34;theme&#34;)&#xA;    const hugoTheme = document.body.classList.contains(&#34;dark-theme&#34;) ? &#34;dark&#34; : null&#xA;    const currTheme = lsTheme ? lsTheme : hugoTheme;&#xA;    const mermaidTheme = currTheme == &#34;light&#34; ? &#34;default&#34; : &#34;dark&#34;&#xA;&#xA;    mermaid.initialize({theme: mermaidTheme});&#xA;&lt;/script&gt;&#xA;&#xA;&#xA;&lt;div class=&#34;mermaid&#34;&gt;graph TD&#xA;    MIC[&#34;Microfono&#34;] --&gt;|RTMP| RED5[&#34;Red5 Media Server&#34;]&#xA;    RED5 --&gt;|FLV| DISK[&#34;Disco (spool)&#34;]&#xA;    FLASH[&#34;Client Flash&#34;] --&gt;|&#34;stop registrazione&#34;| UC[&#34;UploadController&#34;]&#xA;    FLASH --&gt;|&#34;upload MP3&#34;| UC&#xA;    UC --&gt; BG[&#34;Worker BackgrounDRb&#34;]&#xA;    BG -.-&gt;|legge FLV| DISK&#xA;    BG --&gt; FLV{&#34;Input FLV?&#34;}&#xA;    FLV --&gt;|sì| WAV1[&#34;ffmpeg: FLV → WAV&#34;]&#xA;    FLV --&gt;|no| ANALYZE&#xA;    WAV1 --&gt; ANALYZE[&#34;sox: analisi volume&#34;]&#xA;    ANALYZE --&gt; NORM[&#34;sox: normalizza al 90%&#34;]&#xA;    NORM --&gt; ENCODE[&#34;ffmpeg: WAV → MP3&#34;]&#xA;    ENCODE --&gt; WAVE[&#34;wav2png: waveform PNG&#34;]&#xA;    WAVE --&gt; CALLBACK[&#34;Callback HTTP a Rails&#34;]&#xA;&lt;/div&gt;&#xA;&lt;p&gt;Due punti di ingresso: l&amp;rsquo;utente può caricare un file MP3 direttamente, oppure registrare via microfono (che produce uno stream FLV attraverso Red5). Entrambi finiscono come un MP3 con un PNG della forma d&amp;rsquo;onda.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Il multitrack Myousica: mixing audio nel browser</title>
      <link>https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/</link>
      <pubDate>Sat, 16 Oct 2010 00:00:00 +0000</pubDate>
      <guid>https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/</guid>
      <description>&lt;div class=&#34;retrospective&#34;&gt;&#xA;  &lt;span class=&#34;retrospective-icon&#34;&gt;&amp;#x1f50d;&lt;/span&gt;&#xA;  &lt;div class=&#34;retrospective-body&#34;&gt;&#xA;    &lt;em&gt;Retrospettiva 2026&lt;/em&gt;&lt;br&gt;&#xA;    Per il quadro generale — perché Myousica era in anticipo sui tempi e chi lo fa oggi — vedi la &lt;a href=&#34;https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/&#34;&gt;retrospettiva del 2026&lt;/a&gt;.&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;Questo è il secondo post della &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;serie Myousica&lt;/a&gt;. Il &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;primo&lt;/a&gt; copriva la piattaforma Rails. Questo si immerge nell&amp;rsquo;editor multitraccia — il componente Flash/Flex dove gli utenti mixano effettivamente la musica nel browser.&lt;/p&gt;&#xA;&lt;p&gt;Il multitraccia è stato inizialmente sviluppato da &lt;a href=&#34;https://vancura.design/&#34; target=&#34;_blank&#34;&gt;Vaclav Vancura&lt;/a&gt;, che ha costruito l&amp;rsquo;architettura originale, la libreria di componenti UI e il motore di riproduzione audio. Poi ho preso in mano io e l&amp;rsquo;ho ricablato pesantemente — integrando la registrazione, l&amp;rsquo;upload, i servizi backend e la macchina a stati che tiene tutto insieme. 81 file ActionScript, ~7.300 righe di codice, &lt;a href=&#34;https://github.com/mewsic/mewsic-multitrack&#34; target=&#34;_blank&#34;&gt;129 commit&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;p&gt;Ecco lo &lt;a href=&#34;https://dribbble.com/shots/192454-Myousica-remix&#34; target=&#34;_blank&#34;&gt;screenshot originale di Vaclav&lt;/a&gt; che mostra la vista remix — dove le canzoni si collegano e si ramificano in nuovi remix:&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://sindro.me/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/myousica-remix-dribbble.png&#34; alt=&#34;Vista remix di Myousica — canzoni che si ramificano in remix&#34;&gt;&lt;/p&gt;&#xA;&lt;h2 id=&#34;cosa-fa&#34; id=&#34;cosa-fa&#34;&gt;Cosa fa&lt;a class=&#34;heading-anchor&#34; href=&#34;#cosa-fa&#34; aria-label=&#34;Link to this section&#34;&gt;¶&lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;L&amp;rsquo;editor si carica nel browser come SWF Flash. Si può:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;Caricare fino a 16 tracce audio simultaneamente&lt;/li&gt;&#xA;&lt;li&gt;Riprodurle tutte in sincrono con un unico controllo di trasporto&lt;/li&gt;&#xA;&lt;li&gt;Regolare volume e bilanciamento per ogni singola traccia&lt;/li&gt;&#xA;&lt;li&gt;Registrare la propria traccia dal microfono, sincronizzata con la riproduzione&lt;/li&gt;&#xA;&lt;li&gt;Vedere le forme d&amp;rsquo;onda di ogni traccia&lt;/li&gt;&#xA;&lt;li&gt;Cercare tracce da aggiungere al mix (via API Rails)&lt;/li&gt;&#xA;&lt;li&gt;Salvare e pubblicare il risultato&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;Tutto questo avviene lato client in Flash Player 9, con il lavoro pesante (encoding, storage) delegato ai servizi backend.&lt;/p&gt;&#xA;&lt;h2 id=&#34;le-dimensioni&#34; id=&#34;le-dimensioni&#34;&gt;Le dimensioni&lt;a class=&#34;heading-anchor&#34; href=&#34;#le-dimensioni&#34; aria-label=&#34;Link to this section&#34;&gt;¶&lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://sindro.me/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/multitrack-tracks.png&#34; alt=&#34;L’area tracce — icone strumenti, BPM, knob di volume e pan per traccia&#34;&gt;&lt;/p&gt;</description>
    </item>
    <item>
      <title>Myousica: una piattaforma collaborativa per remixare musica</title>
      <link>https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/</link>
      <pubDate>Thu, 14 Oct 2010 00:00:00 +0000</pubDate>
      <guid>https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/</guid>
      <description>&lt;div class=&#34;retrospective&#34;&gt;&#xA;  &lt;span class=&#34;retrospective-icon&#34;&gt;&amp;#x1f50d;&lt;/span&gt;&#xA;  &lt;div class=&#34;retrospective-body&#34;&gt;&#xA;    &lt;em&gt;Retrospettiva 2026&lt;/em&gt;&lt;br&gt;&#xA;    Per il quadro generale — perché Myousica era in anticipo sui tempi e chi lo fa oggi — vedi la &lt;a href=&#34;https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/&#34;&gt;retrospettiva del 2026&lt;/a&gt;.&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;&lt;img src=&#34;https://sindro.me/posts/2010-10-14-myousica-collaborative-music-remixing-platform/logo.jpg&#34; alt=&#34;Mewsic&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;&lt;img src=&#34;https://sindro.me/posts/2010-10-14-myousica-collaborative-music-remixing-platform/myousica-promo-band.jpg&#34; alt=&#34;Dal video promozionale di Myousica — la band animata&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Oggi rilasciamo il codice sorgente di Myousica — la piattaforma collaborativa per il remixaggio musicale che stiamo costruendo dalla fine del 2007. Abbiamo &lt;a href=&#34;https://sindro.me/it/posts/2008-09-11-myousica-com-was-born-today/&#34;&gt;lanciato a settembre 2008&lt;/a&gt; dopo 9 mesi di sviluppo, l&amp;rsquo;abbiamo tenuta in piedi per circa 5 mesi, e abbiamo messo il sito in pausa a febbraio 2009. Il progetto è stato ribattezzato &lt;a href=&#34;https://github.com/mewsic&#34; target=&#34;_blank&#34;&gt;Mewsic&lt;/a&gt; lungo il percorso, ma l&amp;rsquo;idea è la stessa. Piuttosto che lasciare il codice a marcire su un server privato, lo mettiamo tutto su GitHub. Cronologia completa, difetti inclusi.&lt;/p&gt;&#xA;&lt;p&gt;Questo è il primo di tre post che esplorano il codice. Questo copre l&amp;rsquo;applicazione Rails principale — la piattaforma vera e propria. I prossimi due copriranno l&amp;rsquo;&lt;a href=&#34;https://sindro.me/it/posts/2010-10-16-myousica-multitrack-audio-mixing-in-the-browser/&#34;&gt;editor multitraccia Flash&lt;/a&gt; e la &lt;a href=&#34;https://sindro.me/it/posts/2010-10-18-myousica-from-microphone-to-mp3/&#34;&gt;pipeline di elaborazione audio&lt;/a&gt;.&lt;/p&gt;&#xA;&lt;h2 id=&#34;lidea&#34; id=&#34;lidea&#34;&gt;L&amp;rsquo;idea&lt;a class=&#34;heading-anchor&#34; href=&#34;#lidea&#34; aria-label=&#34;Link to this section&#34;&gt;¶&lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Il pitch è semplice: io carico una traccia di basso di &lt;em&gt;Let It Be&lt;/em&gt;, tu carichi la tua voce, qualcun altro aggiunge chitarra e batteria. Attraverso Myousica, c&amp;rsquo;è un editor multitraccia che gira nel browser dove puoi mixare tutto insieme, regolare i volumi e pubblicare il risultato. Altre persone possono poi prendere il tuo remix, aggiungere le proprie tracce e remixare il remix.&lt;/p&gt;&#xA;&lt;p&gt;Creazione musicale collaborativa, interamente nel browser. Nessun software da installare, nessun file da mandare via email. Ti iscrivi, prendi il tuo strumento, registri, e stai suonando con gente dall&amp;rsquo;altra parte del mondo.&lt;/p&gt;</description>
    </item>
    <item>
      <title>myousica.com è nato oggi</title>
      <link>https://sindro.me/it/posts/2008-09-11-myousica-com-was-born-today/</link>
      <pubDate>Thu, 11 Sep 2008 00:00:00 +0000</pubDate>
      <guid>https://sindro.me/it/posts/2008-09-11-myousica-com-was-born-today/</guid>
      <description>&lt;div class=&#34;retrospective&#34;&gt;&#xA;  &lt;span class=&#34;retrospective-icon&#34;&gt;&amp;#x1f50d;&lt;/span&gt;&#xA;  &lt;div class=&#34;retrospective-body&#34;&gt;&#xA;    &lt;em&gt;Retrospettiva 2026&lt;/em&gt;&lt;br&gt;&#xA;    Diciotto anni dopo, ho scritto una &lt;a href=&#34;https://sindro.me/it/posts/2026-04-11-myousica-eighteen-years-later/&#34;&gt;retrospettiva&lt;/a&gt; su cosa abbiamo costruito, perché eravamo troppo in anticipo sui tempi, e chi lo fa oggi. L&amp;rsquo;approfondimento tecnico è nella &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;serie del 2010&lt;/a&gt;.&#xA;  &lt;/div&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;&lt;img src=&#34;https://sindro.me/posts/2008-09-11-myousica-com-was-born-today/logo.png&#34; alt=&#34;myousica — play and share&#34;&gt;&lt;/p&gt;&#xA;&lt;p&gt;Oggi abbiamo rilasciato il risultato di 9 mesi di duro lavoro: &lt;a href=&#34;http://myousica.com/&#34; target=&#34;_blank&#34;&gt;myousica.com&lt;/a&gt;, un social network per musicisti. Date un&amp;rsquo;occhiata al video promozionale e provate il &lt;a href=&#34;http://myousica.com/&#34; target=&#34;_blank&#34;&gt;sito&lt;/a&gt;. Divertitevi! :)&lt;/p&gt;&#xA;&lt;video controls preload=&#34;metadata&#34; width=&#34;100%&#34;&gt;&#xA;  &lt;source src=&#34;https://sindro.me/posts/2008-09-11-myousica-com-was-born-today/myousica-promo.mp4&#34; type=&#34;video/mp4&#34;&gt;&#xA;&lt;/video&gt;&#xA;&lt;p&gt;&lt;strong&gt;UPDATE 2009/02/23&lt;/strong&gt;: Il sito è ora in pausa.&lt;/p&gt;&#xA;&lt;p&gt;&lt;strong&gt;UPDATE 2010/10&lt;/strong&gt;: Il codice sorgente è stato &lt;a href=&#34;https://sindro.me/it/posts/2010-10-14-myousica-collaborative-music-remixing-platform/&#34;&gt;rilasciato su GitHub&lt;/a&gt; con il nome Mewsic.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
