vozMe

Añade voz a tu web

Plugin para Wordpress


vozMe.com - Wordpress
  1. Descarga vozme.zip (versión 1.5, 3 de marzo de 2008) o vozme.tar.gz (versión 1.5, 3 de marzo de 2008).
  2. Extrae el fichero comprimido. Obtendrás una carpeta llamada vozme.
  3. Sube la carpeta vozme a /wp-content/plugins/.
  4. Entra en la sección Plugins de la herramienta de administración de Wordress y pulsa el enlace "Activar" del plugin de vozMe.
  5. Accede a "Opciones > vozMe" y selecciona las opciones que prefieras.

Plantilla para Blogger

Ejemplo: mediante un enlace de texto

Voz masculina | Voz femenina
  1. Accede a Plantilla > Edición de HTML.
  2. Marca la casilla "Expandir plantillas de artilugios".
  3. Encuentra la línea: <span class='post-icons'>
  4. Antes de dicha línea, inserta el código:
  5. Guarda los cambios.

Ejemplo: mediante una imagen y un enlace de texto

Voz masculina | Voz femenina
  1. Accede a Plantilla > Edición de HTML.
  2. Marca la casilla "Expandir plantillas de artilugios".
  3. Encuentra la línea: <div class='post-footer'>.
  4. Antes de dicha línea, inserta el código:
  5. Guarda los cambios.

Joomla

Opción 1. Plugin

Excelente plugin para Joomla creado por Lee Everson.

Opción 2. Modificar el código de components/com_content/content.html.php

Gracias a Fracisco José Llacer Gutiérrez (http://llacer.dyndns.org/) ofrecemos una modificación del código de la función show del archivo components/com_content/content.html.php.
Mostrar las modificaciones en el código

El usuario selecciona el texto que quiere escuchar

Voz masculina | Voz femenina

El usuario podrá seleccionar libremente un texto de la página web. Para obtener un mp3 con el audio, el usuario pulsará un botón, un enlace, una imagen o cualquier otro elemento para el cual hayamos añadido la función: 

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

[...]

onclick="get_selection('es','ml');"

Si el idioma de tu web es el inglés, substituye es por en. Si en tu web utilizas tanto el español como el inglés, no indiques ningún idioma. La aplicación intentará detectarlo automáticamente. En tal caso, el código quedaría así:

onclick="get_selection('','ml');"

Ejemplo: mediante un botón de texto

Voz masculina | Voz femenina
Copia y pega este código en tu página:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button 
 onclick="get_selection('es','ml');">
Selecciona un texto y<br/>clica aquí para oírlo</button>

Ejemplo: mediante un botón de imagen y texto

Voz masculina | Voz femenina
Copia y pega este código en tu página:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:#eeeeee  
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('es','ml');">
Selecciona un texto y<br/>clica aquí para oírlo</button>
Copia y pega este código en tu página:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:white 
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('es','ml');">
Selecciona un texto y<br/>clica aquí para oírlo</button>
Copia y pega este código en tu página:
<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

<button style="background:#ddeeff 
 url(http://vozme.com/img/paper_sound32x32.gif) 
 no-repeat left center; 
 min-height: 35px; 
 font-size:70%; padding:4px 4px 4px 35px;" 
 onclick="get_selection('es','ml');">
Selecciona un texto y<br/>clica aquí para oírlo</button>

El usuario escucha un texto predeterminado

Voz masculina | Voz femenina

Cuando el usuario pulse un enlace, un botón o cualquier otro elemento convenientemente habilitado, se generará un mp3 del elemento que el webmaster haya identificado mediante el atributo id. La función será del tipo: 


<script type="text/javascript" src="http://vozme.com/get_text.js"></script>

[...]

onclick="get_id('ESCRIBE_AQUI_LA_ID','es','ml');"

Si el idioma de tu web es el inglés, substituye es por en. Si en tu web utilizas tanto el español como el inglés, no indiques ningún idioma. La aplicación intentará detectarlo automáticamente. En tal caso, el código quedaría así:

onclick="get_id('ESCRIBE_AQUI_LA_ID','','ml');"

Ejemplo: mediante un enlace de texto

Voz masculina | Voz femenina
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

Código:

<div id="quijote">
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<a href="javascript:void(0);" 
onclick="get_id('quijote','es','ml');">
Escucha este texto</a>

Ejemplo: mediante una imagen y un enlace de texto

Voz masculina | Voz femenina
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

Código:

<div id="quijote1">
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<div><a href="javascript:void(0);" 
onclick="get_id('quijote1','es','ml');">
<img src="http://vozme.com/img/megaphone40x40w.gif" border="0" 
style="margin-right:0.4em;" alt=""/></a>
<a href="javascript:void(0);" 
onclick="get_id('quijote1','es','ml');">
Escucha este texto</a></div>
 
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

Código:

<div id="quijote1-1">
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<div><a href="javascript:void(0);" 
onclick="get_id('quijote1-1','es','ml');">
<img src="http://vozme.com/img/paper_sound32x32.gif" border="0" 
style="margin-right:0.4em;" alt=""/></a>
<a href="javascript:void(0);" style="font-size:12px;" 
onclick="get_id('quijote1-1','es','ml');">
Escucha<br/>este texto</a></div>

Ejemplo: mediante un botón de imagen y texto

Voz masculina | Voz femenina
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.

Código:

<div id="quijote2">
En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor.
</div>

<script type="text/javascript" src="http://vozme.com/get_text.js"></script>
<button style="background-color:white; 
 background-image:
 url(http://vozme.com/img/megaphone40x40w.gif); 
 background-position: left center; 
 background-repeat:no-repeat; 
 height: 48px; font-size:70%; 
 padding:4px 4px 4px 44px;" 
 onclick="get_id('quijote2','es','ml');">
Escucha este texto</button>

Gadget para iGoogle

Configura tu gadget y copia y pega el código.