unijimpe

ToobPlayer FLV/Youtube Player

07/09/2008
8:31 pm
unijimpe

ToobPlayer es un componente para flash que te permitirá tener un Video Player para reproducir archivos FLV o vídeos Youtube directamente y sin necesidad del Player original de YouTube. Además de ello viene con 5 diferentes skins con lo cual podrás seleccionar el que mas se ajuste a tu diseño.

Este componente lo puedes utilizar con ActionScript 2.0, para ello abres el panel de Componentes y arrastras sobre el stage el Skin que mas te agrade y en el panel de propiedades ingresas la ruta del archivo FLV a reproducir.

Si deseas reproducir vídeos de Youtube, adicionalmente tienes que colocar la dirección de un proxy de Youtube, el cual es un archivo php que se encarga de resolver el archivo flv del video que se esta solicitando para luego reproducirlo. Este archivo proxy viene incluido entre los archivos del componente y se llama fl_youTubeProxy.php.

Ahora, otra forma de asignar el video que deseas reproducir es utilizando ActionScript, para ello si vas a reproducir un video de Youtube, primero nombras el elemento, por ejemplo player para luego asignas el archivo a reproducir:

Actionscript:

player.url = "http://www.youtube.com/watch?v=yCS_-DshXek";
player.youTubeProxy = "fl_youTubeProxy.php";

Adicionalmente tiene soporte para fullscreen el cual puedes habilitar en el panel de configuración. Como pueden ver es muy sencillo de utilizar, con solo unos pasos o unas lineas de código podemos tener un video player de muy buena calidad integrado a nuestro web.

Posts Relacionados

ActionScript, Flash, General, Tools
3 Comentarios

SpryTube 2.0

07/09/2008
1:50 pm
unijimpe

Despues de mucho tiempo decidí hacer algunas mejoras al buscador de videos Sprytube el cual si bien es cierto funcionaba, necesitaba algunas opciones adicionales para ser mas útil y sencillo de utilizar.

Diseño completamente renovado
Hemos utilizado un template CSS de Free CSS Templates con colores y distribución mucho mejor que la anterior versión. Obviamente a este template le hicimos algunas modificaciones y correcciones para adaptarla a nuestro buscador.

Nuevo Video Player
Ahora utilizamos un nuevo Video Player con mejor estética llamado ToobPlayer el cual permite reproducir videos de Youtube sin necesidad de utilizar el video player original.

Descarga en MP4
Ahora puedes descargar los videos en formato MP4 el cual lo puedes reproducir directamente en tu iPod, iPod Touch, iPhone o iTunes sin necesidad de alguna conversión adicional. Adicionalmente se ofrece la descarga en el formato original FLV.

Nuevas Opciones
Ahora hemos puesto listados con: Los mas vistos, los mas populares, los mas votados, los mas recientes. Adicionalmente a estos al visualizar el vídeo hemos puesto un listado con los Videos Relacionados con lo cual facilitamos la navegación entre los vídeos.

Finalmente hemos actualizado la versión de SimplePie con el cual obtenemos la información por Feeds y optimizado todo el código incluso utilizando cache para acelerar la velocidad de carga del web. También hemos creado una categoría en nuestro foro Forum - SpryTube para que puedan hacernos llegar sus observaciones y sugerencias.

Posts Relacionados

Detectar Browser iPhone

04/09/2008
1:30 am
unijimpe

Actualmente hay muchos usuarios que acceden desde dispositivos mobiles a nuestras web, entre ellos iPhone el mas popular y mas avanzado. En esta ocasión veremos algunas formas de detectar que el usuario esta accediendo desde un iPhone o iPod Touch para posteriormente redireccionarlo a una versión optimizada de nuestro web.

HTTP_USER_AGENT
El HTTP_USER_AGENT es header enviado que indica las características del navegador utilizado. Si por ejemplo accedemos utilizando Firefox, esta propiedad sería de la forma:

CODE:

HTTP_USER_AGENT=Mozilla/4.0
(compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727)

A diferencia de ello si accedemos utilizando Safari de iPhone o iPod Touch este sería de la forma:

CODE:

HTTP_USER_AGENT=Mozilla/5.0
(iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+
(KHTML, like Gecko) Version/3.0 Mobile/1C25 Safari/419.3

Entonces utilizando esta propiedad vamos a detectar cuando un usuario accede desde un iPhone.

Utilizando PHP
Si utilizamos PHP, podemos hacer uso de la variable global $_SERVER en donde buscamos la palabra iPhone, para ello creamos la siguiente función:

PHP:

function iPhoneCheck() {
$browser = strpos($_SERVER['HTTP_USER_AGENT'], "iPhone");
if ($browser === false) {
return false;
} else {
return true;
}
}

Luego para utilizamos esta función y podemos ver el ejemplo funcionando en iphone/detect.php.

Utilizando Javascript
En el caso no tengamos acceso a un lenguaje de servidor, podemos utilizar Javascript para detectar si el usuario esta accediendo desde un iPhone.

JavaScript:

function iPhoneCheck() {
var agent = navigator.userAgent.toLowerCase();
var iphone = (agent.indexOf('iphone')!=-1);
if (iphone) {
return true;
} else {
return false;
}
}

Luego podemos ver un ejemplo del empleo de esta función en iphone/detect.html.

Utilizando CSS
Otra posibilidad es entregar hojas de estilo de acuerdo al browser utilizado por el cliente, para ello utilizaremos la propiedad only de CSS para aplicar el estilo unicamente cuando se cumpla las condiciones de ser la pantalla de un iPhone.

HTML: