Strudel REPL - Lingkungan live coding musik yang berjalan di browser

 (strudel.cc)
2 poin oleh GN⁺ 2025-10-15 | 1 komentar | Bagikan ke WhatsApp
  • Strudel REPL adalah lingkungan live coding musik yang open source dan gratis, yang berjalan di browser web
  • Memungkinkan pembuatan dan modifikasi musik secara real-time hanya di browser tanpa perlu memasang perangkat lunak tambahan
  • Pada dasarnya menggunakan metode REPL (Read–Eval–Print Loop), di mana saat pengguna memasukkan kode, pola suara langsung diputar

  • Fitur utama

    • Pengguna dapat dengan mudah melakukan penyusunan pola, pemilihan instrumen, dan penyesuaian suara melalui perintah kode seperti "s(\"[bd ]*2\").bank(\"tr909\").dec(.4)"
    • Memungkinkan manipulasi musikal yang detail seperti berbagai drum sampler (bank) dan pengaturan decay
    • Karena perubahan kode dan pendengaran hasil terjadi secara langsung, umpan balik instan menjadi keunggulannya

  • Aksesibilitas dan kegunaan

    • Tanpa DAW (digital audio workstation) atau perangkat lunak musik yang rumit, pengguna dapat mencoba membuat dan bereksperimen dengan musik menggunakan kode sederhana
    • Bahkan pemula musik dan pemrograman pun dapat memperoleh pengalaman yang menyenangkan dan kreatif dengan hambatan masuk yang rendah
    • Bersifat open source dan didukung komunitas, sehingga juga memiliki potensi untuk pengembangan lebih lanjut dan kolaborasi

  • Perbandingan dan keunggulan

    • Dibandingkan platform live coding yang sudah ada (TidalCycles, Sonic Pi, dan lain-lain), aksesibilitas dan kemudahannya lebih tinggi karena berbasis lingkungan web
    • Siapa pun dapat langsung memulai pengalaman live coding musik tanpa proses instalasi atau konfigurasi terpisah

Bacaan terkait

1 komentar

 
GN⁺ 2025-10-15
Komentar Hacker News
  • Ada banyak sesi live coding Strudel yang sangat keren di YouTube, sebagai contoh saya merekomendasikan video ini
    • Video dari Switch Angel sangat berkesan, tutorial Instagram orang ini juga layak dilihat
    • Salah satu video favorit saya adalah video ini, karena berkat filter suara, narasinya terasa seperti bagian dari lagunya, sangat seru ditonton
    • Akan sangat menyenangkan kalau ada yang me-remix audio dari video ini, termasuk vokalnya
    • Sepertinya tautan yang sama ditempel dua kali, jadi saya penasaran apa tautan kedua yang semula dimaksud, saya juga ingin melihatnya
  • Strudel adalah port JavaScript dari TidalCycles(Haskell); tidak seperti TC yang menggunakan SuperCollider sebagai synth, Strudel tampaknya memakai implementasinya sendiri bernama superdough. Saya sedang belajar SuperCollider sclang sekarang, dan kalau ada upgrade versi saya ingin membagikannya di HN; topik ini selalu memunculkan diskusi yang mendalam. Tapi sclang itu seperti PHP-nya dunia musik: lebih jelek dan kurang konsisten, meski tetap kuat dan menyenangkan
    • Di forum SuperCollider ada diskusi tentang mem-porting SuperCollider ke wasm (postingan tentang dukungan WebAssembly), saya penasaran apakah nanti ini bisa dipakai
    • Saya juga sempat mengutak-atik TidalCycles dan ingin memakainya karena suka sintaks Haskell, tetapi UI Strudel terlalu mulus jadi saya menerima sintaks JS-nya; berkat itu saya jadi tahu soal superdough, yang belum pernah saya lihat sebelumnya, jadi bikin penasaran
    • Dulu saat memakai SuperCollider saya menggunakan Overtone, yang membungkus semuanya dengan API Closure sehingga Anda bisa mendefinisikan suara dengan s-expression alih-alih sclang; saya tidak sepenuhnya tahu apakah Overtone masih dipelihara sekarang, tetapi tampaknya masih ada sedikit aktivitas (situs resmi)
    • Menurut pengalaman saya, sclang terasa seperti hibrida Smalltalk dan Ruby; benar-benar perwujudan dari "tidak konsisten", asing tapi anehnya familiar, meskipun menurut saya tetap jauh lebih elegan daripada PHP
  • Hal keren dari Strudel adalah bahwa sementara tool musik yang sudah ada terasa agak tua dan seperti terkena sindrom NIH(not invented here), yang benar-benar dibutuhkan justru sesuatu yang berjalan di JS; saat tool generasi sebelumnya muncul (seperti sonic pi dan lainnya), hal seperti ini sulit, tetapi sekarang waktunya pas. Saya berharap di generasi berikutnya akan muncul antarmuka tempat visualisasi dan kode benar-benar berkomunikasi dua arah; saya rasa slider yang ada sekarang adalah elemen yang sangat keren, Bret Victor pasti akan bangga
  • Ada juga tool bernama flok, yang menggabungkan strudel repl dengan visual Hydra; juga menyediakan lingkungan algorave lain seperti sclang, dan semuanya tersinkronisasi (kemungkinan dengan crdts), sangat bagus untuk remote jam bersama teman-teman (tautan flok)
  • Saya tidak terlalu punya bakat musik, tetapi saya membuat ini 
    $: arrange(
 [4, "<sh09_bd>(4,8)"],
 [4, "<sh09_bd>(4,8)"],
 [1, "<sh09_bd mfb512_sd>(6,6)"]
).s().fast(2).layer(x=>x.add("0,2")).gain(".4!2 .5").phaser(2).phasercenter("<4000 800 4000 4000>")

