de webmaster a webmaster

Lo que tenemos clasificado como ‘Utilidades vídeo

Conversor de vídeo Online

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Observa la diferencia entre estos dos formatos de vídeo online uno realizado con la herramienta de conversión online Vid.Ly y otro con el clásico <object> de YouTube

Vídeo en Vid.ly funcionando bajo HTML 5

El mismo vídeo en YouTube

Ahora saca tu Smartphone, sea iPhone sea Android o incluso un iPad o cualquier table con Android por debajo del 2.2 y prueba a visitar este mismo artículo.

Las diferencias son:

El vídeo bajo Vid.ly es universal, es decir se visiona correctamente en cualquier dispositivo.
El vídeo bajo Vid.ly empieza en negro, es decir, no tiene un preview como el de YouTube
El vídeo bajo YouTube tiene publicidad o vídeos relacionados, posiblemente de tu competencia al final de la reproducción del mismo
Los controles del vídeo de YouTube no se ocultan los de Vid.ly sí
El vídeo bajo Vid.Ly funciona mejor a pantalla completa en sistemas Ubuntu 64 bits que el de YouTube

Y no sólo es eso, el sistema Vid.ly se encarga de comprimir tus vídeos y convertirlos gracias a la aplicación web que encontrarás en: http://vid.ly/

Te proporciona versiones incluso bajo .flv para sistemas antiguos y te los almacena gratis en la red de contenidos o CDN de Amazon S3.

También, tras comprimir un vídeo te muestra enlaces directos a vídeos en su versión móvil para que puedas enviar esos enlaces a tus vídeos por SMS de forma gratuita a través de la propia interface de la aplicación web aunque eso a mi no me ha funcionado, obviamente también puedes enviarlo por email, por ejemplo este vídeo lo tienes en: http://vid.ly/0l6f0i

Blogueado por uvedobles.com alias uvedobles.com

March 16th, 2011 a las 11:20 am

Iconos botones y elementos para reproductores

han cantado bingo! ahora deja tu respuesta

Hoy os traemos un conjunto de iconos para el diseño de reproductores de vídeo y audio para vuestros proyectos, haber quien se anima y saca ya, de una vez, un buen reproductor de vídeo bajo HTML 5 compatible con FireFox, Chrome, Safari, Linux, Mac y Windows, que sencillamente aunque muchos rezan de serlo parece que no, en especial el que muestra problemas es FireFox 3.6 con cositas bajo HTML5.

Peticiones a parte y volviendo al tema de este post, estos estilizados iconos muestran un acabado metalizado y ambient blu a medio camino entre los controles vistos en el sistema operativo del iPhone y los de algunas tablas de mezcla modernas.

Los iconos please (pulsa para ampliar y grábate la imagen):

Blogueado por uvedobles.com alias uvedobles.com

April 29th, 2010 a las 2:16 pm

Instalar iTunes en Ubuntu

con un 3 comentario, di la tuya, maracuya

iTunes es sobradamente conocido por la inmensa mayoría de usuarios pues este software se encuentra presente en la mayoría de ordenadores del planeta, tanto Windows como Mac lo utilizan como una de las mejores formas para gestionar la biblioteca musical desde el ordenador si bien los usuario de Linux no disponemos de este software de Apple listo para instalarlo en nuestro sistema lo podemos virtualizar con el maravilloso Wine.

Alternativas a iTunes en Linux

Existen otras alternativas para ordenadores Linux que permiten realizar prácticamente las mismas tareas, estas son Amarok, Banshee, Rythmbox si bien nosotros no hemos encontrado ninguna lo suficientemente buena gestionando nuestros podcast favoritos, probablemente porque estos se encuentren tan sólo bajo iTunes.

Instalar iTunes en Ubuntu

Descarga de iTunes desde la web de Apple

Antes de comenzar a preparar nuestro Wine para albergar iTunes en nuestro Ubuntu vamos a proceder a ir descargando iTunes desde la web de Apple pues ocupa nada más y nada menos que 93Mb. así que esto te llevará un ratito a menos que tengas una buena ADSL mientras podremos ir configurando Wine.

