Incluye tu propio YouTube en tu blog

ByLuis

Aunque es cierto que los servicios como YouTube son muy buenos y nos quitan muchas complicaciones, también es cierto que si quieres colgar un video en tu blog, queda más serio que sea mediante tu propio servicio que usando YouTube.

En este caso vamos a usar una aplicación llamada FlowPlayer, que simula el streaming, ya que permite mostrar los vídeos (FLV o SWF) mientras se están cargando, por lo que no es necesario un servidor de streaming.

Su uso es sencillo, tan solo tendremos que incluir un fichero SWF que contiene el reproductor de vídeos en nuestra página, e indicarle la ruta del vídeo. Será también necesario pasarle al swf un parámetro para indicarle el archivo js que contiene la configuración del reproductor.

<object type="application/x-shockwave-flash" data="FlowPlayer.swf" width="450" height="430" id="FlowPlayer">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="FlowPlayer.swf" />
<param name="quality" value="high" />
<param name="scale" value="noScale" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="configFileName=flowPlayer.js" />
</object>

En el archivo js, a parte de muchas otras cosas, podremos indicar cuales son los archivos que queremos reproducir, permitiendo que sea una lista y no un único archivo.

playList: [
{ name: 'Uno', url: 'uno.flv' },
{ name: 'Dos', url: 'dos.flv' }
]

El siguiente problema con el que os podéis encontrar es el de saber cómo crear ficheros FLV. Para ello nada más fácil que bajarnos la aplicación Riva FLV Encoder (hay una versión gratuita) y usarlo para convertir nuestro video (mpeg) en FLV.

De todas formas, si tenéis alguna duda, podéis consultar la siguiente página: WWW FAQs: How do I add video to my web site? en el que se detalla más el proceso necesario.

Obtener información de páginas remotas con PHP

ByLuis

En ciertos momentos nos puede ser útil obtener información de páginas remotas, por ejemplo si tenemos un listado de páginas favoritas, pues obtener las palabras clave que tengan en el metatag, para poder clasificarlas con tags propias.

El proceso es sencillo mediante PHP, el problema es que algunos servidores, creo que pasa con DreamHost, no permiten el abrir ficheros de forma remota.

Primero debemos leer el fichero:

$url = "http://www.pagina.com/";
$fp = fopen( $url, 'r' );
$cont = "";
while( !feof( $fp ) ) {
$buffer = trim( fgets( $fp, 4096 ) );
$content .= $buffer;
}

Después podemos mirar cual es el título de la página:

$start = '<title>';
$end = '<\/title>';
preg_match( "/$start(.*)$end/s", $content, $match );
$title = $match[1];

Y por último obtener las metatags, usando para ello la función de PHP get_meta_tags, lo cual nos facilita el trabajo:

$metatagarray = get_meta_tags( $url );
$keywords = $metatagarray[ "keywords" ];
$description = $metatagarray[ "description" ];

Puedes verlo con una explicación más extensa en el artículo original.

Get Remote Web Page Information Using PHP

|

Reglas para maquetar varios elementos con CSS

ByLuis

Un tutorial bastante interesante que nos responderá varias preguntas sobre maquetación de varios elementos. Nos ayudará a comprender cómo apilar capas, alinear elementos inline, propiedades float y collapse, hasta un total de 15 preguntas:

CSS Tutorials – Understanding Multiple Element Formatting Rules

Vía / Pixel Groovy

links for 2006-09-15

ByLuis