Posts Tagged ‘audio’
Flash vs < audio >
Thursday, July 1st, 2010Como se podrán imaginar este es mi tema preferido, no lo puse antes de video por que ya quedó claro que Flash arrasa con HTML5 en ese contexto, pero en este, aunque no es tan polémico, creo que hay mas equidad entre ambas tecnologias.
<audio> es una etiqueta muy simple que hace referencia a un archivo el cúal podemos cargar, reproducir, loopear y detener; cuenta ademas con la opción de añadir controles para el volúmen y mute.
<audio id="audio" src="song.ogg" controls="controls"> </audio>
Es muy práctico para cosas simples, pero si lo comparamos con las caracteristicas de audio que tiene Flash, si le añadimos el acceso al micrófono y agregamos que <audio> no tiene soporte para algunos formatos, obtendremos el mismo resultado que con <video>.
¿Entonces por que digo que hay mas equidad entre Flash vs <audio>?
Actualmente se esta desarrollando un API para audio con caracteristicas similares a las que nos llegaron con Flash player 10, concretamente la generación de audio.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | // Actionscript 3 var sound:Sound = new Sound(); sound.addEventListener(Event.SAMPLE_DATA, onSampleData); sound.play(); var freq:Number = 440; var phase:Number = 0; function onSampleData(e:SampleDataEvent):void { for (var c:int=0; c<8000; c++) { phase += 100 / 44100; var waveform:Number = 100 * Math.PI * 2; sample = Math.sin(waveform); e.data.writeFloat(sample); e.data.writeFloat(sample); } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | //HTML5 <audio id="a1" src="song.ogg" onloadedmetadata="loadedMetadata(event);" onaudiowritten="audioWritten(event);" controls="controls"> </audio> <script> var a1 = document.getElementById('a1'), a2 = new Audio(), buffer = []; function loadedMetadata(event) { a1.volume = 0; a2.mozSetup(event.mozChannels, event.mozSampleRate, 1); } function audioWritten(event) { var frameBuffer = event.mozFrameBuffer; writeAudio(frameBuffer); } function writeAudio(audio) { buffer = (buffer.length === 0) ? audio : buffer.concat(audio); var written = a2.mozWriteAudio(buffer); //<<-- } </script> |
Gracias a esto ya podemos ver la llegada de algunos sintetizadores y cajas de ritmos en HTMl5:
HTML5 and Javascript Synthesizer from Corban Brook on Vimeo.
Y por supuesto, al igual que AS3, HTML5 tambien es capaz de leer audio, lo que nos permitirá crear desde visualizaciones hasta efectos de audio a los archivos que carguemos (filtros, compresores, delays, ecualizadores, etc)
Creo que todos en alguna ocasión vimos alguna visualización de audio creada en Flash, con la llegada de Flash Player 10 pudimos empezar a jugar con sintetisis y ahora después de algunos años tenemos Digital Workstations directamente en el navegador como Myna, Soundation y por supuesto Audiotool que nos llego con un increible sintetizador creado en AS3:
Creo que en este punto HTMl5 dió un paso muy grande, que si bien no será muy explotado por la mayoría de las personas que hacen web, si nos traerá cosas muy interesantes.
Soundation
Tuesday, June 1st, 2010Otro estudio que se suma a la lista de programas de audio creados en Flash, sinceramente no lo conocia y ahora lo estoy probando, ¿a quien le van mas a Soundation, Myna o Audiotool?
Video MusicBox en Ableton Live
Friday, October 9th, 2009m4l.lab.videomusicbox from liubo on Vimeo.
Moog Controllers
Friday, October 9th, 2009http://www.youtube.com/watch?v=WWN3M0L4dJ0
Via el twitter de Moog me encuentro esto!, quiero!
Los 10 mejores pedales de efectos para guitarra
Wednesday, October 7th, 2009La lista incluye algunos de mis favoritos como el Whammy de Digitech, Cry Baby Wah, Fuzz factory
Clicony
Sunday, August 23rd, 2009Bienvenidos a Clicony, el día de hoy comenzamos una serie de podcasts con la historia de un instrumento que ha alegrado nuestros dias… desde el inicio de los días…
…Y así como estos podcast son un homenaje a ese instrumento, tambíen están dedicados a la memoria de la persona sin cuya existencia, el sonido no sería lo mismo: Les Paul (1915 – 2009)
Clicony, Homenaje a la guitarra Parte 1
Clicony, Homenaje a la guitarra Parte 2
No suelo recomendar podcast pero adelante.
Propellerhead Record
Wednesday, May 13th, 2009http://www.youtube.com/watch?v=oe7Iapsu_38
El software no me llama la atención pero me gusto el video.
Quiza lo que me gustaria probar serian los amplificadores de Line6 virtuales
![]()
Fotografias NAMM Show 2009
Tuesday, February 3rd, 2009Con estos 4 me doy por bien servido, pasen a ver todas las fotos, es casi como tocar el cielo que no?
http://www.flickr.com/photos/synthesizers/sets/72157612726817791/
NAMM 2009: Roland Connect
Saturday, January 17th, 2009Roland, uno de los favoritos en el publico (o al menos mio) hizo varias presentaones en NAMM, aqui mis preferidas…
| VP-770 |
AX-Synth |
| BOSS ME-70 |
VB-99 |
| PRELUDE |
CUBE-80X |
Hay mucho mas!, nuevos pianos, organos, tunners, stands…
http://www.rolandus.com/products/productlist.aspx?ParentId=72
NAMM 2009: Ableton Live 8!
Thursday, January 15th, 2009NAMM 2009: Cubase 5!
Thursday, January 15th, 2009Wmidi – Wacom y Midi?
Wednesday, September 3rd, 2008Asi es, con el post anterior demostre que habemos muchos amantes de Wacom y aqui va una muestra mas del porque:
Wmidi te permite usar tu tableta como un controlador midi, es decir: otro instrumento virtual! para que tengas mas posibilidades de interpretacion.
Que puede hacer?
Solo abres el pequeño archivo de 400kb y listo, reconoce tu wacom y te mustra las salidas Midi y canales para enviar mensajes.
Note Generation:
- Te permite crear notas, tu decides si tocarlas horizontal o verticalmente con solo arrastrar
- Asignas el paneo de la nota por la posicionX y la velocdad por la presion!
- Ademas eliges el parche (del sonido midi), rango de notas, la escala, la clave y hasta el acorde.
Controllers!!!
La siguiente lista es el valor que se puede asignar a cualquiera de los 127 controles midi independientes
- Posicion X y Y, obvio
- Presion e inclinacion, lo unico que te da Wacom.
- Un angulo, el cual se crea apartir de la posicion inicial hacia donde lo arrastres (ingenioso)
- Color, saturacion y brillo. Por si fuera poco, te permite cargar una imagen dependiendo que pixel toques saca el valor.
Asi es, 8 controles verdaderaente unicos, que ademas te permiten cofigurar el valor inicial, final y hasta la curva de aceleracion para darle mas realismo, eso sin decir que puedes guardar, para que tengas muchas configuaciones, si parezco exitado, lo estoy.
Hay controladores solo para performance (programming), otros para tocar y otros como este que te permiten experimentar con los waveforms, yo probe esta joyita con Absynth y WOW!!
Ya hay controladores XY, FL Studio tiene uno virtual integrado, tambien acaba de salir un multicontrolador para el iphone con XY y sinceramente yo pensaba regalarme en mi cumple un Kaoss Pad 3 (el mejor XY), pero este definitivamente les pone en toda su …, tan solo la presion, inclinacion y angulo es algo que nadie tiene.
http://www.nicolasfournel.com/wmidi.htm
Por que hablo tanto de controladores ultimamente?, por que son los que le dan vida a la musica digital, realismo a la interpretacion, cualquiera poder hacer algo en una maquina y darle play, pero controlar cada parametro, cada sonido, cada momento de lo que ya creaste es distinto, como ocar una guitarra o un piano.
Audio – Guia para Monitores de Estudio
Wednesday, September 3rd, 2008Montar un buen Home Studio de Audio no es tarea facil, sobre todo si tu meta aparte del virtuosismo y la creatividad es crear un muy buen sonido, para eso debo decirte que aparte de invertir en software tambien debes hacerlo en equipo, y por que no empezar con unos monitores? sino sabes cual o para que aqui una pequeña guia
http://www.maudio.co.uk/images/en/overdub/Overdub_Vol_1_UK.swf
Si, tambien debes comprar buenos microfonos, buena tarjeta de sonido, controladores…








