Cómo visualizar el sonido en la web: una selección de materiales temáticos y video conferencias con teoría y práctica.

La última vez, preparamos un resumen para usted con bibliotecas abiertas para visualizar contenido de audio y decidimos encontrar materiales sobre cómo trabajar con todo esto. El resultado es una selección de guías sobre el tema para desarrolladores de aplicaciones web o juegos.


Foto s_keller / Pixabay
En nuestro blog sobre Habré -> Lectura para el fin de semana: 65 materiales sobre streaming, la historia del viejo "hierro musical", las tecnologías de audio y la historia de los fabricantes acústicos


Teoría e historia



  • Teoría: métodos para resaltar el tono fundamental . Un miembro del equipo de desarrollo de Ableton , un programa de sonido basado en estudio, analiza algunos algoritmos comunes para extraer el tono fundamental (ciclo de onda de sonido repetitivo) en las grabaciones de música. Algunos ejemplos son: el método de cruce por cero y el método basado en la identificación del armónico fundamental. El autor también cita varios materiales de lectura adicionales que analizan enfoques avanzados para resaltar el tono fundamental. El artículo puede ser de interés para aquellos que planean escribir una aplicación de música que muestre gráficos de ondas de sonido.



  • Conceptos básicos de la API de audio web Los desarrolladores de Mozilla hablan sobre las características de la API de audio web : especificaciones para administrar el contenido de audio en los navegadores. Describe tanto cosas básicas como interactuar con buffers de audio, como otras más avanzadas (por ejemplo, visualización de sonido). Muchos gráficos, diagramas y ejemplos de código. El material se actualiza regularmente: se puede utilizar como referencia de "escritorio" al desarrollar aplicaciones.

  • Teoría de la música de 8 bits . Un canal en YouTube dedicado a analizar el rango de audio en videojuegos en términos de teoría musical. Por ejemplo, en este video, el autor muestra con ejemplos cómo la música ayuda a crear una atmósfera en el juego Hollow Knight, y aquí estamos hablando de una de las composiciones finales de Dark Souls. El canal puede ser útil para aquellos que escriben su propio juego. Aquí puedes proponer varias ideas para su acompañamiento musical.


Practica





  • Instrumento musical con Web Audio API . Un registro con JSConf, durante el cual Steve Kinney, fundador de la Escuela Turing, muestra cómo construir un sintetizador en un navegador en getUserMedia Web API y WebSockets. También habla sobre el uso de la API de audio web para construir un instrumento musical en Arduino.

  • Introduciendo p5.js. p5.js es una biblioteca de visualización que le permite "dibujar usando código". En el video, su desarrollador, Lauren McCarthy, demuestra cómo crear elementos artísticos y animaciones usando esta herramienta. Si desea evaluar las capacidades de p5.js usted mismo, hay un editor especial en el sitio web oficial del proyecto.


  • Música de juegos de 8 bits en la API de audio web . Este artículo trata sobre cómo recrear y visualizar música de 8 bits utilizando la API de audio web y el marco Tone.js de Pac-Man, Super Mario Bros, Metroid, Kirby's Adventure y The Legend of Zelda. Escuche la composición resultante, vea el código y, si lo desea, puede modificarlo en CodePen . Para facilitar la comprensión de la fuente, el autor recomienda que primero vea este video en YouTube : explica cómo "funcionó" el sonido en las computadoras antiguas.




Lectura adicional - de nuestro "Mundo de alta fidelidad":

Cómo escribir música usando OOP
¿Qué tipo de música fue "cableada" en el sistema operativo popular
Programación musical: quién lo hace y por qué
Cómo la PC conquistó la industria de los medios: discutiendo Pro Tools y Media Composer
Dónde obtener muestras de audio para sus proyectos: una selección de nueve recursos
12 recursos temáticos con pistas bajo licencia Creative Commons
Innovación SSI-2001: la historia de una de las tarjetas de sonido más raras para la PC IBM
Entusiasta recreó la tarjeta de sonido Sound Blaster 1.0: por qué el proyecto es notable



En Habré -> Tarjetas de sonido como una forma de sumergirse en la atmósfera de una ciudad desconocida


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


All Articles