Reproductores multimedia para Drupal 7

html5-videoEn muchos de los proyectos Drupal se tiene la necesidad de implementar la reproducción de videos dentro de nuestro sitio. Una alternativa, la más sencilla, es implementar el módulo Video Embed Field que permite permite incrustar videos desde Youtube y Vimeo o mostrar sus thumbnails para ingresar a la dirección url del video. Sin embargo, cuando se requiere reproducir videos que no estén hospedados en servidores de terceros, es necesario implementar un reproductor multimedia. Drupal 7 tiene varios módulos que permiten realizar esta tarea.

A continuación se muestra los módulos que implementan esta funcionalidad.

MediaElement.js

Sitio oficial: http://mediaelementjs.com/

Módulo Drupal: https://drupal.org/project/mediaelement

Permite implementar el plugin del reproductor HTML5 MediaElement.js en Drupal. MediaElement es un plugin jQuery que permite emplear los tags video y audio usando h.264 para trabajar en los navegadores que no soportan el tag o el códec y proporcionar una consistente interface a través de todos los navegadores.

Video.js

Sitio oficial: http://www.videojs.com/

Módulo Drupal: https://drupal.org/project/videojs

Video.js es un reproductor de video basado en HTML5 con un fallback Flash para navegadores antiguos. Por medio de este reproductor, se puede reproducir videos en casi todos los dispositivos y sistemas operativos, proporcionando los codecs adecuados que serán usados.

JW Player

Sitio oficial: http://www.longtailvideo.com/

Módulo Drupal: https://drupal.org/project/jw_player

Permite implementar el reproductor JW Player en Drupal. Proporciona un formateador de campo para renderear archivos usando JW Player. Usa la versión de video HTML5 del reproductor, el cual es compatible con dispositivos móviles, con lo cual sólo se usa Flash si es necesario.

jPlayer

Sitio oficial: http://www.jplayer.org/

Módulo Drupal: https://drupal.org/project/jplayer

Este módulo permite implementar un reproductor basado en HTML5 que emplea un fallback Flash para navegadores que aún no tienen soporte para HTML5. Permite una presentación por defecto para el reproductor, además integra mediante el módulo Content Construction Kit (CCK) campos de archivo y un estilo de visualización de vistas.

MediaFront

Sitio oficial (Open Standard Media (OSM) Player): http://mediafront.org/osmplayer

Módulo Drupal: http://drupal.org/project/mediafront

El módulo MediaFront es una solución multimedia frontend para Drupal. Emplea un innovativo e intuitiva interface de administración que permite al administrador del sitio personalizar la experiencia multimedia en frontend para sus usuarios sin escribir ningún código. Este módulo proporciona una interfaz con la cual reproductores multimedia de terceros pueden integrarse y utilizar los ajustes preestablecidos para visualizar multimedia.

Si se quiere realizar una comparación entre los distintos reproductores multimedia, de manera que se pueda conocer las características de cada uno de ellos. En la página presentada en html5video.org se muestra una breve comparación entre los reproductores multimedia presentados e incluso algunos más.

Instalación de Drupal 7 y Drush 5.8 en Windows 7

En el presente artículo, describe una de las maneras por la cuales se puede realizar la instalación, en el sistema operativo Windows 7, del conocido CMS Drupal en su versión estable más reciente Drupal 7.22 y Drush 5.8 que es un paquete de comandos para Drupal que permite descargar, habilitar, deshabilitar, desinstalar, actualizar módulos, temas, perfiles y traducciones desde la línea de comandos.

Instalación de Drupal 7.22

Primeramente, es necesario tener instalado un servidor con tecnología WAMP (Windows + Apache, Mysql y PHP), como ser wampserver o xampp.

En el sitio oficial de Drupal se puede descargar todas sus versiones, la versión estable más reciente a la fecha es Drupal 7.22. Una vez descargado el archivo, se debe descomprimir el mismo y subirlo a su servidor. Suponiendo que se está trabajando en un servidor local, se deberá copiar la carpeta descomprimida Drupal-7.22 en la carpeta que contiene los archivos de sitios en tu servidor local, por ejemplo C:\xampp\htdocs\ en xampp o C:\wamp\www\ en wamp. Comprueba también que se han subido todos los archivos y carpetas, incluyendo el archivo .htaccess.

