.

A mediados de noviembre del año pasado mencionaba brevemente Soundslice, una aplicación web para transcribir y compartir. Por aquel entonces no contaba con mucho tiempo para utilizarla y ahora, casi seis meses después, tampoco ando muy sobrado. Por fortuna, Adrian Holovaty, uno de los responsables del proyecto, se ha sentido en la necesidad de hablar sobre el uso de canvas en su aplicación y ha revelado algunas conclusiones interesantes:

Here’s what I’ve learned: <canvas> is not slow. In fact, I’ve been continually surprised by how fast it is — as long as you take care to do things right. Evan’s article mentions the «magical» sensation of instantaneous feedback; I invite you to play with the zoom slider on any Soundslice page (example) to experience this same magic, all drawn dynamically with <canvas>.

El texto completo se puede leer en su blog y es una lectura interesante para los que piensen utilizar canvas en sus aplicaciones.

.

No sabía que se cumplen 50 años desde que en Philips inventasen el cassette compacto en el formato que los que tenemos algunos años hemos conocido como medio principal para almacenar música. Con este aiversario como pretexto en este artículo desarrollan un reproductor con presentación de cassette, apoyado en el elemento audio:

Vintage format meets modern web tech: an HTML5 audio player with realistic controls. Today we want to share an audio player with you that looks like an old school music cassette.

El resultado es bastante vistoso aunque, como se señala en el propio artículo, es sólo un experimento. Todos los recursos están disponibles, incluyendo el arte gráfico y la música utilizada en la implementación, para los que puedan requerirlos.

.

Otro pequeño proyecto JavaScript gracioso, Qwerty Hancock:

Need an interactive HTML plugin-free keyboard for your web audio project? Qwerty Hancock is just the thing.

Specify the number of octaves, give it a height and a width then you’re ready to use your mouse or keyboard to have the time of your life.

.

riffwave.js es una pequeña herramienta en JavaScript para codificar sonidos a un formato que puede ser utilizado por elemento audio de HTML5. En concreto, genera un PCM dentro de un contenedor RIFF para los sonidos sintetizados.

Por alguna razón lo primero que pensé es si podría reproducir los prácticas relacionadas con la señal chirp que hace años tuve que hacer. Creo que las teníamos que hacer en Maple aunque puede que fuese en MATLAB.


A linear chirp waveform; a sinusoidal wave that increases in frequency linearly over time.

Dicen que una idea es una responsabilidad pero si fuese responsable de todas las ideas que se me ocurren probablemente estaría en la cárcel :P. Además, tampoco es que me sobre el tiempo así que por aquí lo dejo, por si hubiese oportunidad de revisitarlo.

.

Un pequeño proyectoHTML5 JavaScript Piano – with Data URIs:

This synth piano is written solely using HTML, JS, and CSS. It contains a small handful of synths with configurable decays, a looper, demo mode, visual mode, and a variety of colors. View controls by hitting the top-right button on the piano.