viernes, junio 30, 2006

Radio xspf



Código
(utilizar mejor éste que el que proponen en el sitio oficial):

<object type="application/x-shockwave-flash" data="http://ruta_player.swf?playlist_url=http://ruta_playlist.xspf"
height="153" width="400"><param name="movie" value="http://
ruta_player.swf?playlist_url=http://ruta_playlist.xspf"></object>

Ayuda a la instalación (EN)
Descarga del lector en SourceForge

N.B.: La lista de reproducción es un archivo xspf.

jueves, junio 29, 2006

Radio Zanorg



Sitio Oficial (desacarga y explicaciones)
N.B.: Necesita servidor php e inserción mediante iframe o pup-up

Radio Zanorg en pop-up


+ Imagen...

viernes, junio 23, 2006

Slidestory

Slidestory (beta) combina la presentación de imágenes con la posibilidad de incluir audio-narración.
Ejemplo realizado por Felipe Zayas, participante en el Grupo de Trabajo Roa Multimedia 2006:


LIM:Libros Interactivos Multimedia

El sistema Lim es un entorno para la creación de materiales educativos, formado por un editor de actividades (EdiLim), un visualizador (LIM) y un archivo en formato XML (libro) que define las propiedades del libro y las páginas que lo componen.
Enlaces:
Sitio
Demo

lunes, junio 19, 2006

Diaporama Flash: Bubble Share


Otros diaporamas flash

Diaporama Flash: 01

En este sitio y con explicaciones en FR. Se trata de un diaporama de un funcionamiento muy parecido al de Dew pero que requiere un archivo XML en el mismo directorio que el reproductor.Resultado con fotos de París:

domingo, junio 18, 2006

Diaporama Flash: flickr

Probablemente una de las opciones más conocidas y espectaculares de realización de diaporamas en flash es la que ofrece el sitio más célebre de alojamiento de fotos flickr. Pinchando en el enlace se abre , en ventana emergente, el correspondiente diaporama:



Funcionamiento:
Lógicamente hay que ser usuario de Flickr.
Copiad el código que se indica abajo en vuestro blog o artículo remplazando el user_id=XXXXXXXX@NXXO por el vuestro. En el diaporama aparecerán todas las fotos "públicas" que tengáis en flickr. Si no lo conocéis podéis utilizar este formulario:

Código:

<iframe style="margin-top:10px" src=http://www.flickr.com/slideShow/index.gne?
user_id=XXXXXXXX@NXXO frameBorder=0 width=500 height=500 scrolling=no></iframe>

Para que sólo se vean las fotos de un set (album) concreto de flickr hay que añadir al código anterior lo siguiente en rojo:
user_id=user_id=XXXXXXXX@NXXO&set_id=000000 en donde los 000000 corresponden al número de nuestro set. Se puede saber el número del set pulsando, dentro de flickr, la opción "View as slideshow" y copiar en la dirección web el número que está tras /sets/.

El nuevo código queda así:

<iframe style="margin-top:10px" src=http://www.flickr.com/slideShow/index.gne?
user_id=XXXXXXXX@NXXO&set_id=000000 frameBorder=0 width=500 height=500 scrolling=no></iframe>

Diaporama flash con Open Office

Esta posibilidad es también muy interesante y sencilla. Ya realicé esta explicación en un artículo: de FLE D'Artifice. Alejandro Valero también lo ha utilizado para alguno:de sus artículos. El diaporama constituye la propia explicación de su funcionamiento:

Diaporamas flash: Dew



Descargar el archivo swf: dewslider 28Ko ( pulsar sobre el enlace con el botón derecho y guardar como...)
Código:

<object type="application/x-shockwave-flash" data="ruta_dewslider.swf?img=ruta_img1.jpg,img2.jpg"
height="420" width="520"><param name="movie" value="ruta_dewslider.swf?img=iruta_img1.jpg,img2.jpg,"></object>

Código "parametrado":
<object type="application/x-shockwave-flash" data="dewslider.swf?img=img1.jpg,img2.jpg
&fullscreen=on&buttons=off&auto=5" width="520" height="420"><param name="movie" value="dewslider.swf?img=img1.jpg,img2.jpg
&fullscreen=on&buttons=off&auto=5" />
<param name="bgcolor" value="#ffffff"/></object>

Parámetros:
bg=off
(on por defecto) : no muestra el fondo
bouttons=off
(on por defecto) : no muestra los botones siguiente/previa.
auto=X
(off por defecto) : pasa automáticamente a la imagen siguiente cada X segundos.
fullscreen=on
(off por defecto) : muestra la imagen al máximo del tamaño del objeto y, por tanto, no hay cuadro ni textos.