Se debe crear un host virtual, para el acceder mediante una dirección url, por ejemplo http://www.miprimersitiodrupal.com/, a la carpeta del sitio en nuestro servidor local. Asegúrate que la dirección apunte a la ruta “c:/wamp/www/drupal-7.22” o “C:/xampp/htdocs/drupal-7.22” a menos que hagas renombrado la carpeta.

En nuestro navegador web preferido, ingresamos al nombre del servidor que se asignó en nuestro host virtual, como por ejemplo http://www.miprimersitiodrupal.com/.

Aparece la primera pantalla de instalación de Drupal 7, la cual está en inglés.

Select an installation profile_Drupal

El proceso de instalación es sencillo, por lo general se seleccionarán los valores por defecto. Se puede cambiar el idioma durante el proceso de instalación, en la segunda pantalla se muestra un enlace Learn how to install Drupal in other languages el cual explica los pasos a seguir para continuar con la instalación en otro idiomaother_language

Se debe descargar el paquete de traducción del idioma que se quiere instalar, en nuestro caso español, para el cual se puede acceder en en el link https://localize.drupal.org/translate/downloads?project=drupal y seleccionamos el link que hace referencia a Spanish en la versión 7.x.

Como indica en la página de instalación actual, el archivo descargado drupal-7.22.es.po en ruta \profiles\standard\translations en la carpeta de nuestro sitio Drupal. Una vez realizado esto, se debe hacer clic en el link Reload the language selecction page after adding translations, el cual recarga la página de instalación actual.

select_language

Ahora el sistema tiene dos opciones, English (built-in) y Spanish (Español), seleccionamos Spanish y continuamos.

Se verificará los requisitos para el funcionamiento de Drupal 7, y posteriormente en la página de Configurar base de datos, se debe ingresar el nombre de una base de datos existente y el nombre de un usuario y su contraseña.

Instalando Drupal_Drupal

Una vez verificada la información de acceso a la base de datos, comienza el proceso de instalación automático. Luego, se sigue con la configuración del sitio, en el cual se debe ingresar: nombre del sitio web, dirección de email, nombre de usuario, contraseña y otros datos opcionales.

Al finalizar el proceso se debe mostrar la siguiente pantalla.

completedInstall

Ahora, puedes hacer clic en Visite su nuevo sitio el cual te mostrará tu sitio Drupal 7 en modo local.

www.miprimersitiodrupal.com

Instalación de Drush 5.8

Como se indicó, Drush básicamente es un paquete de comandos para Drupal los cuales se pueden ejecutar desde la línea de comandos. Para instalar Drush en Windows 7, se debe descargar el instalador para sistemas operativos Windows del sitio oficial de Drush  , además en el sitio se cuenta con toda su documentación. Ejecuta el instalador en como Administrador, por defecto están seleccionadas las 3 primeras características del árbol de opciones, pero es necesario activar todas las características de lo contrario se tendría que configurarlos “a mano”. La pantalla de configuración debería quedar así:

select_items

Luego se selecciona “Next”, en la siguiente ventana haz clic en “Install” comienza el proceso de instalación. Una vez concluido, cierra la ventana del instalador.

En el escritorio, o mediante el botón inicio de Windows, busca el acceso a Drush Command Prompt y ejecútalo como administrador.

El comando drush status nos permite conocer el estado actual de Drush. Para realizar alguna acción con Drush en nuestro sitio web, se debe ingresar al directorio del sitio web.

drush status

Para descargar un módulo, se emplea el comando dl (download) y el nombre del módulo. Por ejemplo, se puede descargar el módulo pathauto:

drush dl pathauto

Los módulos adicionales de Drupal se encuentran en el directorio \sites\all\modules\ y es ahí donde Drush los descarga.

Para habilitar un módulo se emplea el comando en (enabled) y el nombre de un módulo que está dentro del directorio \sites\all\modules\. Por ejemplo, se puede habilitar el módulo pathauto que ya se ha descargado:

Drush en pathauto –y

-y no muestra un mensaje de confirmación, asume “yes”.

Los comandos arriba descritos, se deben ejecutar en el orden como aparecen en la siguiente imagen:

drush_command_prompt

Ingresa a tu sitio Drupal y en ingresa en módulos, ahora se podrá observar que se ha añadido un nuevo módulo Pathauto y el mismo está habilitado.

Módulos_www.miprimersitiodrupal.com