Descarga con tu navegador el instalador de iTunes desde la web de Apple: http://www.apple.com/itunes/download/

Instalar Wine

Para instalar Wine lo puedes realizar desde la aplicación Synaptics para instalar programas. Busca Wine e instala todos los paquetes

Configura Wine

Una vez instalado Wine deberemos configurar los aspectos referentes a la configuración del sonido.

Lanza la configuración de Wine, para ello deberías tener un nuevo grupo en el menú de Aplicaciones. En nuestro caso el grupo se llama Wine y el icono es una copa de vino, presiona sobre él y selecciona Configura Wine, te emergerá una nueva ventana.

Dirígete a: Pestaña Aplicaciones > Windows XP > Drivers > Autodetect

Si no figura esta pestaña ve directamente a:

Pestaña Audio

En ella marca la pestaña ALSA y desmarca OSS Driver, si no hay ninguna marcada n te preocupes esto puede ser normal.

En este punto Ubuntu, o mejor dicho Wine nos tira un error en pantalla como el que te mostramos a continuación:

Presiona sobre el botón “Aceptar”, ahora ya podemos ir nuevamente a la pestaña de Audio donde nos debería quedar algo así como lo que te mostramos a continuación:

Es decir dejamos marcado el “Manejador Alsa”

Ya puedes pulsar el botón “Aplicar” del configurador de Wine de forma que se cierre la aplicación Wine, ahora vamos a instalar iTunes, asegúrate que se ha descargado completamente y que lo tenemos en la carpeta de Descargas.

Instalando que es gerundio

Abre un terminal de línea de comando y desde allí ejecuta el siguiente comando:

wine iTunesSetup.exe

NOTA: El instalador de Wine necesita ser ejecutado desde el usuario que descargó la aplicación, no desde un usuario root, por raro que esto parezca. El error que te tirarará Ubuntu si no estás con el usuario correcto será algo así como:

directorio_de_descarga/.wine is not owned by you

Así que si recibes este error, abre un nuevo terminal y esta vez sin cambiar el usuario ni anteponer el modificador de usuario sudo vuelve a ejecutar el iTuneSetup.exe

Ahora Wine comenzará la instalación de iTunes, quizá veas algunos errores o rarezas en la ventana del terminal, no te preocupes, pronto te aparecerá una ventana como la que te mostramos a continuación:

Presiona sobre Next y continuará la instalación hasta que te aparezca en escasos segundos un nuevo diálogo como el que te mostramos a continuación y en el que por motivos de compatibilidad deberías desactivar todas las opciones

Presiona sobre “Install” y en la nueva ventana que te aparecerá responde que no se autoejecute al introducir un CD pulsando No.

Ahora comenzará el proceso de instalación de verdad, en nuestro caso ha tardado poco más de 20 segundos eso sí nos ha corrompido la pantalla un par de veces dejando de redibujar numerosas áreas, todo muy al estilo “Hola soy Windows y no se lo que es la multitarea”, cosa que hemos solucionado moviendo el mouse por la pantalla o al utilizar alguno de los efectos Compiz que tenemos instalados en nuestro Ubuntu.

Aquí lo tenemos: Tachán!!!

Ahora podrás lanzar tu iTunes desde Aplicaciones > Wine > Programas > iTunes.

En la primera ejecución deberás aceptar los términos de la licencia y posiblemente recibas una advertencia como la que te mostramos a continuación, eso es normal, pues le habíamos dicho que no importara los CD .

Si pulsas sobre Finish, comenzará el proceso de importación de música hacia la biblioteca, dependiendo del número de canciones que tengas esta tarea puede tardar bastante.

A nosotros nos ha recuperado absolutamente toda la música, podcast e incluso las aplicaciones que teníamos instaladas en el iPhone, ha tardado más de media hora pero he aquí el resultado.

Funciona prácticamente perfecto a excepción del iPhone que no ha sido reconocido y del acceso a la iTunes Store que cuelga la aplicación, podemos actualizar los podcast incluídos nuestros favoritos, acceder a toda nuestra biblioteca musical etc.

Consumo de recursos de iTunes

Si bien todo nos ha ido como la seda  parece que el consumo de recursos del conjunto Wine  + iTunes parece alto según el monitor de sistema de la captura anterior,y el detalle de la siguiente gráfica de sistema. Además de iTunes tenemos corriendo simultáneamente Chrome, FireFox, la plataforma de desarrollo NetBeans, un Transmission activo, doble pantalla una 4:3 a 1280 x 1024 píxeles y la otra a 1680 x 1050 píxeles. Todo en un Core i5 2,66Ghz. con 4Gb de Ram.

Blogueado por uvedobles.com alias uvedobles.com

April 9th, 2010 a las 8:48 am

Reproductor de vídeo en HTML5

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Os comentamos una noticia de aquellas que sin llamar en exceso la atención pueden iniciar un antes y un después en cuanto a programación web, ¿por qué? Pues porque con el nuevo reproductor de vídeo en HTML5 se cae al suelo otro de los grandes pilares que justifican la existencia del plugin propietario Adobe Flash para navegadores.

Este pilar es uno de los que aún mantiene vivo a Flash, la reproducción de contenidos en vídeo, hasta ahora vetada para su uso exclusivo, exigiendo sí o sí la presencia del plugin y por ende la obligación para todos los desarrolladores webs de trabajar bajo Flash en aquellas webs con alguna porción de vídeo entre sus contenidos.

Si bien el reproductor de vídeo bajo HTML5 que os mostramos en este post aún se encuentra en fase Alpha y contiene algunos fallos e incompatibilidades con navegadores antiguos o pseudonavegadores como Internet Explorer el camino no ha hecho nada más que comenzar.

No se trata de un desarrollo que excluya Flash al 100% pues Flash se utiliza si el navegador no soporta HTML5 o en el caso de que el reproductor HTML5 no detecte la presencia de un vídeo con la correspondiente codificación OGG, theora vorbis H.264 lanzará un microreproductor bajo Flash para asegurar que la lectura de casi todo tipo de vídeos y su funcionamiento en casi todos los navegadores.

Por nuestra parte lo hemos testeado con éxito bajo FireFox, Chrome, No funcionando para iPhone donde Safari iPhone te muestra un botón para abrir el reproductor quicktime con el objeto de ver ese clip, una vez pulsado funciona correctamente, pero con la sensación de que “has salido” de Safari.

Alguno de los bugs que hemos encontrado es que el botón de pantalla completa no ejecuta su función, maximiza el vídeo siempre dentro de los límites del navegador, si este no se encuentra maximizado a tope tan sólo ocupará el área del navegador, al contrario que Flash que permite realizar un fullscreen de verdad.

Aún con estos pequeños falos y limitaciones la idea, el concepto de reproducir vídeo sin plugins de por medio será el futuro sí o sí.

Enlace: http://www.filenew.org/projekktor/

Código fuente: http://code.google.com/p/projekktor-zwei/source/browse/trunk/index.php

Blogueado por uvedobles.com alias uvedobles.com

April 6th, 2010 a las 4:34 pm

Efecto Spray en Photoshop

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Os traemos una colección con 30 brushes para Photoshop con efecto de Spray. El fichero está en formato .abr en principio estos pinceles no son compatibles con nuestro querido programa de retoque fotográfico alternativo y gratuito, el Gimp, si bien puedes utilizar casi directamente estos brushes como pinceles de Gimp, tan sólo deberas copiar el fichero descomprido, es decir el .abr en la carpeta /usr/share/gimp/2.0/brushes

Si no tienes permisos de copia recuerda arrancar un nautilus con permisos de superusuario:

Primero cierra Gimp si está abierto, del todo. Abres una terminal y ejecutas:   sudo nautilus

Te pedirá la clave de usuario, luego se te abrirá una ventana de nautilus donde deberás copiar y pegar la dirección de: /usr/share/gimp/2.0/brushes para posteriormente copiar en ese directorio el archivo .abr

El archivo listo para descargar aquí: Pinceles o brushes estilo spray (1671)

A continuación una captura con los brushes que encontrarás en el archivo:

Blogueado por uvedobles.com alias uvedobles.com

March 19th, 2010 a las 8:57 am