JW Flash Video Player

  • 18/06/2007
  • 8:21 am
  • unijimpe

JW FLV Player es un reproductor de Video FLV hecho en Flash de código fuente abierto el cual puedes descargar y emplearlo para incluir videos FLV en tu website. Incluye todas las funcionalidades básicas de un player incluso la opción para fullscreen.

Cargando Flash

Incluir videos en tu website es sencillo con este player, para ello debes incluir el player en tu web utilizando SWFObject.

HTML:
  1. <script type="text/javascript" src="swfobject.js"></script>

Luego incluimos el player, para asignarle las propiedades lo pasamos por flashVars, entre las opciones tenemos: file define el vídeo a reproducir, image define la imagen a previsualizar, existen mucho mas parametros los cuales podemos encontrarlo en: http://www.jeroenwijering.com/extras/readme.html

HTML:
  1. <p id="player"></p>
  2. <script type="text/javascript">
  3. var so = new SWFObject('flvplayer.swf','player','300','250','7');
  4. so.addParam("allowfullscreen","true");
  5. so.addVariable("file","test.flv");
  6. so.addVariable("image","test.jpg");
  7. so.write('player');
  8. </script>

Como ven es muy sencillo de utilizar, además de ello tiene todo un API para controlar las propiedades del player con JavaScript, además hay plugin creados para la mayoría de CMS existentes incluyendo WordPress.

Posts Relacionados

SpryTube: Buscador de Videos

  • 18/06/2007
  • 7:28 am
  • unijimpe

SpryTube es un buscador de vídeos Youtube con la posibilidad de visualizar y posteriormente descargar el vídeo. Este buscador inicialmente desarrollado en AJAX lo hemos modificado para mejorar el método de búsqueda y descarga.

logo-sprytube.jpg

Esta nueva versión utiliza un nuevo método para el buscador, el cual utiliza php para hacer la consulta de los resultados, además se ha modificado el método para descargar los vídeos. El uso es muy sencillo, utiliza el buscador para ubicar el vídeo que deseas y luego puedes visualizarlo o descargarlo.

spryvideo.gif

Ahora si prefieres hacer la descarga directa de vídeos se ofrece un formulario en el cual debes ingresar el identificador del vídeo que deseas descargar. Ubicar el identificador del vídeo es sencillo, si estas visualizando un vídeo este tiene una dirección de la forma: http://www.youtube.com/watch?v=3C9CH3q9PLI en donde el identificador es 3C9CH3q9PLI

download.gif

Espero les guste y sea sencillo de utilizar, si tienen observaciones o sugerencias les agradecería mucho que me lo hagan llegar.

Posts Relacionados

MetaTags en HTML

  • 05/06/2007
  • 10:28 am
  • unijimpe

Los Metatags son tags HTML que se incluyen en los encabezados de una página web, estos valores no son visible directamente en la web pero son muy útiles para indicarle por ejemplo a los buscadores ciertos datos que deseamos. Estos datos los utilizan los buscadores para incluirlo en su base de datos y mostrarlo en su resumen de búsqueda y para clasificar las páginas web.

Los metatags son colocados en el header del html y la sintaxis utilizada para incluirlas es la siguiente:

HTML:
  1. <metatag name="" content="">

Existen varios metatags disponibles pero entre los mas importantes tenemos:

  • author: Define el nombre del autor o autores de la página web.
  • keywords: indica las palabras clave que contiene nuestro web.
  • description: indica una descripción del contenido de nuestra web.

El último metatag sirve para indicarle a los buscadores que texto mostrarán con resumen en el resultado de sus búsquedas. Es decir con esta opción nosotros podemos manipular el texto que aparecerá en los buscadores respecto a nuestra web. Si es que no se especifica esta opción el buscador tomará el primer párrafo de texto y lo mostrará en sus resultados.

Por ejemplo en este blog se definió los siguientes metatags.

HTML:
  1. <meta name="author" content="Jim Peñaloza" />
  2. <meta name="description" content="Articulos, tutoriales y noticias acerca de PHP, ActionScript, WordPress. " />
  3. <meta name="keywords" content="wordpress, php, actionscript, google, adsense, flash, thickbox" />

Con lo cual si buscamos por ejemplo en Google la palabra unijimpe obtendremos como resumen el texto que hemos definido en la opción description.

meta-google.gif

Este es un tema aparentemente sencillo pero que ayudará a nuestros visitantes a identificar que tipo información tenemos en nuestra web, basados en parámetros que nosotros mismos podemos definir.

Posts Relacionados