$: s("gm_tinkle_bell").distort("<1 2 1 2:.5>").crush("<8 8 8 6 6 8 8>").chop(4)

$: arrange(
 [2, "<c4 e4 g4>(3,8)"], 
 [1, "<f4 a4 c5>(3,8)"], 
 [1, "<c4 e4 g4>(3,8)"] 
).note().chop(4).fast(4).distort("<3:.5>").phaser(4).phasercenter("<800>").fm(4).fmdecay("<.05 .05 .1 .2>").fmsustain(.4)._scope()
    Saya sendiri juga tidak paham setengah dari apa yang terjadi di sini, tetapi ini benar-benar menyenangkan dan mungkin ini proyek favorit saya di antara semua yang pernah saya coba. Dan yang paling seru adalah dokumentasi referensinya langsung ada di dalam halaman, jadi saya bisa mencoba apa saja dan langsung melihat hasilnya
  • Muncul pesan error ini 
    Uncaught (in promise) ReferenceError: AudioContext is not defined
 ln https://strudel.cc/_astro/spectrum.Bf7jMx6O.js:1
 W https://strudel.cc/_astro/spectrum.Bf7jMx6O.js:1
 un https://strudel.cc/_astro/spectrum.Bf7jMx6O.js:1
 c https://strudel.cc/_astro/spectrum.Bf7jMx6O.js:1
    Saya penasaran pengaturan keamanan apa yang harus saya ubah agar ini bisa berjalan
  • Saya membagikan versi remix saya (Lil Data) untuk Array milik DJ_Dave (mix Strudel, video YouTube)
  • Saya suka video pengantar ini (tautan YouTube)
  • Karena Strudel berbasis teks, AI jadi sangat mudah untuk menghasilkan musik secara otomatis; saya sedang menunggu munculnya agen Strudel yang bisa menuliskan musik ke notasi Strudel
    • Saya suka menggubah dengan tangan sendiri, tetapi kalau AI bisa menangani sampai sound design hanya lewat input prompt ("mirip lead synth lagu XYZ tapi lebih buzzy, dan parameter ABC juga bisa diatur terpisah"), itu akan terasa revolusioner
    • Saya rasa sebentar lagi agen akan bisa mendengarkan musiknya sendiri, sambil menganalisis bagaimana kita menilainya sebelumnya
  • Saya baru-baru ini melihat antarmuka Strudel di YouTube; awalnya terlihat seperti konsol, tetapi ada elemen seperti slider juga, jadi terasa menarik