Comment visualiser le son sur le web: une sélection de supports thématiques et de conférences vidéo avec théorie et pratique

La dernière fois, nous avons préparé un résumé pour vous avec des bibliothèques ouvertes pour visualiser le contenu audio et avons décidé de trouver des documents sur la façon de travailler avec tout cela. Le résultat est une sélection de guides sur le sujet pour les développeurs d'applications Web ou de jeux.


Photo s_keller / Pixabay
Dans notre blog sur Habré -> Lecture du week-end: 65 documents sur le streaming, l'histoire du vieux "fer musical", les technologies audio et l'histoire des constructeurs acoustiques


Théorie et histoire



  • Théorie: méthodes pour mettre en évidence le ton fondamental . Un membre de l'équipe de développement d' Ableton , un programme sonore en studio, analyse plusieurs algorithmes courants pour extraire le ton fondamental (cycle d'ondes sonores répétitif) dans les enregistrements musicaux. Les exemples sont: la méthode du passage par zéro et la méthode basée sur l'identification de l'harmonique fondamentale. L'auteur cite également plusieurs documents de lecture supplémentaires qui discutent des approches avancées pour mettre en évidence le ton fondamental. L'article peut intéresser ceux qui envisagent d'écrire une application musicale qui affiche des graphiques d'ondes sonores.

  • Une brève histoire des synthétiseurs . Voici une vidéo d'un des discours prononcés lors de la conférence Scotland JS. Chris Lowis, rédacteur en chef de Web Audio Weekly, explique comment les synthétiseurs ont évolué et comment ils fonctionnent. Tout cela avec des exemples sur JS.


  • Bases de l'API Web Audio Les développeurs de Mozilla parlent des fonctionnalités de l' API Web Audio - spécifications pour la gestion du contenu audio dans les navigateurs. Il décrit à la fois des éléments de base comme l'interaction avec des tampons audio, ainsi que des éléments plus avancés (par exemple, la visualisation du son). De nombreux graphiques, diagrammes et exemples de code. Le matériel est régulièrement mis à jour - il peut être utilisé comme référence «de bureau» lors du développement d'applications.

  • Théorie de la musique 8 bits . Une chaîne sur YouTube dédiée à l'analyse de la plage audio dans les jeux vidéo en termes de théorie musicale. Par exemple, dans cette vidéo, l' auteur montre par des exemples comment la musique contribue à créer une atmosphère dans le jeu Hollow Knight, et nous parlons ici d'une des compositions finales de Dark Souls. La chaîne peut être utile à ceux qui écrivent leur propre jeu. Ici, vous pouvez trouver plusieurs idées pour son accompagnement musical.


Pratique





  • Instrument de musique avec Web Audio API . Un enregistrement avec JSConf, au cours duquel Steve Kinney, fondateur de la Turing School, montre comment construire un synthétiseur dans un navigateur sur l'API Web getUserMedia et les WebSockets. Il parle également de l'utilisation de l'API Web Audio pour construire un instrument de musique sur Arduino.

  • Présentation de p5.js. p5.js est une bibliothèque de visualisation qui vous permet de "dessiner en utilisant du code". Dans la vidéo, sa développeur, Lauren McCarthy, montre avec des exemples comment créer des éléments artistiques et des animations à l'aide de cet outil. Si vous souhaitez évaluer vous-même les capacités de p5.js, il existe un éditeur spécial sur le site officiel du projet.


  • Musique de jeux 8 bits sur l'API Web Audio . Cet article explique comment recréer et visualiser de la musique 8 bits à l'aide de l'API Web Audio et du framework Tone.js de Pac-Man, Super Mario Bros, Metroid, Kirby's Adventure et The Legend of Zelda. Écoutez la composition résultante, voyez le code et, si vous le souhaitez, vous pouvez le modifier sur CodePen . Pour faciliter la compréhension de la source, l'auteur vous recommande de regarder d'abord cette vidéo sur YouTube - elle explique comment le son "fonctionnait" sur les anciens ordinateurs.




Lecture supplémentaire - de notre "Hi-Fi World":

Comment écrire de la musique en utilisant OOP
Quel type de musique était «câblé» dans le système d'exploitation populaire
Programmation musicale - qui le fait et pourquoi
Comment le PC a conquis l'industrie des médias: discussion sur Pro Tools et Media Composer
Où obtenir des échantillons audio pour vos projets: une sélection de neuf ressources
12 ressources thématiques avec des pistes sous licence Creative Commons
Innovation SSI-2001: l'histoire d'une des cartes son les plus rares pour le PC IBM
Enthousiaste a recréé la carte son Sound Blaster 1.0: pourquoi le projet est remarquable



Chez nous sur Habré -> Les cartes son comme moyen de se plonger dans l'ambiance d'une ville inconnue


Source: https://habr.com/ru/post/fr464217/


All Articles