Página flash integrada en blog


Sitio Original

Flash interactivo: Nokia


El documento flash consta de tres archivos swf entrelazados. Alojados en El Tinglado.

Alojamiento y difusión multimedia:Stickam



Otros sitios para el alojamiento (edición) y difusión de vídeos en Internet:

sábado, junio 17, 2006

Descodificadores vídeo

Existen varias opciones para transformar los archivos de vídeo al formato FLV. Sin embargo lo más sencillo es utilizar un descodificador gratuito. Los dos más conocidos son:
Riva FLV encoder
y
FLV encoder

Estos codificadores no siempore funcionan adecuadamente por ello a veces es necesario realizar una codificación previa de, por ejemplo, un archivo .mov a .wmv. En este caso se aconseja:
SUPER Simplified Universal Player Encoder & Renderer

Super C: trabaja con los siguientes formatos:

  • Formatos de vídeo: 3gp/3g2(Nokia,Siemens,Sony,Ericsson) asf, avi (DivX,H263,H263+,H264,XviD,MPEG4,MSmpeg4 etc..), dat, fli, flc, flv (usado en Flash), mkv, mpg (Mpeg I,Mpeg II), mov(H263,H263+,H264,MPEG4 etc..), mp4(H263,H263+,H264,MPEG4), ogg, qt, rm, ram, rmvb, str (Play Station), swf (Flash), ts (HDTV), viv, vob, wmv
  • Formatos de Audio: ac3, amr, mp2, mp3, mp4, mpc, ogg, ra, wav, wma


Lector flv: Tinta China


Código embed clásico:

<embed src="http://ruta_lector.swf?video=http://ruta_archivo.flv&buffer=6"
quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="280" height="260"></embed>

Más información:
"Visor Tinta China" en ES

Lector vídeo flv Neolao






Más información en
[fr]
aquí.


Descarga sitio original

en [fr] aquí.

Lector_flv.swf (botón derecho: guardar como)
Código html:

<object type="application/x-shockwave-flash"data="ruta_lector_flv.swf"width="200"
height="150">
<param name="movie"value="ruta_lector_flv.swf" />
<param name="FlashVars"value="flv=ruta_archivo.flv
&amp;width=200&height=150"
/>
<param name="wmode"value="transparent" />
</object>

viernes, junio 16, 2006

Lector vídeo flv Jeroen Wijering 2.4

Versión 2.4:






El código de inserción es el mismo que el caso de la versión 2.3. Esta versión incluye un regulador de volumen (a la derecha de la barra de progresión)

Descarga y explicación en EG



Lector vídeo flv Jeroen Wijering

Formato 1





Formato 2 (modificación del archivo fla)






Descarga y explicación en EG

Código:
<object style="font-family: trebuchet ms;" type="application/x-shockwave-flash"
data="http://
ruta_flvplayer.swf?file=http://ruta_archivo.flv&
showFs=true&amp;amp;amp;amp;autoStart=false"
bgcolor="#ffffff" height="300" width="400">
<param name="movie" value="http://
ruta_flvplayer.swf?
file=http:/ruta_archivo.flv&showFs=true&amp;amp;amp;amp;autoStart=false">
<param name="bgcolor" value="#ffffff">
</object>

Flipz: busto parlante

flipz

Enlace a Flipz

audio Busto parlante en español
audio Otra opción

jueves, junio 15, 2006

QuickTime: Ratatouille










Ayuda instalación plug-in QuickTime en Mozilla y Firefox

QuickTime: Sony Bravia (mpg)






Sólo funciona si el navegador tiene correctamente instalado el plugin QuickTime.

Código:
<div class="embedmovie"><object width="320" height="205" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="http://http://archivo.mpg">
<param name="controller" value="true"><param name="autoplay" value="false">
<!-- Backwards Compatibility -->
<embed src="http://archivo.mpg" width="320"
height="205" autoplay="false" controller="true" type="video/quicktime"
pluginspage="http://www.apple.com/quicktime/download/"></embed> </object></div>

Ayuda instalación plug-in QuickTime en Mozilla y Firefox

Plug-in para Word Press (vía Guillermo Izarnótegui)

<QUICKTIME http://x.com/quicktime.mov 320 257 true false>
(ancho, alto, autoplay y visualizacióon de controles)

Video mpg: Sony Bravia


























Lector Video : WM



























Código:
Ver código artículo sobre WM player audio

Plug-in Active X para Mozilla y Firefox

Generador de Código Reproductor vídeo WM (Utilidad de Saute-Mouton)

miércoles, junio 14, 2006

Audacity







Documentación sobre Audacity (sitio oficial)

El mejor Manual sobre Audacity en PDF pero en FR

Descarga de Audacity

Videotutorial de Lourdes Barroso

Descargar el famoso lame_enc.dll (necesario para codificar en mp3 con Audacity)

Coucouplayer


Falla bastante y además necesita cargar cada archivo previamente antes de empezar a reproducir. Funciona con un reproductor swf y un archivo (playlist) xml. Se puede descargar toda la documentación aquí (FR)

Curiosidad (y documento histórico):
Pinchando aquí se puede oir con este reproductor el conjunto de comentarios históricos hechos en el célebre artículo de Páginas Dispersas "Comentarios a viva voz con podcasts" que desencadenó un movimiento increíble en la blogosfera educativa sobre esta herramienta.

Lector Jeroen Wijering: explicación

Archivos

Hay que descargar este archivo zip y descomprimirlo en nuestro ordenador. Los archivos esenciales del reproductor son los siguientes:

config.xml - playlist.xml - mp3player.swf

Naturalmente hay que contar también con los archivos mp3 que queremos reproducir. Estos pueden estar en el mismo directorio que los anteriores o encontrarse en cualquier dirección en Internet. Si la dirección de estos audios mp3 ha sido indicada correctamente en el archivo playlist.xml, nuestro reproductor los leerá sin problemas. Puesto que los archivos .xml contienen explicaciones sobre la función de cada etiqueta en perfecto inglés creo que puede ser interesante señalar a continuación algunas de las funciones de las mismas.

Archivo “config.xml”

En este archivo que editaremos con el bloc de notas podemos elegir los siguientes parámetros de nuestro reproductor:

  • arranque automático o no del reproductor cuando se carga la página
  • repetición de los archivos (todos, alguno, etc.)
  • volumen inicial del reproductor (de 0 a 100)
  • mostrar o no nuestra lista de reproducción
  • elegir si los enlaces de la lista de reproducción van a abrirse en nueva página, la misma, etc.
  • escoger los colores de fondo o una imagen para el reproductor
  • otros prámetros para webmaster expertos (rss, php, etc.)
Archivo “playlist.xml”

En este archivo que, como el anterior, podemos editar con el bloc de notas, debemos colocar la dirección de nuestros archivos mp3. Las etiquetas incluidas en este archivo xml son las siguientes:

track: entre estas dos etiquetas colocamos todas las informaciones que queremos incluir sobre la pista que se reproducirá en el lector.
<track> </track>

annotation: en esta etiqueta colocaremos el título de la pista de audio.
<annotation> </annotation>


location: ruta del archivo de audio mp3. Se trata de la etiqueta más importante del archivo y no debe quedar vacía.
<location> </location>


image: ruta de la imagen que se mostrará durante la reproduccción de la pista de audio
<image> </image>

Excepto las dos primeras etiquetas, las demás son opcionales.

Archivo “mp3player.swf”

Nos limitaremos a subir esta archivo a nuestro servidor. Si todo está correctamente configurado, la dirección de este archivo nos servirá para indicar la ruta al navegador y que este empiece a reproducir las diferentes pistas.

Incrustación del reproductor en la página
Jeroen Wijering propone un código de incrustación en su archivo de ayuda “ReadMe” que a mí, en este alojamiento del Tinglado, no me ha funcionado correctamente (ver antes)

Una manera más simple (cuando el sistema de alojamiento del blog lo permite) es una sencilla etiqueta iframe como la que he utilizado aquí:

<iframe=250=300>http://rutadelreproductor/mp3player.swf</iframe>

Licencia

Como el resto de la utilidades flash de Jeroen Wijering, se trata de un reproductor con Creative Commons License .Los webmasters más expertos pueden ir más allá en las posibilidades del reproductor (PHP, RSS, modificaciones sobre elarchivo .fla, etc).

martes, junio 13, 2006

Jeroen Wijering en pop-up

Lector de Jeroen Wijering en pop-up


Código pop-up:
<span style="color: rgb(204, 0, 0);font-family:trebuchet MS,
tahoma,arial,helvetica,sans-serif;font-size:115%;" ><a onclick="window.open('popup.htm','wclose',
'width=250,height=302,left=90,top=90 toolbar=no,status=no')" target="wclose"
href="http:/ruta_mp3player.swf">Lector
de Jeroen Wijering en pop-up</a></span></font>

Lector múltiple mp3 flash:Jeroen Wijering



Código xhtml propuesto por Jeroen Wijering (no logro que funcione):
<object classid=
"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="300" height="200" id="mp3player"
codebase="http://fpdownload.macromedia.com/pub/shockwave
/cabs/flash/swflash.
cab#version=8,0,0,0" > <param name="movie"
value="http://
ruta_mp3player.swf?
config=http://ruta_archivo_config.xml&
file=http://ruta_archivo_playlist.xml" />
<param name="wmode" value="transparent" />
<embed src="http://
ruta_mp3player.swf?
config=http://ruta_archivo_config.xml
&file=http://ruta_archivo_playlist.xml" wmode="transparent"
width="300" height="200" name="mp3player"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Sitio: Jeroen Wijering

Ejemplo de inserción de este reproductor:

<iframe name="Jeroen Wijering" src="http://tinglado.net/tic/josemaria/mp3player/mp3tinglado/mp3player.swf"
border="0" frameborder="0" width="238" height="301"></iframe>

Radio Blog (ayuda)


Tutorial de Angel Puente (ES)
Página de Ayuda para instar Radio Blog (FR)


Ejemplo de inserción Radio Blog:

<iframe name="Radio Blog" src="http://perso.wanadoo.es/grupoleonardo/radioblog/radio.htm"
width="222" height="342" border="0" frameborder="0"></iframe>

Radio Blog

Radio Blog en pop-up


Tutorial de Angel Puente
Ayuda: Comment faire son RadioBlog (FR)
Sitio oficial

Radio.Blog Instructions
-----------------------
01.Install Radio.Blog
---------------------
- Copy the radio.blog directory on your web server.
- Edit config.xml to change the color of the skin.
02.Creat a SWF Sound
--------------------
- Copy your MP3 into the creat.sound directory.
- Double-click on convert64.bat (this will convert all your MP3 files in RBS
format files into the sounds directory)
- Wait
- Copy your RBS files into your sounds directory on your web server.
- refresh and enjoy.
03.How To
---------
- Include radio.blog in my webpage:
Insert this code in your page:
<iframe src="/radio.blog/index.php" name="radio"
scrolling="no" frameborder="0" width="222" height="300"></iframe>
- Autostart a track:
add ?autoplay=# in front of your url, for example to autostart track number 2:
http://www.domaine.com/radio.blog/?autoplay=2

Sitio: Radio Blog

lunes, junio 12, 2006

Lectores Audio Flash: MMP3





















Sitio MMP3

Código:
<object type="application/x-shockwave-flash" data="http://ruta_lectorMMP3.swf?src=http://ruta_archivo.mp3"
height="15" width="15"><param name="movie" value="http://ruta_lectorMMP3.swf?src=http://ruta_archivo.mp3">
<param name="quality" value="high"><param name="bgcolor" value="#ffffff"></object>

Lectores Audio Flash: EMMF (lila)


Sitio EMFF

Código:
<object data="http://ruta_emff_lila.swf?src=http://ruta_archivo.mp3"
type="application/x-shockwave-flash" height="60" width="250"><param value="http://
ruta_emff_lila.swf?src=http://ruta_archivo.mp3"
name="movie"><param value="high" name="quality"><param value="#ffffff" name="bgcolor"></object>

Lectores Audio Flash: Magneto 03




Código:

<object width="352" height="25" data="http://ruta_/mangeto03.swf?
src=http://ruta_archivo.mp3"
type="application/x-shockwave-flash">
<param value="http://
ruta_/mangeto03.swf?
src=http://ruta_archivo.mp3"name="movie" /></object>

Descarga reproductor (clic derecho, guardar como...)

Lectores Audio Flash: Odeo


powered by ODEO

powered by ODEO

Sitio Odeo
Código html:

<embed src="http://www.odeo.com/flash/audio_player_tiny_gray.swf" quality="high"
width="145" height="25" name="audio_player_tiny_gray" align="middle"
allowscriptaccess="always" wmode="transparent" type="application/x-shockwave-flash"
flashvars="audio_id=627159&audio_duration=147.487&
valid_sample_rate=true&
external_url=http://www.zoann.com/downloads/best_songs/63.mp3"
pluginspage="http://www.macromedia.com/go/getflashplayer"
></embed>



Lectores Audio Flash: Audio_Player





Código html:

