Subir un vídeo en Drupal 6

Bueno, hace mucho que no escribo nada sobre mis andanzas en Drupal, y me he dado cuenta que o lo voy escribiendo según supero las cosas o luego no me acuerdo de nada. Así que ahora mismo que acabo de ver un video donde yo lo quería lo dejo escrito, porque tras casi una semana peleándome con ello resulta que no era tan difícil y bastaba con leerse bien rebien las instrucciones y darle un par de vueltas. Espero que quien se encuentre con esto lo tenga más fácil, y para completar está la documentación completa en inglés.

Para empezar, el tema de subir un video en Flash (para otros formatos no sé cómo habría que hacerlo) es mucho más complicado de lo que yo esperaba. Es decir, para subir un video de Youtube o desde otra página es relativamente fácil y basta con un módulo y poner el enlace, pero si queremos subir nosotros un video directamente al sitio Web y ponerle un reproductor, eso ya es más complicadillo. Además, como casi siempre en Drupal (y en diseño Web en general) hay mil formas de hacer las cosas, así que yo voy a explicar cómo lo he hecho yo porque es la forma que me gusta y, sobre todo, la que he conseguido hacer funcionar.

Los componentes

Lo primero, ya lo habrás imaginado, es bajar unos cuantos archivos que tenemos que meter en nuestra Web. En este caso, nos hacen falta:

  1. Módulo SWFTools (http://drupal.org/project/swftools)

  2. Los archivos de Flowplayer 3 (http://flowplayer.org/)

  3. Los archivos de Swfobject2 (http://code.google.com/p/swfobject/)

  4. Un video en formato .flv, que si estamos probando que la cosa funciona recomiendo que sea algo cortito y que no tarde la vida en subirse.

Haciendo magia

Ahora que tenemos todo, hay que ir subiendo los archivos correspondientes en su sitio. Lo primero es el módulo SWFTools, que no tiene misterio alguno ya que se hace igual que con todos los módulos: subir la carpeta “swftools” dentro de la carpeta “modules”. Cuando termina, tenemos que crear dentro de este módulo dos carpetillas donde vamos a meter los otros archivos que hemos bajado:

  1. swftools/shared/flowplayer3: en esta carpeta tenemos que subir los archivos flowplayer-3.0.7.swf, flowplayer.audio-3.0.4.swf y flowplayer.rtmp-3.0.2.swf. Leyendo las instrucciones detenidamente, en algún momento decía que flowplayer.audio-3.0.4.swf no funciona bien y que basta con cambiar el nombre a flowplayer.audio-3.0.3.swf. Yo lo he hecho y funciona. Todos estos archivos los tienes a mano en la página del Flowplayer, el primero como parte del paquete básico y los otros dos entre los “Streaming Plugins”. Y, sin leerlo en las instrucciones, he descubierto que si metemos en la carpeta el archivo flowplayer.controls-3.0.4.swf (que está también en el paquete normal del Flowplayer) el reproductor tendrá botoncitos, que si no no aparecen y es una jodienda. Supongo que el tema de las versiones no influirá mucho.

  2. modules/swftools/sharedswfobject2: Y metemos dentro el archivo swfobject.js. que encontrarás en la página http://code.google.com/p/swfobject/. Este tiene gracia porque se llama igual el de la versión 1 y el de la versión 2, así que asegúrate que bajas el adecuado (y si no, tampoco pasa nada porque al intentar configurarlo todo te dirá que te faltan archivos y te dará el link para ir a descargarlos).

Ahora que tenemos todo instalado, vamos a admin/build/modules y activamos los módulos correspondientes dentro del SWFTools, a saber: SWF Tools, FlowPlayer 3 y SWFObject2. Una vez que tenemos todo instalado, vamos a web/admin/settings/swftools y configuramos todo como nos guste (tamaños, colores y mil cosas más). Sólo son vitales dos cosas: en la pestaña Embedding Options > Embedding methods seleccionar el SWFObject 2 – JavaScript; y en la pestaña “file handling” marcar en todos las opciones que el reproductor a utilizar es el Flowplayer3. El último paso de la instalación, y este es el truqui que me ha llevado a mí días encontrar, es que hay que ir a Formatos de entrada y crear un formato de entrada (yo lo llamo “flash”, siempre original y creativo) marcando la opción SWF Tools filter. Los videos tenemos que subirlos en formato .flv a sites/default/files, o (si nos leemos las instrucciones en la propia pestaña del SWF Tools> file handling> file locations) tenemos que añadir a nuestro archivo settings.php (el que controla todo el tema del Drupal) estas líneas:

$conf = array(
'swftools_media_url' => 'http://anothersite.com/media', // No trailing slashes!
);

Donde ‘http://anothersite.com/media’ se sustituye por la ruta de la carpeta donde vayamos a subir los videos. Y ya sólo nos queda crear el contenido. Vamos a crear contenido, sea una página, una historia o el que nosotros queramos, le cambiamos el formato de entrada al de FLASH y, donde queramos el video, escribimos <swf file=”mivideo.flv”>.

Para rematar, a mí no me salía centrado el reproductor y eso es algo que me quema sobremanera. Así que en la hoja CSS del tema que estemos usando añadimos

/***flowplayer***/
.swftools-wrapper { text-align:center }

Eso lo centra, y ya quien quiera meterse a decorarlo más que se ponga a ello y lo disfrute. Y, sobre todo, si alguien consigue hacer una lista de reproducción con sus botoncitos al lado del reproductor, que lo diga.


Comentarios

16 respuestas a «Subir un vídeo en Drupal 6»

  1. Wow! fantástico me ha funcionado a las mil maravillas para solucionar mi problema de PHP 5.3

  2. ¡Genial Maomcr, muchas gracias por el aporte! ¿Has pensado en escribir tu propio artículo sobre el tema? Se te daría bien 😉

  3. Luego de investigar acerca del error de la ruta, que según entendi me dio por estar usando PHP 5.3 (PHP 5.3, Drupal 6.2, Windows 2003 Server), en http://drupal.org/node/401140 encontre que hay que correr varios patch, y como no entendi muy bien como hacerlo me decidi instalar el swftools 6.x-3.0-beta5.

    Estos son los pasos que segui:

    1. Bajar lo necesario (que es lo mismo que indicas en el articulo original, en el caso de SWFTools la version Beta)
    2. Copiar los archivos a sus lugares, que aca si cambio un poco:
    – swftools a la carpeta «modules»
    – crear una carpeta llamada «libraries» en «Sites\all\»
    – copiar la carpeta «swfobject» en «libraries»
    – copiar la carpeta «flowplayer3» igualmente en «libraries», igualmente bajar los pluggins y copiarlos en esta carpeta
    3. En «admin/build/modules» igualmente habilitar SWF Tools, FlowPlayer 3 y SWFObject2.
    4. En «admin/settings/swftools/flowplayer3» revisar los nombres de archivo y poner los correctos (los cambie de 3.2.6 a 3.2.7 y puse el nombre del archivo en la parte de controles)
    5. En «admin/settings/swftools/embed» lo mismo que indicas
    6. En «admin/settings/swftools/handling» todo a FLowPlayer3
    7. En Formatos de entrada lo mismo que indicas
    8. En lugar de ahora se usa [], asi que en lugar de poner hay que poner [swf file=’mivideo.flv’]
    9. Registre el tipo FLV como Mime en IIS:
    – Seleccionar elsitio y dar click derecho, seleccionar «Propiedades»
    – En HTTP Headers, seleccionar «File Types» y en MIME Map seleccionar «New Type»
    – Escribir «.flv» como la extension y «video/x-flv» como el tipo de contenido
    – Seleccionar «OK» y listo!
    (esto ultimo lo tome de http://it.toolbox.com/blogs/rymoore/adding-flv-mime-type-in-iis-4198)

    Bueno, espero que les sirva a los que todavia no nos movemos a Drupal 7 =)

    saludos

  4. Para mantenerlo actualizado: siguiendo todos estos pasos, solo con las versiones mas actualizadas, me dio el error «warning: Parameter 2 to flowplayer3_swftools_flashvars() expected to be a reference»

    Solución: sustituir «_swftools_flashvars($action, &$methods, &$vars)» por «_swftools_flashvars($action, $methods, $vars)». en los siguientes archivos:

    /sites/all/modules/swftools/flowplayer/flowplayer.module
    /sites/all/modules/swftools/flowplayer3/flowplayer3.module
    /sites/all/modules/swftools/genericplayers.module
    /sites/all/modules/swftools/imagerotator/imagerotator.module
    /sites/all/modules/swftools/onepixelout/onepixelout.module
    /sites/all/modules/swftools/simpleviewer/simpleviewer.module
    /sites/all/modules/swftools/wijering/wijering.module
    /sites/all/modules/swftools/wijering4/wijering4.module

    (la solucion la encontre en http://drupal.org/node/646458#comment-2694416)

    ahora me esta dando un error 200: Strean Not found, y me marca la ruta «http://misitio/sites/default/file/sites/default/files»

    cuando lo solucione lo pongo aca para mantener actualizada la info (y para no olvidarla)

  5. @Maomcr: Me alegro de que sea útil. Eso sí, ten en cuenta que es de hace bastante tiempo y a lo mejor se ha quedado desactualizado.

  6. Este articulo esta genial, llevo dias intentando publicar un video. Muchas Gracias por tu ayuda

  7. @Idelsis: cuando escribí el artículo, era todo gratuito. Y acabo de comprobar los enlaces y sigue habiendo una versión gratuita de flowplayer y los plugings se pueden descargar de gorma gratuita…

  8. Los archivos que se especifican de flowplayer no se pueden encontrar en algún otro sitio gratis ???????

  9. @Idelsis: estos vídeos de los que hablamos son los que están en tu PC, pero lo que tienes que hacer es subirlos a tu servidor, a una carpeta que tú elijas.

  10. Y en caso de que quiera subir un video que tenga en mi pc o sea que no sea de otro sitio, cómo lo haría ??????

  11. Prueba a copiar la carpeta entera de swfobject2 dentro de shared y haz lo mismo con la carpeta flowplayer3. Espero que así te sirva.
    Un saludo

  12. Avatar de maria jose

    Hola, estoy realizando una pagina web con drupal y tenia exactamente este problema, es decir no sabia como subir vídeos, al encontrar, este foro, creí hallar la solución a mis problemas. He seguido las instrucciones, pero cuando ya estoy en cambiando las opciones en Embedding Options > Embedding methods seleccionar el SWFObject 2 – JavaScript, me dice que no encuentra este archivo, pero debería encontrarlo, bueno, como pone un enlace donde bajarlo, lo hago, pero sigue dandome el mismo fallo!!!

    ALguién podría ayudarme,please???

    gracias

  13. @Angel: tienes los archivos de flowplayer (principales) en esta página. Probablemente quieras la versión gratuita.
    http://flowplayer.org/download/index.html

    El plugin del audio: http://flowplayer.org/plugins/streaming/audio.html
    El plugin rtmp: http://flowplayer.org/plugins/streaming/rtmp.html

    He visto que ahora hay un plugin para la barra de control, lo mismo es interesante, o lo han sacado del paquete principal.

    No pongo el enlace directo porque la versión cambia e interesa siempre descargar la más nueva

  14. hola buenas!!!!
    no consigo bajarme los archivos que comentais de flowplayer 3

    si alguien me hiciera el favor de mandarmelos al correo se lo agradecería!!!!

    [email protected]

    un saludo, muchas gracias

  15. @Carmina: Me alegro. A ver si encuentras la forma de meter las listas de video 😉

  16. Genial!!! Me han sido de gran ayuda las indicaciones paso a paso… Gracias.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *