Hace unos meses en la programación de la web de el Pabellón de iniciativas ciudadanas de la Expo Zaragoza 2008, elfaro2008.org, se nos pidió emitir televisión en directo mediante streaming de varios de los actos programados en el pabellón.
Para esto se alcanzó un convenio con Salesianos Zaragoza y el Conservatoire National des Arts et Métiers (CNAM) de París, que contaban ya, con su plataforma de emisión, y que usan, entre otras cosas, para la formación on line.
La plataforma informática, plei@d, ofrece un servicio inmejorable y que funciona a la perfección, de hecho es usado por organizaciones tan diversas como UNESCO, Universidad de París VI, Colegio Fránces de Médicos, Colegio Fránces de Farmacéutico y universidades de Brasil y Rusia…
Pero nosotros quisimos integrarlo en Joomla!
La plataforma emite streaming en directo mediante un archivo rm de Real Media, que se va creciendo a medida que se está grabando. Leer esa información y empotrarla en el código de Joomla! no es excesivamente díficil, es más se puede hacer desde el mismo editor, de la misma manera que integramos un archivo flash, quicktime…
Al usuario solo se le exige que descargue un programa de http://spain.real.com/player/win/ para ser capaz de visualizarlo. El programa se ofrece para varias plataformas: Microsoft windows, Mac OX y sistemas operativos basados en linux. Nuestra idea es siempre poder llegar a todo el mundo independientemente de que sistema o navegador se esté utilizando.
Para ello hicimos pruebas con Windows, probamos XP y Vista, Mac OS X y algunas distribuciones de linux más populares, Ubuntu, Mint… También hicimos lo propio con lo navegadores, Safari, Firefox e Internet Explorer. En principio no tuvimos problemas para hacer que funcionara en todos lo sitios.
Pero pasamos una cosa por alto. A algunos usuarios de iExplorer se les pedía instalar un control ActiveX para visualizar el video, esto era un problema para los usuarios que trabajan en red y dependen de un administrador de sistema. Pero este no era realmente nuestro problema porque el control ActiveX que se pedía, lo hacía para manejar un plug-in de Macromedia Flash.
¿Dónde está el problema?
Nuestro código tenía este aspecto, lo hicimos a mano en lugar de usar la herramienta integrada en Joomla! ( que, por cierto, nos daba el mismo problema.)
<!– PANTALLA VIDEO –>
<object classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701″ id=”media” width=”352″ height=”288″>
<param name=”id” value=”media” />
<param name=”width” value=”352″ /><param name=”height” value=”288″ />
<param name=”controls” value=”ImageWindow” />
<param name=”autostart” value=”false” />
<param name=”background” value=”#008080″ />
<param name=”nologo” value=”true” />
<param name=”console” value=”S01E01″ />
<param name=”src” value=”rtsp://XXXXXXXX/semana1_video01.rm” />
<embed type=”audio/x-pn-realaudio-plugin” id=”media” width=”352″ height=”288″ controls=”ImageWindow” autostart=”false” background=”#008080″ nologo=”true” console=”S01E01″ src=”rtsp://XXXXXXXXX/semana1_video01.rm”>
</embed>
</object>
<br />
<!– FIN PANTALLA VIDEO –>
<!– PANEL CONTROL VIDEO –>
<object classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701″ id=”media” width=”352″ height=”36″>
<param name=”id” value=”media” />
<param name=”width” value=”352″ />
<param name=”height” value=”36″ />
<param name=”controls” value=”ControlPanel” />
<param name=”autostart” value=”FALSE” />
<param name=”background” value=”#008080″ />
<param name=”nologo” value=”true” />
<param name=”src” value=”rtsp://XXXXXXXXXXXX/semana1_video01.rm” />
<param name=”console” value=”S01E01″ />
<embed type=”audio/x-pn-realaudio-plugin” id=”media” width=”352″ height=”36″ controls=”ControlPanel” autostart=”FALSE” background=”#008080″ nologo=”true” src=”rtsp://XXXXX/semana1_video01.rm” console=”S01E01″>
</embed>
</object>
Aparentemente todo correcto no? Efectivamente, este es el código bueno. Entonces, dónde se le dice a iExplorer que descargue un ActiveX de Macromedia Flash.
El problema no estaba como podíamos esperar en iExplorer, si no en el editor que viene con Joomla!, TinyMCE. Con su configuración por defecto, cambia esta parte del código:
<object classid=”clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA” codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701″ id=”media” width=”352″ height=”288″>
por esta otra:
http://download.macromedia. com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0
Para solucionarlo, se puede, o bien configurar el TinyMCE para que no limpie el código, o bien la solución que adoptamos nosotros, por conveniencia de trabajo, que era deshabilitar el editor para escribir a mano el código, guardar el artículo y volver a habilitar el editor, con lo cual no hacia ningún cambio en nuestro código.
En realidad, esto lo tuvimos que hacer solo una vez, por conocíamos de antemano el nombre y dirección de los archivos, gracias a que la gente de Salesianos son unos profesionales. Luego basto con publicar los artículos uno a uno.
Relacionados: