Publicidad:
La Coctelera

aulainformatica

7 Junio 2008

Crear Screencasts con software libre y accesibles desde tu servidor web

Utilizo xvidcap para crear el video.

Una ventaja de la herramienta xvidcap es la posibilidad de generar el fichero de la captura convertido a formato flv con codec de video Flash Screen Video, con lo cual, evito un proceso posterior y con otra herramienta, dedicado solo a la conversión.

He probado de utilizar recordMyDesktop pero me encuentro con el problema de obtener un fichero flv en condiciones mediante el uso de algún conversor, ya que recordMyDesktop (que consigue una muy buena captura) lo deja en un formato ogv.

Creo una sencilla aplicación Flex

Para ponerlo en la web, utilizo el siguiente código 'mxml' el cuál compilaré utilizando el compilador de línea de comandos mxmlc

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel title="Nuestras Screencasts" layout="horizontal">
<mx:List id="myList" width="95" height="557" >
<mx:dataProvider>
<mx:Object label="Repositorios" data="assets/scast5.flv" />
<mx:Object label="Proy. Integrado" data="assets/scast6.flv" />
</mx:dataProvider>
</mx:List>
<mx:VideoDisplay id="videoViewer" width="863" height="557" source="{myList.selectedItem.data}"
volume="{myVolume.value}"
/>
<mx:ControlBar>
<mx:Label text="{videoViewer.playheadTime.toPrecision(2)}"/>
<mx:Button label="Play" click="videoViewer.play( )"/>
<mx:Button label="Pause" click="videoViewer.pause( )"/>
<mx:Button label="Stop" click="videoViewer.stop( )"/>
<mx:HSlider id="myVolume" maximum="1" width="80" creationComplete="myVolume.value = 0.75" />
</mx:ControlBar>
</mx:Panel>
</mx:Application>

Los ficheros scast5.flv y scast6.flv, que se especifican en el código han sido obtenidos mediante xvidcap en el paso de creación del video.

Usar la aplicación mediante una página html

<object id='application' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=9,0,0,0' height='100%' width='100%'>
<param name='src' value='screencast.swf'/>
<embed name='application' pluginspage='http://www.macromedia.com/
shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' src='screencast.swf'
height='100%'
width='100%'/>
</object>

El fichero screencast.swf, que se indica, es el obtenido en la compilación del mxml; es decir el proceso se resume en esto:

$ mxmlc screencast.mxml -----> se obtiene ----> screencast.swf

Siendo screencast.mxml el fichero que contiene el código de la aplicación (escrito arriba)
el compilador
mxmlc viene incluido en Flex.

Una vez completada la tarea podríamos renombrar al artículo: Desde la screen a la web




L

servido por aulainformatica sin comentarios compártelo

sin comentarios · Escribe aquí tu comentario

Escribe tu comentario


Sobre mí

Fotos

aulainformatica todavía no ha subido ninguna foto.

¡Anímale a hacerlo!

Categorías

Buscar

suscríbete

Selecciona el agregador que utilices para suscribirte a este blog (también puedes obtener la URL de los feeds):

¿Qué es esto?

Crea tu blog gratis en La Coctelera