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.

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

Vídeo en HTML5 (básico)

Utilizando HTML siempre nos encontramos con el problema de tener que depender de QuickTime y AdobeFlash para insertar audio o vídeo. HTML5 nos da las etiquetas AUDIO y VIDEO que nos permiten, con mayor facilidad, insertar este tipo de recursos multimedia en nuestra página.

En esta ocasión nos centraremos en la etiqueta VIDEO, que como habréis podido deducir nos permite insertar vídeos en nuestra página. El uso de esta etiqueta es tan simple como lo que podéis ver en el siguiente ejemplo:

<video src="example.mp4" width="600" height="320" controls preload></video>

Ya ves que no es complejo, aunque requiere una cierta explicación. Estos son los atributos que tienes a tu disposición:

  • SRC: Enlaza con el archivo de video que queremos reproducir
  • WIDTH: El ancho del video en pixeles.
  • HEIGHT: El alto del video en pixeles.
  • CONTROLS: Nos permite incluir los controles del reproductor del navegador como el botón de play o el volumen.
  • AUTOPLAY: Permite especificar si el archivo de video se reproduce desde que se carga la pagina.
  • PRELOAD: Carga un poco el archivo de video en el buffer antes de iniciar la reproducción, para que no se trabe mientras se reproduce.

Todo parecía muy fácil hasta aquí, pero, mi querido programador web, ya sabes que NUNCA es tan fácil. Si los problemas para conseguir la compatibilidad de tu maquetación en CSS en todos los navegadores te ha hecho envejecer prematuramente varios años ya sabes lo que viene ahora: Los distintos navegadores dan soporte a distintos formatos de vídeo (seguro que no te sorprende, seguro que te lo venías oliendo). Las compatibilidade de los motores de los navegadores con los codecs de vídeo son:

  • H.264 :: Soportado por Safari, Google Chrome e Internet Explorer 9. Se trata de un codec propietario
  • OGG Theora :Soportado por Firefox, Opera y Google Chrome. Es libre, pero menos eficiente que H.264, ya que ofrece menor calidad y mayor tamaño de los archivos.
  • WebM : Soportado por Google Chrome, Firefox y Opera, aunque Google también ha creado un plugin para que funcione en IE9, y en Safari debería funcionar ya que usa como base QuickTime para reproducir vídeo. Es libre, ofrece una calidad similar a H.264 pero además consigue una mejor compresión, creando archivos más ligeros. Incluso el FlashPlayer de Adobe soportará este formato.

Todo esto provocado por el enfrentamiento entre los consorcios WHATWGs (apoyado mayoritariamente por Google, Mozilla y varias empresas del campo de software libre) y MPEG-LA (este apoyado por el eje del mal: Apple/Microsoft). Tal cual está el tema de las licencias a día de hoy, en 2016 el codec H.264 podría pasar a ser de pago, así que habrá que tener ojo con eso.

Entonces ¿cómo consigo la compatibilidad entre varios navegadores? Tampoco es difícil. Lo que tienes que hacer es no poner el atributo src dentro de la etiqueta VIDEO. En su lugar, tienes que crear etiquetas SOURCE con los distintos src y especificando en cada uno el codec, y ponerlas entre la apertura y el cierre de VIDEO, como en el siguiente ejemplo:

<video width="600" height="320" controls preload></video>
  <source src="ejemplo.ogv" type='video/ogg; codecs="theora,vorbis"' />
  <source src="ejemplo.mp4" type='video/mp4; codecs="avc1,mp4a"' />
  <source src="ejemplo.webm" type='video/webm; codecs="vp8,vorbis"' />
 </video>

Como ves, la etiqueta SOURCE tiene como argumentos el src y type, donde definís el tipo de vídeo y el codec a reproducir.

En fin, el futuro próximo de la web está aquí, en HTML5. Haciendo uso de CSS además podréis lograr un reproductor más personalizado, más “bonito” y visible. Id pegándole un ojo.