Ataraxia Fundamental: Bioarte multidisciplinar indisciplinada.

Ataraxia Fundamental: expresión audiovisual

Normalmente no recurro al intercambio de enlaces por aquello de mantener la integridad y pasar de métodos cutres para conseguir tráfico (prefiero 1000 visitas de calidad que 10000 que ni se paren a leer el contenido). Por eso cuando publico enlaces es porque creo que estoy ante un proyecto interesante. Es el caso de Ataraxia Fundamental, un blog de contenido artístico abarcando los diversos palos que la creatividad de su autora abarca. Ya tiene una buena cantidad de material, y seguirá creciendo en los próximos meses. Os animo a consultar esta galería online.

Anuncios

Nuevas etiquetas en HTML5

No nuevas que se hayan añadido ahora, me refiero a nuevas en en el sentido que son las que aporta respecto a HTML 4. La lista es la que sigue


<article></article>
<aside></aside>
<audio></audio>
<canvas></canvas>
<command></command>
<datalist></datalist>
<details></details>
<dialog></dialog>

<figure></figure>
<footer></footer>
<header></header>
<hgroup></hgroup>
<mark></mark>
<meter></meter>
<nav></nav>
<output></output>
<progress></progress>
<ruby></ruby>
<rp></rp>
<rt></rt>
<section></section>
<source></source>
<time></time>
<video></video>

Las etiquetas audio y vídeo ya fueron explicadas en este blog, como también lo fue canvas y otras varias en el artículo sobre estructura en HTML5.

Ubuntu Studio, la alternativa libre para tener tu estudio casero.

¿Eres de los que gustan de grabarse sus propias canciones en casa? ¿Te ha desquiciado trabajar con Windows? ¿Tu colega maquero te está comiendo la oreja para que te compres una manzanita? ¡Espera! Antes deberías probar la alternativa democrática (como diría Flecha Verde).

Ya ayer Aerilon comentaba el tema y en su página podréis encontrar también información sobre versiones antiguas del SO y tutoriales sobre el software que incluye.

Pero ¿qué te aporta UbutuStudio? UbuntuStudio es un sistema operativo pensado para el trabajo en el audiovisual. Ya seas un músico que se quiere grabar su maqueta casera, un videoartista, un tío que monta vídeos de bodas y comuniones o un programador de videojuegos, UbuntuStudio te ofrece un buen paquete de herramientas libres, drivers y estabilidad. Ofrece además soporte durante tres años, el liviano escritorio XFCE 4.8, kernel 3.2.14 de baja latencia.

En cuanto al audio, lo más destacable (lo que ya destaca Aerilon en su blog) es lo siguiente:

  • Ardour DAW
  • El previo de guitarra Guitarix
  • Audacity 2.0
  • QTractor DAW
  • Para el control de sesiones Gladish
  • Hydrogen Drum Machine 0.96
  • JAMin para la masterización
  • El editor de partituras MuseScore
  • Patchange y QjackCTL

Pero me reitero, que para temas de audio lo mejor es una visita a Aerilon. Pero como ya he dicho, no sólo de audio vive UbuntuStudio. También ofrece opciones para vídeo, como las siguientes:

  • El editor para stopmotion Stopmotion
  • El editor de vídeo Kino
  • El reproductor de vídeo sincronizable con JACK XJadeo

Y como no, un buen puñado para trabajar con gráficos:

  • El programa de animación 3D Blender
  • El software para edición de tipografías FontForge
  • El legendario editor gráfico GIMP
  • El editor vectorial Inkscape
  • El programa de animación 2D Synfig
  • La aplicación para publicaciones Scribus
  • El software para el “cosido” (stitching) de imágenes panorámicas Hugin

Herramientas libres para audio, video o diseño. Puedes grabarte tu propia maqueta, diseñar la portada, maquetar el libreto y editar el videoclip… ¿La calidad del resultado? Como siempre, depende de la calidad del artista. Tal vez como sistema operativo único no sea la mejor opción, por estar muy especializado en el trabajo de edición, pero puedes instalarlo junto a tu distri de Linux o a un Windows, para tener UbuntuStudio como tu herramienta para la edición, y por otra parte tu otro SO para las tareas de usuario medio. Puedes descargarlo desde softpedia en este link

Uso de la etiqueta audio en HTML5

Me estoy planteando hacer una sección html5 porque empieza a tener bastante peso en este blog. En cualquier caso, si antes hablé de vídeo ahora toca hablar de audio. De hecho el uso de audio es más sencillo que el de vídeo, tiene menos opciones.

Como ya sabes, la idea de la etiqueta audio es poder insertar archivos de audio directamente en una página web, sin necesidad de un reproductor en flash o de QuickTime. La sintaxis básica sería la siguiente:

<audio width="250" height="32" src="cancionEjemplo.mp3" controls="controls" autoplay="autoplay" preload=""/></audio>

Bueno, width y height son para definir el tamaño del reproductor, no son obligatorios y realmente lo mejor sería no tocarlos si no es necesario para adaptarlos a la maquetación de tu página. El resto los relato a continuación:

  • src: La propiedad src habitual, que enlaza con la dirección del contenido que queremos mostar, en este caso el archivo de audio.
  • controls: Nos permite implementar los controles básicos del reproductor: volumen, play/pause, seek.
  • autoplay: Nos deja especificar si queremos que el archivo de audio comience a reproducirse desde el momento en que se carga la página
  • preload: Permite que especifiquemos si queremos que el archivo comience a cargarse en el buffer antes de comenzar la reproducción, para que no se trabe durante la reproducción por intentar reproducir más de lo que ha cargado.

Como con las etiquetas de vídeo, el problema vendrá por la compatibilidad de los distintos formatos con los navegadores. No todos soportan todo, así que tendrás que romperte un poco la cabeza. En esta lista puedes ver qué formatos soporta cada navegador:

  • Google Chrome: Soporta tanto mp3, como wav y ogg.
  • Safari: A pesar de usar el mismo motor de renderizado que Chrome (el motor Webkit) no soporta el formato ogg, aunque sí mp3 y wav
  • Mozilla Firefox: Soporta ogg y wav, pero no mp3.
  • Opera: Igual que Mozilla, sólo ogg y wav.
  • Internet Explorer: IE9 soporta mp3 y wav, como Safari. De versiones anteriores del navegador de Microsoft ya no me preguntes.

Ok, all right, yeah man! Ahora te estás preguntando “¿y cómo me aseguro de que mi archivo se reproduzca en todos los navegadores?”, o si leiste la entra de este mismo blog sobre la etiqueta vídeo ya no te lo preguntas, porque el método es igual. Hay que meter etiquetas source con los distintos archivos dentro de una etiqueta audio, tal que así:

<audio controls autoplay>
    <source src="prueba.ogg" type="audio/ogg" />
    <source src="prueba.wav" type="audio/wav" />
    <source src="prueba.mp3" type="audio/mp3" />
</audio>

Como te imaginas en la etiqueta source la propiedad src es lo mismo que en la etiqueta audio, y type nos permite definir el tipo de archivo que será.

En fin, como diría el guiñol de Michael Robinson “todo pescao vendido, hasta aquí todo por hoy” (léase con acento galés). Espero que os sirva de ayuda.