120 lines
35 KiB
HTML
120 lines
35 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="../favicon.png" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
<link href="../_app/immutable/assets/0.2dCqWpGr.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/start.5YLs103A.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/app.i08eSpn0.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/preload-helper.0HuHagjb.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/index.kYoizZ4A.js">
|
||
<link rel="modulepreload" href="../_app/immutable/nodes/0.4o9Fw0YJ.js">
|
||
<link rel="modulepreload" href="../_app/immutable/nodes/9.1h5lgOwh.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/dynamic-import-helper.0gtGTknh.js">
|
||
</head>
|
||
<body data-sveltekit-preload-data="hover">
|
||
<div style="display: contents"> <div><div class="bg-neutral-800"><nav class="px-8 py-2 flex justify-between items-center"><div class="flex items-center justify-between w-full"><a href="/" class="website-title text-2xl font-bold bg-gradient-to-r from-orange-700 via-blue-500 to-green-400 text-transparent bg-clip-text animate-gradient" data-svelte-h="svelte-15xybd8">livecoding.fr</a> <div class="lg:hidden"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400" data-svelte-h="svelte-vbp173"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div> <div class="hidden lg:flex lg:items-center lg:space-x-10" data-svelte-h="svelte-1ydj4af"><a href="/evenements" class="titlebar-link">Évènements</a> <a href="/membres" class="titlebar-link">Membres</a> <a href="/outils" class="titlebar-link">Outils</a> <a href="/guides" class="titlebar-link">Guides</a> <a href="/articles" class="titlebar-link">Articles</a> <a href="/reseaux" class="titlebar-link">Réseaux</a> <a href="/ressources" class="titlebar-link">Ressources</a> <a href="/presse" class="titlebar-link">Presse</a> <a href="/contacts" class="titlebar-link">Contact</a></div></nav> <div class="lg:hidden hidden"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3" data-svelte-h="svelte-1sqq9eu"><a href="/evenements" class="mobile-menu-link block">Évènements</a> <a href="/membres" class="mobile-menu-link block">Membres</a> <a href="/outils" class="mobile-menu-link block">Outils</a> <a href="/guides" class="mobile-menu-link block">Guides</a> <a href="/articles" class="mobile-menu-link block">Articles</a> <a href="/reseaux" class="mobile-menu-link block">Réseaux</a> <a href="/ressources" class="mobile-menu-link block">Ressources</a> <a href="/presse" class="mobile-menu-link block">Presse</a> <a href="/contacts" class="mobile-menu-link block">Contact</a></div></div></div></div> <main class="bg-neutral-900"><div class="drawer lg:drawer-open"><input id="my-drawer-2" type="checkbox" class="drawer-toggle"> <div class="drawer-content space-y-4 flex flex-col lg:px-16 px-4 py-8"><article><h1>Introduction au live coding sur SuperCollider (I)</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2023-12-20</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-24 md:px-12 content-center"><article><h2 data-svelte-h="svelte-1ukekoe">Introduction</h2> <p data-svelte-h="svelte-7rkpty">Après avoir travaillé longtemps sur <a href="https://sardine.raphaelforment.fr" rel="nofollow">Sardine</a> et <a href="https://topos.live" rel="nofollow">Topos</a>, je me suis posé la question de savoir si j’étais encore capable de <em>live coder</em> sur <strong>SuperCollider</strong>. J’ai donc décidé de ramasser tout ce que je sais pour constituer un environnement de <em>live coding</em> minimal et efficace. Ce document est le résultat de cette expérience. Il existe aussi un petit <a href="https://github.com/Bubobubobubobubo/BuboQuark" rel="nofollow">Quark</a> qui va un peu plus loin que ce guide, mais que je ne documente pas encore. J’avais une certaine jalousie latente vis à vis des artistes qui utilisent <strong>SuperCollider</strong> sans recourir à aucune extension ou surcouche logicielle qui facilite la tâche. Le langage et l’environnement de <strong>SuperCollider</strong> est <em>monstrueux</em> (de complexité, de détails, etc). Il offre toutefois un avantage intéressant : <strong>SuperCollider</strong> est très versatile. Au sein d’un seul langage / interface, il est possible de passer d’une section du code lié aux patterns musicaux à une autre partie du code directement liée à la synthèse et à l’écriture de traitements sonores. On peut aussi s’en servir pour écrire des utilitaires divers et des interfaces graphiques si besoin. <strong>SuperCollider</strong> est aussi un environnement relativement minimal et économe pour la production et le travail du son, développé depuis plus de vingt ans. Cela garantit de pouvoir le faire tourner sur toutes les machines sans aucun problème.</p> <br> <p data-svelte-h="svelte-1rjzs2d"><strong>SuperCollider</strong> a joué un rôle crucial dans le développement du <em>live coding</em> au cours de ces 20 dernières années (dès la parution de <strong>SuperCollider 2</strong>). Il est toujours utilisé par l’immense majorité des artistes et <em>performers</em> sous une forme directe ou indirecte (au travers de <a href="https://tidalcycles.org" rel="nofollow">Tidal</a>, <a href="https://foxdot681713046.wordpress.com/" rel="nofollow">FoxDot</a> ou <a href="https://sonic-pi.net" rel="nofollow">Sonic Pi</a>). Bien que ces derniers soient aujourd’hui populaires, il est également intéressant de voir que l’on peut réaliser peu ou prou la même chose tout en éliminant toute une catégorie de problèmes liés à l’installation, au déploiement ou à la personnalisation de ces interfaces.</p> <br> <div class="alert bg-neutral-600 border-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-xl text-white"><!-- HTML_TAG_START -->Ce guide est une approche personnelle de <b>SuperCollider</b>. Je ne
|
||
suis pas particulièrement expert sur le sujet et j'accueille volontiers toutes
|
||
les suggestions pour améliorer cette série d'articles.<!-- HTML_TAG_END --></span></div> <br> <p data-svelte-h="svelte-50dijs"><img src="/images/supercollider_splash.png" alt="SuperCollider Logo"></p> <br> <h2 data-svelte-h="svelte-xnmkjo">Mise en place</h2> <p data-svelte-h="svelte-1rinzxc">La mise en place est relativement simple. Nous aurons uniquement besoin de l’environnement de base et de la librairie <em>JITLib</em>, livrée par défaut avec <strong>SuperCollider</strong>. Nous augmenterons progressivement <strong>SuperCollider</strong> avec des <em>plugins</em> (<a href="https://doc.sccode.org/Guides/UsingQuarks.html" rel="nofollow">Quarks</a>) mais cela ne requiert pas d’installation directe et peut même se révéler facultatif.</p> <br> <p data-svelte-h="svelte-d8v93c">1) <strong>Téléchargez</strong> et installez <a href="https://supercollider.github.io" rel="nofollow">SuperCollider</a> depuis le site officiel.</p> <p data-svelte-h="svelte-1takps0">2) <strong>Optionnel :</strong> téléchargez <a href="https://github.com/supercollider/sc3-plugins" rel="nofollow">sc3-plugins</a>, une collection officielle d’objets supplémentaires.</p> <br> <p data-svelte-h="svelte-1vyl27o">Il est important de bien comprendre comment est structuré <strong>SuperCollider</strong>. Il s’agit d’un environnement composé de plusieurs briques logicielles interconnectées (ou non) :</p> <ul data-svelte-h="svelte-hv4bkw"><li><strong>SCLang</strong> : un langage de programmation inspiré de la famille <strong>C</strong> ou
|
||
<strong>SmallTalk</strong></li> <li><strong>SCSynth</strong> / <strong>SCServer</strong> : un serveur chargé de l’exécution audio</li> <li><strong>SCIDE</strong> : l’éditeur par défaut, qui lie ces deux premiers composants</li></ul> <p data-svelte-h="svelte-3smba5"><strong>SCIDE</strong> est utile, mais si vous préférez utiliser un autre éditeur, il est
|
||
possible de lier <a href="https://code.visualstudio.com/" rel="nofollow">VSCode</a>, <a href="https://github.com/supercollider/scel" rel="nofollow">Emacs</a> ou <a href="https://github.com/davidgranstrom/scnvim" rel="nofollow">Neovim</a>. <strong>SCLang</strong> et <strong>SCSynth</strong> sont les deux composants les plus importants, l’un servant au contrôle de l’autre. L’architecture de <strong>SuperCollider</strong> est toujours axée sur la différence entre un <em>client</em> (le langage) et le <em>serveur</em> (qui exécute l’audio).</p> <br> <h2 data-svelte-h="svelte-hua5op">Commandes de base</h2> <p data-svelte-h="svelte-1bj8gjt">Lorsque vous ouvrez <strong>SCIDE</strong>, vous vous trouvez face à un document texte vierge. C’est dans cette zone que vous devez programmer et écrire votre code. <strong>SuperCollider</strong> est un langage interprété. Cela signifie que vous allez graduellement soumettre du code à évaluation et recevoir le résultat des commandes éxecutées. Cela peut parfois poser problème aux débutants qui ne sont pas habitués à cette manière de concevoir la programmation :</p> <ul data-svelte-h="svelte-8eutst"><li>l’évaluation d’un fichier ne s’effectue pas toujours de manière linéaire. On
|
||
peut évaluer du code bloc par bloc ou modifier un bloc à la volée.
|
||
<strong>SuperCollider</strong> identifie un bloc à l’aide des parenthèses <code>()</code>.</li> <li>il est possible d’évaluer un fichier de manière linéaire si besoin. Il existe
|
||
des commandes spécifiques pour ce faire (<em>par ex.</em> <code>"blabla/mon_fichier.scd".loadRelative</code>).</li> <li>la librairie standard (classes, extensions) est lue / interprétée de manière
|
||
linéaire au démarrage de l’interpréteur. Vous ne pourrez pas démarrer
|
||
l’interpréteur si une erreur est identifiée dans cette partie du code : <code>Library has not been compiled successfully</code>.</li></ul> <br> <p data-svelte-h="svelte-oa7hms">Selon votre éditeur, les commandes pour évaluer du code ligne par ligne ou bloc par bloc peuvent varier (<code>Shift + Enter</code>, <code>Control + Enter</code>, etc). Vous pourrez trouvez les commandes dans le menu <code>Language</code> de <strong>SCIDE</strong>. Pour vérifier que tout fonctionne, évaluez la ligne suivante (<em>note :</em> les commentaires sont précédés des caractères <code>//</code> et ne sont pas évalués) :</p> <pre class="language-js"><!-- HTML_TAG_START --><code class="language-js">s<span class="token punctuation">.</span>boot <span class="token comment">// Démarrage du serveur</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-51uwhi">Attendez quelques secondes pour vérifier que tout se passe correctement puis
|
||
tuez le serveur :</p> <pre class="language-js"><!-- HTML_TAG_START --><code class="language-js">Server<span class="token punctuation">.</span>killAll <span class="token comment">// Tuer le serveur</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-10i0i02"><strong>SuperCollider</strong> permet de prendre l’habitude de ne pas considérer le code
|
||
comme un texte linéaire mais comme une interface, ce qui est une caractéristique
|
||
commune des outils de <em>live coding</em>. C’est aussi une constante des
|
||
environnements pour la programmation musicale (<em>Max/MSP</em>, <em>Pure Data</em>) qui
|
||
éliminent / gomment la distinction entre travail sur le programme et exécution
|
||
du programme.</p> <br> <p data-svelte-h="svelte-1xrvjb">Ce guide ne vous apprendra pas les rudiments du langage. Il existe de très
|
||
nombreux guides qui font cela très bien. Notez la parution récente d’un nouvel
|
||
ouvrage : <a href="https://global.oup.com/academic/product/supercollider-for-the-creative-musician-9780197616994" rel="nofollow">SuperCollider for the Creative Musician</a> par Eli Fieldsteel, également auteur d’une <a href="https://www.youtube.com/@elifieldsteel" rel="nofollow">série de vidéos</a> que je recommande.</p> <br> <h2 data-svelte-h="svelte-11x115w">Prérequis</h2> <br> <p data-svelte-h="svelte-oiiynv">Dès maintenant, je pars du principe que vous êtes à l’aise avec l’environnement <strong>SuperCollider</strong> et que vous avez au moins quelques rudiments de son utilisation. Il n’est pas nécessaire d’en connaître beaucoup mais au moins de savoir évaluer du code, naviguer dans les fichiers d’aide et de maîtriser quelques raccourcis clavier. Le reste viendra naturellement en pratiquant. Voici quelques suggestions pour découvrir <strong>SuperCollider</strong> et son utilisation :</p> <ul data-svelte-h="svelte-1kykvor"><li>se familiariser avec chaque élément de l’interface (<code>s.scope</code>,
|
||
<code>s.freqscope</code>, <code>s.gui</code>)</li> <li>se familiariser avec la documentation intégrée, lire les guides disponibles</li> <li>apprendre comment contrôler le serveur (<code>s</code>, <code>Server.default</code>) et l’interpréteur<ul><li>démarrer et arrêter le serveur</li> <li>recompiler la librairie / redémarrer l’interpréteur</li></ul></li> <li>apprendre la syntaxe de base d’une <code>SynthDef</code> (définition de synthèse)</li> <li>apprendre à jouer avec la librairie des patterns (<code>Pbind</code>, <code>Pseq</code>, etc)</li></ul> <h2 data-svelte-h="svelte-1gkj9qe">Paramétrage du serveur</h2> <br> <p data-svelte-h="svelte-89t05y">Nous allons maintenant commencer à travailler sur un fichier de lancement
|
||
réutilisable pour <strong>SuperCollider</strong>. Créez un fichier nommé <code>startup.scd</code> ou
|
||
tout autre nom qui vous permettra de l’identifier facilement.</p> <br> <h3 data-svelte-h="svelte-tt5viu">Choisir une interface audio</h3> <br> <p data-svelte-h="svelte-1b1pdsx">Pour connaître le nom des périphériques audio disponibles :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">ServerOptions</span><span class="token punctuation">.</span>devices<span class="token punctuation">;</span> <span class="token comment">// Tout ce qui est disponible</span>
|
||
<span class="token class-name">ServerOptions</span><span class="token punctuation">.</span>inDevices<span class="token punctuation">;</span> <span class="token comment">// Les entrées uniquement</span>
|
||
<span class="token class-name">ServerOptions</span><span class="token punctuation">.</span>outDevices<span class="token punctuation">;</span> <span class="token comment">// Les sorties uniquement</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-zxgqi1">Il est possible de spécifier une entrée et une sortie différente :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">Server</span><span class="token punctuation">.</span>default<span class="token punctuation">.</span>options<span class="token punctuation">.</span>inDevice_<span class="token punctuation">(</span><span class="token string">"Built-in Microph"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||
<span class="token class-name">Server</span><span class="token punctuation">.</span>default<span class="token punctuation">.</span>options<span class="token punctuation">.</span>outDevice_<span class="token punctuation">(</span><span class="token string">"Built-in Output"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-1ph5p4m">On peut aussi utiliser le même <em>device</em> pour l’entrée et la sortie :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider">s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>device <span class="token operator">=</span> <span class="token string">"BlackHole 16ch"</span><span class="token punctuation">;</span> <span class="token comment">// Choix de l'interface</span>
|
||
<span class="token class-name">Server</span><span class="token punctuation">.</span>default<span class="token punctuation">.</span>options<span class="token punctuation">.</span>device_<span class="token punctuation">(</span><span class="token string">"BlackHole 16ch"</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// Alternative</span></code><!-- HTML_TAG_END --></pre> <br> <p data-svelte-h="svelte-1my7crh">Pour appliquer les modifications, il sera nécessaire de redémarrer le serveur.
|
||
Veillez à ce que votre entrée et votre sortie audio soient à la même fréquence
|
||
d’échantillonnage (<em>sampling rate</em>). Si ce n’est pas le cas, le serveur refusera
|
||
de démarrer, ce qui est une erreur très courante. Paramétrez votre fréquence
|
||
sur <code>44100hz</code> ou <code>48000hz</code>.</p> <br> <p data-svelte-h="svelte-ysw906"><strong>Note :</strong> si vous avez pour habitude d’utiliser des écouteurs ou haut-parleurs
|
||
<em>Bluetooth</em>, les OS modernes ont tendance à changer automatiquement la
|
||
fréquence d’échantillonnage à la connexion/déconnexion. Il en va de même des
|
||
micros et carte sons externes.</p> <br> <h3 data-svelte-h="svelte-kfth7w">Router le son de SuperCollider vers un autre logiciel</h3> <br> <p data-svelte-h="svelte-aiy4wh">Il est tout à fait possible d’utiliser <strong>SuperCollider</strong> comme source principale et de router ensuite le son vers un autre logiciel pour le traitement. Cela vous permettra d’enregistrer plus facilement en multipiste, de disposer d’effets ou de synthétiseurs supplémentaires, etc. Vous pourrez aussi contrôler une partie de votre dispositif en <strong>MIDI</strong> ou <strong>OSC</strong> directement depuis <strong>SuperCollider</strong>. Pour pouvoir router librement les signaux sortants de <strong>SuperCollider</strong>, il est préférable d’utiliser une interface virtuelle comme <a href="https://existential.audio/blackhole/" rel="nofollow">BlackHole</a> (<em>cross-platform</em>), <a href="https://rogueamoeba.com/loopback/" rel="nofollow">Loopback</a> (MacOS, payant), <a href="https://jackaudio.org/" rel="nofollow">Jack</a> (<em>cross-platform</em>) ou <a href="https://vb-audio.com/Voicemeeter/" rel="nofollow">VB-Audio VoiceMeeter</a> (Windows, payant). Ces logiciels permettent de créer des <em>bus</em> audio virtuels qui peuvent être utilisés comme entrée ou sortie par <strong>SuperCollider</strong> aussi bien que par n’importe quel autre logiciel. L’utilisation de bus audios virtuels offre une grande flexibilité et je recommande de prendre l’habitude de les utiliser.</p> <br> <p data-svelte-h="svelte-nb5dha">1) Choisir comme entrée/sortie une interface virtuelle (BlackHole, Loopback,
|
||
etc).</p> <p data-svelte-h="svelte-uv9hed">2) Choisir comme entrée dans le logiciel de traitement le bus virtuel que vous
|
||
venez de créer.</p> <p data-svelte-h="svelte-1edr512">3) Traiter / enregistrer le son canal par canal dans votre logiciel.</p> <br> <p data-svelte-h="svelte-fbrdfo"><img src="/images/reaper_supercollider_1.png" alt="Routage de SuperCollider dans Reaper"></p> <br> <h3 data-svelte-h="svelte-4wsstc">Protéger ses oreilles</h3> <br> <p data-svelte-h="svelte-1kgpabk"><strong>SuperCollider</strong> vous permet de manipuler le son sans aucune restriction. C’est très utile mais c’est aussi assez dangereux non seulement pour vous mais aussi pour votre public si vous vous produisez sur scène : <em>larsens</em>, <em>clipping</em>, explosion du volume, etc. Heureusement, ce problème est connu et il existe des moyens efficaces de se protéger. Nous allons utiliser le système de <em>plugins</em> interne pour installer un <strong>Quark</strong> très utile. Avec la commande suivante, installez <a href="https://github.com/supercollider-quarks/BatLib" rel="nofollow">BatLib</a>:</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">Quarks</span><span class="token punctuation">.</span>install<span class="token punctuation">(</span><span class="token string">"https://github.com/supercollider-quarks/BatLib"</span><span class="token punctuation">)</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-dg58kp">Recompilez ensuite la librairie et vous pourrez utiliser le <code>StageLimiter</code>. Il vous sauvera sans doute la vie de nombreuses fois. Vous verrez comment on le démarre dans le récapitulatif plus bas. TLDR, la commande est :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">StageLimiter</span><span class="token punctuation">.</span>activate<span class="token punctuation">;</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-8mr65h">Notez que pour certains types de musique, il peut être intéressant de ne pas activer le <code>StageLimiter</code>. La protection a tendance à colorer le son et peut aller à l’encontre de ce que vous souhaitez réellement faire : distortion numérique, <em>clipping</em> volontaire. Il existe d’<a href="https://github.com/adcxyz/SafetyNet" rel="nofollow">autres types de protection</a> (le <strong>Quark</strong> <em>SafetyNet</em>) ou bien, tout simplement, vous pouvez vous fier à votre oreille et à votre expérience pour ne pas dépasser les limites.</p> <br> <h3 data-svelte-h="svelte-eqy1p7">Choisir un dossier de stockage</h3> <br> <p data-svelte-h="svelte-1izbaiv">Plutôt que de tout stocker dans le dossier par défaut, je préfère utiliser un
|
||
dossier qui contient tout ce dont j’ai besoin pour travailler : configuration,
|
||
définitions de synthèse, échantillons sonores. Cela permet de n’avoir qu’une
|
||
seule route à retenir si le système est relativement unifié. J’ai choisi de tout
|
||
stocker dans <code>.config/livecoding/</code>, ce qui est une route assez prévisible pour
|
||
tout ceux qui sont habitués à utiliser le terminal sur <strong>MacOS</strong> / <strong>Linux</strong>.
|
||
Voici à quoi ressemble mon dossier :</p> <pre class="language-bash"><!-- HTML_TAG_START --><code class="language-bash"><span class="token builtin class-name">.</span>
|
||
├── Configuration.scd
|
||
├── README.md
|
||
├── Synthdefs.scd
|
||
└── samples</code><!-- HTML_TAG_END --></pre> <div class="alert bg-neutral-600 border-none"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span class="text-xl text-white"><!-- HTML_TAG_START -->Ce graphe est généré avec la commande <code>tree -L 1</code><!-- HTML_TAG_END --></span></div> <br> <p data-svelte-h="svelte-835hap">Toute la configuration sera chargée à partir de la route
|
||
<code>/Users/bubo/.config/livecoding</code>. Il vous faudra changer ce chemin pour que cela
|
||
cole avec le dossier que vous aurez choisi. Pareillement, vous n’êtes pas
|
||
obligés de suivre cette étape qui repose uniquement sur une préférence
|
||
personnelle.</p> <br> <h3 data-svelte-h="svelte-9mx1vr">Chargement automatique des échantillons</h3> <br> <p data-svelte-h="svelte-nmdp3e">Plutôt que de charger les échantillons sonores au cas par cas, en précisant chaque chemin individuellement, je préfère automatiquement charger une grande bibliothèque d’échantillons. Par défaut, il n’existe aucun mécanisme permettant de gérer cela. Beaucoup de musiciens ont toutefois trouvé des solutions élégantes et assez minimales. Je me suis fié à la technique utilisé par <a href="https://github.com/scztt" rel="nofollow">Scott Carver</a>. Il utilise une série d’extensions conçues spécialement par ses soins.</p> <br> <p data-svelte-h="svelte-1xxxj79">Pour installer les <strong>Quarks</strong>, on utilise une nouvelle fois la commande <code>Quarks.install</code> :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">Quarks</span><span class="token punctuation">.</span>install<span class="token punctuation">(</span><span class="token string">"https://github.com/scztt/Require.quark"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||
<span class="token class-name">Quarks</span><span class="token punctuation">.</span>install<span class="token punctuation">(</span><span class="token string">"https://github.com/scztt/Singleton.quark"</span><span class="token punctuation">)</span><span class="token punctuation">;</span></code><!-- HTML_TAG_END --></pre> <br> <p data-svelte-h="svelte-broz1s">Une fois que cela est fait, il nous reste à installer la pièce finale, <a href="https://gist.github.com/scztt/73a2ae402d9765294ae8f72979d1720e" rel="nofollow">SAMP</a>, qui est mentionnée dans un <a href="https://scsynth.org/t/making-own-sounds-libraries/4593/7" rel="nofollow">topic</a> de discussion du forum <strong>SuperCollider</strong>. Il vous faudra créer ce fichier dans le dossier <strong>Extensions</strong>. Vous pouvez y accéder dans votre dossier de configuration <strong>SuperCollider</strong> (dépend de l’<strong>OS</strong>). Pour obtenir le chemin vers ce dossier, évaluez le code suivant dans <strong>SuperCollider</strong> :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">Platform</span><span class="token punctuation">.</span>userExtensionDir</code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-1kgbl5n">Créez ensuite <strong>SAMP.sc</strong> dans le dossier <strong>Extensions</strong> et collez le code du
|
||
lien précédemment ouvert. C’est tout ce dont vous avez besoin. Fermez tout et
|
||
recompilez la librairie une nouvelle fois. Nous détaillerons ultérieurement l’utilisation de <strong>SAMP</strong> pour gérer vos échantillons. Sachez que vous y avez maintenant accès !</p> <br> <p data-svelte-h="svelte-j6tawo"><strong>Note :</strong> <strong>SAMP</strong> permet de réaliser un <em>lazy loading</em> des échantillons. Il s’agit d’une technique qui permet de ne pas surcharger d’entrée de jeu la RAM de votre ordinateur en mettant en cache trop d’échantillons. L’utilisation des ressources sera progressive, les échantillons étant chargés uniquement lorsque l’utilisateur les requiert.</p> <br> <h3 data-svelte-h="svelte-ri7iuh">Récapitulatif</h3> <br> <p data-svelte-h="svelte-9svk99">Voici le code complet que j’utilise pour le démarrage et la configuration d’un serveur audio minimal pour le <em>live coding</em> :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token punctuation">(</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>numBuffers <span class="token operator">=</span> <span class="token number">1024</span> <span class="token operator">*</span> <span class="token number">128</span><span class="token punctuation">;</span> <span class="token comment">// Nombre de buffers disponibles pour stocker des samples</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>memSize <span class="token operator">=</span> <span class="token number">8192</span> <span class="token operator">*</span> <span class="token number">64</span><span class="token punctuation">;</span> <span class="token comment">// Mémoire disponible pour le serveur</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>numWireBufs <span class="token operator">=</span> <span class="token number">2048</span><span class="token punctuation">;</span> <span class="token comment">// Augmenter ce nombre si "exceeded number of interconnect buffers"</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>maxNodes <span class="token operator">=</span> <span class="token number">1024</span> <span class="token operator">*</span> <span class="token number">32</span><span class="token punctuation">;</span> <span class="token comment">// Changer cette valeur si le son saute avec le message "too many nodes"</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>device <span class="token operator">=</span> <span class="token string">"BlackHole 16ch"</span><span class="token punctuation">;</span> <span class="token comment">// Choix de l'interface audio à utiliser</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>numOutputBusChannels <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span> <span class="token comment">// Indiquer le nombre de sorties de son interface audio</span>
|
||
s<span class="token punctuation">.</span>options<span class="token punctuation">.</span>numInputBusChannels <span class="token operator">=</span> <span class="token number">2</span><span class="token punctuation">;</span> <span class="token comment">// Indiquer le nombre d'entrées de son interface audio</span>
|
||
p<span class="token operator">=</span><span class="token class-name">ProxySpace</span><span class="token punctuation">.</span>push<span class="token punctuation">(</span>s<span class="token punctuation">.</span>boot<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// Démarrage du serveur dans un ProxySpace (JITLIB)</span>
|
||
p<span class="token punctuation">.</span>makeTempoClock<span class="token punctuation">;</span> <span class="token comment">// Gestion du tempo</span>
|
||
p<span class="token punctuation">.</span>clock<span class="token punctuation">.</span>tempo <span class="token operator">=</span> <span class="token number">120</span><span class="token operator">/</span><span class="token number">60</span><span class="token punctuation">;</span>
|
||
<span class="token class-name">SAMP</span><span class="token punctuation">.</span>root <span class="token operator">=</span> <span class="token string">"/Users/bubo/.config/livecoding/samples/"</span><span class="token punctuation">;</span> <span class="token comment">// Chemin vers les samples</span>
|
||
<span class="token class-name">SAMP</span><span class="token punctuation">.</span>lazyLoading <span class="token operator">=</span> <span class="token boolean">true</span><span class="token punctuation">;</span> <span class="token comment">// Chargement paresseux (permet de ne pas remplir la mémoire pour rien)</span>
|
||
s<span class="token punctuation">.</span>waitForBoot<span class="token punctuation">(</span><span class="token punctuation">{</span>
|
||
<span class="token string">"/Users/bubo/.config/livecoding/Synthdefs.scd"</span><span class="token punctuation">.</span>load<span class="token punctuation">;</span> <span class="token comment">// Chargement des synthétiseurs</span>
|
||
<span class="token class-name">StageLimiter</span><span class="token punctuation">.</span>activate<span class="token punctuation">;</span> <span class="token comment">// StageLimiter pour les oreilles</span>
|
||
<span class="token string">"== 💻 LIVE CODING PRÊT 💻 == "</span><span class="token punctuation">.</span>postln<span class="token punctuation">;</span>
|
||
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
|
||
<span class="token punctuation">)</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-4w91o5">Sauvegardez cet extrait de code dans un fichier <strong>.scd</strong> situé dans votre dossier de stockage. Vous pourrez ensuite l’évaluer à chaque fois que vous voudrez démarrer à l’aide de la commande suivante qu’il vous faudra évaluer dans l’interpréteur :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token string">"/Users/bubo/.config/livecoding/Configuration.scd"</span><span class="token punctuation">.</span>load<span class="token punctuation">;</span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-1ofmlv6">Si vous souhaitez démarrer <strong>SuperCollider</strong> avec cette configuration par défaut, vous pouvez également tirer parti du fichier de démarrage, qui s’exécute automatiquement à l’ouverture de <strong>SCIDe</strong>. Ce dernier se situe dans votre dossier de configuration <strong>SuperCollider</strong>. Vous pouvez le trouver en évaluant le code suivant :</p> <pre class="language-supercollider"><!-- HTML_TAG_START --><code class="language-supercollider"><span class="token class-name">Platform</span><span class="token punctuation">.</span>userAppSupportDir</code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-16ctipw">Il devrait exister un fichier <code>startup.scd</code> que vous pouvez remplir avec la
|
||
configuration ci-dessus, en adaptant les chemins.</p> <h2 data-svelte-h="svelte-grw4hp">Conclusion</h2> <p data-svelte-h="svelte-qw3nrf">Cette configuration sera amenée à évoluer et pourra même faire l’objet d’une
|
||
refonte complète lorsque vous serez amenés à pré-charger d’autres composants :
|
||
synthétiseurs, effets pré-déclarés, etc. Nous y reviendrons.</p></article> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-1mht20g"><a href="/guides">Revenir à l'index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0 lg:block hidden" data-svelte-h="svelte-si3uu3"><label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay scrollbar-hide whitespace-nowrap overflow-hidden no-scrollbar"></label> <ul class="menu sidemenu-style no-scrollbar my-0"><li class="sideli"><a class="sidebar-link" href="/evenements">Évènements</a></li> <li class="sideli"><a class="sidebar-link" href="/membres">Membres</a></li> <li class="sideli"><a class="sidebar-link" href="/outils">Outils</a></li> <li class="sideli"><a class="sidebar-link" href="/guides">Guides</a></li> <li class="sideli"><a class="sidebar-link" href="/articles">Articles</a></li> <li class="sideli"><a class="sidebar-link" href="/reseaux">Réseaux</a></li> <li class="sideli"><a class="sidebar-link" href="/ressources">Ressources</a></li> <li class="sideli"><a class="sidebar-link" href="/presse">Presse</a></li> <li class="sideli"><a class="sidebar-link" href="/contacts">Contact</a></li></ul></div></div></main> <footer class="footer-style" data-svelte-h="svelte-1gkeg8z"><div class="flex justify-between"><p class="inline indent-4 text-bold text-white">Raphaël Forment</p> <p><a class="inline pl-4" href="https://github.com/Bubobubobubobubo/livecodingfr">GitHub</a></p></div></footer>
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_1f3gh83 = {
|
||
base: new URL("..", location).pathname.slice(0, -1),
|
||
env: null
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
const data = [{"type":"data","data":null,"uses":{}},null];
|
||
|
||
Promise.all([
|
||
import("../_app/immutable/entry/start.5YLs103A.js"),
|
||
import("../_app/immutable/entry/app.i08eSpn0.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 9],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|