Design d’expériences audio sur le web - Initiation

Conception et réalisation de contenus audio s’appuyant sur les technologies du web

  • Transmission
  • Stage logiciel

Objectifs pédagogiques

À l’issue de la formation, le participant se sera approprié des outils théoriques et techniques pour le développement de contenus audio sur le web, en exploitant le potentiel des langages de programmation dédiés et la Web Audio API. Parmi les outils techniques, il saura utiliser :

  • les principaux éléments de la Web Audio API ;
  • les interfaces de contrôle et interactions (GUI, capteurs de mouvement) ;
  • la communication en temps réel avec un server Node.js (WebSockets) et des applications externes telles que Max (Osc).

Public concerné

Développeurs, développeuses, musiciens, musiciennes, compositeurs, compositrices, enseignants, enseignantes

Prérequis

Pas de prérequis nécessaires

Évaluation

Remise d’une attestation de fin de formation intégrant les résultats de l’évaluation
Méthodes d’évaluation : évaluation des projets réalisés pendant le stage.

Programme de la formation

Lundi

Matin Exposé théorique - introduction à l’utilisation du web pour la création musicale et artistique.
Comprendre les différents éléments qui constituent une performance basée sur le web : serveur, client, communications réseaux, hébergement, etc.
Travaux pratiques - étude de l’architecture et des besoins types d’une applications web : page web interactive pour la promotion d’un EP, exploration localisée d’un paysage sonore, utilisation des smartphones des spectateurs comme réseau de haut-parleurs lors d’une performance, etc.
Après-midi Exposé théorique - introduction au triptyque [JavaScript, HTML, CSS] ;
Travaux pratiques - prendre en main la Web Audio API : simples modules de synthèse et lecture audio.

Mardi

Matin Travaux pratiques - mise en place d’un environnement de programmation (NodeJS, npm) ;
Travaux pratiques - prendre en main la Web Audio API : organisation de sons dans le temps, le step sequencer.
Après-midi Exposé théorique - API connexes : DeviceMotion, Geolocation, Canvas 2d et 3d, etc.
Travaux pratiques - concevoir et réaliser une expérience audio interactive

Mercredi

Matin Exposé théorique - introduction aux protocoles réseaux et aux architectures client-serveur (TCP, OSC, etc.) ;
Travaux pratiques - communication entre Max, un serveur NodeJS et des clients web.
Après-midi Conclusions :
- discussion sur les points forts et les points faibles des frameworks Max et Web Audio, savoir choisir l’un ou l’autre en fonction des besoins d’une installation ;
- problématiques liées à l’hébergement et au déploiement d’une application sonore interactive basée sur les technologies web audio.

Pour aller plus loin

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour nous permettre de mesurer l'audience, et pour vous permettre de partager du contenu via les boutons de partage de réseaux sociaux. En savoir plus.