|

Incluye tus vídeos en tu web

ByLuis

si ya hace tiempo explicábamos cómo subir un vídeo en formato FLV a tu web y verlo mediante un visor incluido en la página web, ahora se trata de un artículo donde explican cómo hacer, de forma muy detallada, para casi todos los formatos de vídeo más comerciales, mostrar el vídeo en formato Flash (FLV).
En este caso se centran en los formatos de QuickTime, Windows Media y Abode Flash (aunque usando herramientas comerciales y no opensource como indicamos en el artículo anterior). Primero nos indican que debemos obtener la información del vídeo, luego codificarla y por último mostrarla.
Yo me sigo quedando con la alternativa opensource, pero es indiscutible que la explicación que nos ofrecen es de lo más completa.
The Rise of Flash Video, Part 3: Tackle your own project with this step-by-step primer

Similar Posts

¿Páginas totalmente en Flash?

ByLuis

flash.pngSupongo que esto puede ser un tanto polémico, pero aquí va el resumen de una entrada en la que recomienda no hacer páginas totalmente en Flash. Supongo que hay gustos para todo, a mí el Flash no me gusta especialmente, pero está claro que se pueden hacer cosas increibles, aunque también otras horribles (de estas mejor no pongo enlace para no buscarme enemigos).

Motivos por los que no deberías crear un sitio totalmente en Flash:

  • Se ha buscado mala fama, algunos visitantes cuando ven que está completamente en Flash cierran el navegador. [yo a veces soy de esos]
  • Buenos diseñadores no tienen por qué ser buenos diseñadores web, por lo que diseños muy atractivos pueden tener una mala navegación. [te quedas loco viendo la espectacularidad, pero luego te pasas un par de minutos moviendo el ratón por todas partes para saber que es un enlace]
  • Puede influir negativamente en el buen contenido. Muchos usuarios acceden a un sitio para buscar información, y les gusta que sea de forma rápida y sencilla, lo cual a veces no es del todo sencillo con Flash. [odio cuando no se puede seleccionar el texto para hacer un copy/paste]
  • Aunque una de las ventajas del Flash es necesita un plugin para visualizarse por lo cual el problema de compatibilidad de navegadores no existe, no implica que el usuario tenga la ultima versión del plugin, y no todo el mundo se va a bajar la última versión para ver la página. [sin embargo ese es uno de los problemas de SVG, que aún usando el mismo plugin de Adobe, se visualiza de forma diferente en distintos navegadores]
  • Los motores de busqueda no hacen caso a los contenidos en Flash.
  • El que te permita hacer cosas multimedia muy elaboradas suele implicar tener que esperar bastante a que se cargue la película flash, aún cuando aparece el preloader, la espera no suele gustar.
  • Lo bueno del HTML es que primero carga la página y luego las imágenes, por lo que puedes acceder a la información mientras se cargan las imágenes. [claro que un buen diseñador puede hacer lo mismo en flash]

El texto entre corchetes son mis comentarios sobre cada punto, no es lo único que pienso sobre el flash, también creo que es a veces mejor usar flash que HTML, por ejemplo en la página de un artista puede ser más efectivo el flash que el HTML.

Should You Make Your Website in Flash?

Vía / dzone

| |

Protege tus imágenes con Apache

ByLuis

Una de las cosas más molestas con las que te puedes encontrar al mantener un sitio, es ver cómo tus imágenes estan siendo utilizadas en otros sitios que las enlazan directamente a tu servidor, esto es molesto por dos motivos, evidentemente el uso de material gráfico de tu propiedad sin tu consentimiento, y la carga extra que sufre la conexión de tu página.
Para los que usamos Apache existe una fácil solución combinándolo con mod_rewrite, el método se basa en crear un fichero .htaccess que contenga una serie de reglas, que literalmente le indicarán al servidor que las imágenes solo se mostrarán si la petición viene del dominio propio.
Las reglas a añadir son las siguientes. Solo tendrás que sustituir el texto example.com por el nombre de tu dominio:

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^https?://(www\.)?example.com/?.*$ [NC]
RewriteRule \.(gif|jpg|jpeg|png|mp3|mpg|avi|mov)$ - [F,NC]
|

Cómo crear un portfolio en flash

ByLuis

Un buen tutorial en el que se explica cómo crear un portfolio en el que se cargan las imágenes dinámicamente. Explicado de forma muy detallada y fácil de seguir. El flash mostrará tres thumbnails, que al pinchar sobre ellos cargará la imagen correspondiente, mostrando el título y la descripción.
portfolio.png
Como única pega, a parte de que está limitado a tres imágenes, yo hubiera cargado los datos en un XML, en vez de en 3 ficheros de texto independientes.
Creating a Dynamic Portfolio in Flash
Vía / Pixel Groovy

|

Crear página de mantenimiento

ByLuis

fontanero_bloglines.jpg ¿Conocéis al fontanero de Bloglines?.

Cuando queremos realizar un mantenimiento de nuestra página web, a veces, lo que menos nos interesa es que la gente acceda a contenidos. Por ello se suele crear una página de mantenimiento, informando que ahora está inactivo el sistema y que volverá a estarlo en la mayor brevedad posible. Para poder configurar nuestro servidor Apache es necesario crearnos un archivo .htaccess que deberemos poner en el directorio raiz, si este ya existe, nos creamos el archivo con un nombre diferente, por ejemplo .htaccess_mantenimiento. Durante el mantenimiento es cuando tiene que estar el archivo o renombrar el original y el de mantenimiento. El contenido del nuevo archivo .htaccess deberá ser el siguiente:

RedirectMatch /*[^url-pagina-mantenimiento] url-pagina-mantenimiento

Un ejemplo sería:

RedirectMatch /*[^/mantenimiento.html] /mantenimiento.html

Con esto conseguimos redirigir todas las direcciones (/*) menos la página de mantenimiento ([^/mantenimiento.html]) a la página de mantenimiento.

iTunes Cover Flow con Flash

ByLuis

Los usuarios de iTunes o del iPhon/iPod Touch disponen de un visor de carátulas muy dinámico que permite recorrerlas todas con un efecto muy atractivo.
itunesalbum.png
Los datos sobre los álbumes y los artistas se mandan mediante un XML y enlazan mediante texto a las respectivas páginas.
Echo en falta un efecto de scroll mediante el movimiento del ratón, pero bueno, supongo que vendrá en versiones posteriores.
El código está diponible para Flash CS3 y Flash 8.
Flash iTunes Cover Flow – Version 2
Vía / WebAppers

|

Mejora la estructura de tu sitio Flash

ByLuis

flash.pngInteresante artículo que te ayuda a mejorar la estructura de tu sitio Flash. Teniendo en cuenta que no se trata del diseño gráfico, sino de cómo está formado internamente: organizando los keyframes, ActionScripts y las películas.
Una buena estructura nos puede ayudar al mantenimiento, actualizaciones, rapidez de carga … Entre los consejos que nos dan: que no debemos usar escenas, que el primer frame debe ser para recoger las variables globales, el segundo frame para reunir los archivos externos, el tercer frame para las CSS. Una lectura muy útil para aquellos que hemos aprendido a realizar animaciones Flash por nuestra propia cuenta (creo que somos la mayoría) y que por ello no realizamos animaciones del todo limpias.
The Best Structure for your Flash Site