64 lines
7.4 KiB
HTML
64 lines
7.4 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.x88-ymMa.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/start.Jn5WKbrf.js">
|
||
<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.aZRR5A_O.js">
|
||
<link rel="modulepreload" href="../_app/immutable/entry/app.LLQVUDg1.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.K0tPhl4P.js">
|
||
<link rel="modulepreload" href="../_app/immutable/nodes/5.CytN02Ad.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="pl-8 py-2 md:flex md:justify-between md:items-center pr-8"><div class="flex items-center justify-between"><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 role="button" class="flex md:hidden" data-svelte-h="svelte-1s4k442"><button type="button" class="text-gray-100 hover:text-gray-400 focus:outline-none focus:text-gray-400"><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="flex-col mt-8 space-y-4 md:flex md:space-y-0 md:flex-row md:items-center md:space-x-10 md:mt-0 hidden"><a href="/evenements" class="mobile-menu-link" data-svelte-h="svelte-11zf95a">Évènements</a> <a href="/membres" class="mobile-menu-link" data-svelte-h="svelte-1a3do61">Membres</a> <a href="/outils" class="mobile-menu-link" data-svelte-h="svelte-ee0p45">Outils</a> <a href="/guides" class="mobile-menu-link" data-svelte-h="svelte-5misk3">Guides</a> <a href="/articles" class="mobile-menu-link" data-svelte-h="svelte-kglg6r">Articles</a> <a href="/reseaux" class="mobile-menu-link" data-svelte-h="svelte-6wk0bt">Réseaux</a> <a href="/ressources" class="mobile-menu-link" data-svelte-h="svelte-ziwryh">Ressources</a> <a href="/presse" class="mobile-menu-link" data-svelte-h="svelte-6fl78t">Presse</a> <a href="/contacts" class="mobile-menu-link" data-svelte-h="svelte-1skvj1i">Contact</a></div></nav></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>Ordinateur dans la tête : un label de musique live codée</h1> <div class="pt-4 flex justify-between mb-12"><p class="inline font-bold">Publié le : 2024-09-02</p> <p class="inline font-bold">Auteur : Raphaël Maurice Forment</p></div> <div class="lg:px-12 content-center"><p data-svelte-h="svelte-1tl3fbq">Rémi Georges a lancé depuis plus d’un an un label de musique dédiée à la musique
|
||
<em>live codée</em>. Le label a pour nom <strong>Ordinateur dans la tête</strong> : ”<em>Live-coding Cassette & prints Label Code as music, for humans and computers.</em>”. Par un pied de
|
||
nez formidable, le label publie essentiellement de la musique au format cassette
|
||
ou disquette (<em>floppy disk</em>). Il n’existe à ce jour que quatre cassettes dans le
|
||
catalogue, et bien plus à paraître. Rémi édite aussi un <em>fanzine</em> du nom de <strong>Codé</strong>, consacré à quelques
|
||
figures de la scène <em>live coding</em> francophone. Ce label fonctionne sur un
|
||
principe <em>DIY</em>. Tout est fait à la main et assemblé quelque part entre Lyon et
|
||
Vaulx-en-Velin. Chaque cassette n’est produite qu’à quelques exemplaires mais
|
||
<em>Bandcamp</em> permet aussi d’acheter la musique au format numérique.</p> <br> <embed src="https://ordinateurdanslatete.bandcamp.com/" style="display:block;margin-left:auto;margin-right:auto;max-width:1000px;width:90%;height:500px"> <br> <p data-svelte-h="svelte-7nydhy">Le plus rigolo dans l’histoire, c’est qu’il ne s’agit pas du seul artiste
|
||
lyonnais qui édite de la musique produite par des outils de <em>live coding</em>. Nous
|
||
étions tombé il y a quelques mois sur un album publié par l’artiste américain
|
||
Mike Hodnick : <a href="https://kindohm.bandcamp.com/album/prompt-3" rel="nofollow">Prompt 3</a>. Cet
|
||
album est produit par Nil Hartman (un lyonnais !) et propose aussi une forme physique avec un
|
||
format de distribution original : ”<em>2GB USB flash drive archival of 16-bit WAV files of Prompt 3 by Kindohm, engraved with the 3OP logo. High quality 12,7cm x 12,7cm matte paper digital print of Prompt 3 cover art by Kindohm & Andrew Bates. Archival includes: exclusive outtakes, live performances, alternate artwork files, and Mike’s Prompt 3 workspace folder of .tidal and .flp files.</em>“.</p> <br> <p data-svelte-h="svelte-1308sfy">Nous attendons de pied ferme l’apparition d’un troisième label publiant de la
|
||
musique <em>live codée</em> à Lyon. Il semblerait que cela ne soit qu’une question de
|
||
temps.</p> <p class="rounded-lg font-bold border-2 py-2 pl-2 mt-8 bg-neutral-800" data-svelte-h="svelte-o6y0y"><a href="/articles">Revenir à l'index</a></p></div></article></div> <div class="drawer-side no-scrollbar m-0" data-svelte-h="svelte-11ixv29"><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_1xnkgn2 = {
|
||
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.Jn5WKbrf.js"),
|
||
import("../_app/immutable/entry/app.LLQVUDg1.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 5],
|
||
data,
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html>
|