<object data="http://ruta_reproductor_audio_player.swf?
soundFile=http://ruta_archivo_.mp3&amp;bg=0xf8f8f8
&leftbg=0xeeeeee&amp;amp;amp;amp;amp;amp;amp;amp;lefticon=0x666666&rightbg=0xcccccc
&amp;rightbghover=0x999999&righticon=0x666666
&amp;righticonhover=0xffffff&text=0x666666
&amp;slider=0x666666
&amp;track=0xFFFFFF&border=0x666666&amp;amp;
loader=0x9FFFB8"type="application/x-shockwave-flash"
height="24" width="290"><
param value="http://ruta_reproductor_audio_player.swf?
soundFile=http://ruta_archivo_.mp3
&amp;bg=0xf8f8f8&leftbg=0xeeeeee&amp;amp;lefticon=0x666666
&rightbg=0xcccccc&amp;amp;amp;amp;amp;amp;amp;amp;rightbghover=0x999999
&righticon=0x666666&amp;amp;amp;amp;amp;amp;amp;amp;righticonhover=0xffffff&text=0x666666
&amp;slider=0x666666&amp;track=0xFFFFFF&border=0x666666
&amp;loader=0x9FFFB8"
name="movie"><param value="high" name="quality">
<param value="false" name="menu"><
param value="transparent" name="wmode"></object>


Descarga audio_player.zip
Tutorial de Angel Puente
Plugin wordpress + explicación (EG)

Variación colores:







domingo, junio 11, 2006

Lectores Audio Flash: Otros Dew y Neolao

Dew 1.5:




Descarga (clic botón derecho, guardar como...) :

Neolao:




sitio neolao en [fr] aquí.
Tutorial Angel Puente

Lectores Audio Flash: Dewplayer clásico




<object width="200" height="20" type="application/x-shockwave-flash"
data="http://www.ruta_del_reproductor.swf?
son=http://ruta_del_archivo_.mp3">
<param name="movie" value="http://www.
ruta_del_reproductor.swf?
son=http://ruta_del_archivo_.mp3"/> </object>

Reproductor múltiple:

Version soviet edition:



Descargar reproductor swf (botón derecho: copiar ruta del enlace)

LectoresDew

Generador de código DewPlayer (Utilidad de Saute-Mouton)

Lectores Audio Flash: Play Tagger


Mother Nature's song


Folsom Prison Blues


Get Rhythm


Hey porter


You've Got To Hide Your Love Away


Basta con copiar y pegar en cualquier parte del blog este código:

<script type="text/javascript" src="http://www.cfc.free.fr/player.js"></script>

Luego no hay más que añadir en el post un hipervínculo del archivo mp3:

<a href="http://ruta.mp3">Título (facultativo)</a>

El reproductor entra entonces en acción...

Adaptado del play tagger de del.icio.us:
Código del.icio.us para playtagger

Windows Media


























Código xhtml:


<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="WindowsMediaPlayer1"
width="224" height="44">
<param name="URL" ref value="http://
ruta_de_nuestro_archivo.mp3">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="0">
<param name="currentMarker" value="0">
<param name="invokeURLs" value="-1">
<param name="baseURL" value>
<param name="volume" value="50">
<param name="mute" value="0">
<param name="uiMode" value="full">
<param name="stretchToFit" value="0">
<param name="windowlessVideo" value="0">
<param name="enabled" value="-1">
<param name="enableContextMenu" value="-1">
<param name="fullScreen" value="0">
<param name="SAMIStyle" value>
<param name="SAMILang" value>
<param name="SAMIFilename" value>
<param name="captioningID" value>
<param name="enableErrorDialogs" value="0">
</object>
Plug-in Active X para Mozilla y Firefox

Guión Grupo de Trabajo

Recursos Multimedia en los blogs
coordinador: José Mª Campo
http://francesvirtual.blogspot.com y www.tinglado.net

  • Problemática de la incrustación en blogs de lectores de audio "clásicos": RealPlayer, Windows Media y QuickTime. Formatos de audio: rm, mov, wma, mp3, ogg….
  • Lectores de audio en flash (streaming):
Códigos html de incrustación
Lectores simples: play tagger - Dew Player clásico - Neolao - Audioplayer - Odeo - Magneto 03 - EMMF - botones MMP3 - zanorg - GoEar - Gmail mp3 player - Pickle(single) - Audioclip - Sonify Player - Radio con Dewpayer - Reproductor komcitiz

Lectores múltiples (listas de lectura bajo xml, xspf,etc). RadioBlog - Jeroen Wijering - Coucouplayer - Big Contact Feed Player - Zanorg Radio - XSPF - WM bajo archivos .asx - Javascript para el dewplayer
Diaporamas bajo flash
Diaporamas "autónomos" bajo licencia Creative Commons: Dew - 01
Diaporamas bajo sitios en Internet (especialmente: Flickr - Slide - PictoBrowser )
Diaporamas con audio: Bubble Share - Slidestory
Diaporamas bajo "scripts"


Technorati tags: , ,