Tecnología

Inicio

Cómo crear un botón de sonido de audio

November 4

Cómo crear un botón de sonido de audio


Al configurar un sitio multimedia, una de las formas más populares de la adición de música o sonido a su página web es la colocación de un botón de sonido de audio en la página. Un botón de sonido permite a los visitantes del sitio para escuchar música o un byte de sonido relevantes para el contenido. Esto es especialmente útil cuando la información de la entrega explica mejor con el sonido, tal como un sitio que explica la ciencia cantos de pájaros o un sitio de música que introducen diferentes instrumentos musicales. Hay varias formas de agregar un botón de sonido de audio en su sitio web. Las más ampliamente utilizadas implican la tecnología como Flash y Javascript.

Instrucciones

DHTML y Javascript

1 Sube un archivo de sonido en un directorio en su sitio web. Los archivos de sonido incluyen los siguientes formatos: .wav, .mp3 y .mid.

2 Escriba el código Javascript y DHTML para reproducir el audio una vez que se hace clic en el botón "Reproducir" en el Bloc de notas:

<Script type = "text / javascript">

función PlaySound (surl) {

document.getElementById ( "soundspan"). innerHTML =

"&lt;embed src='"+surl+"' hidden=true autostart=true loop=false>";

}

</ Script>

<Span id = soundspan> </ span>

<Form>

<Input type = "button" value = "Play" onclick = "PlaySound ( 'strawberry_fields.wav')">

</ Form>

Reemplazar 'strawberry_fields.wav' con el nombre de su archivo de sonido.

3 Guarde el archivo como HTML y cargarlo en el mismo directorio que el archivo de sonido.

Yahoo! Media Player

4 Sube un archivo MP3 en un directorio en su sitio web.

5 Abra la página Web en la que desea insertar el botón de audio en el Bloc de notas o un editor HTML como Dreamweaver o CoffeeCup.

6 Ir al sitio Media Player Yahoo! 'S y copiar el código JavaScript de su reproductor de medios. Pega esto en la página en la que desea insertar el botón de audio.

7 Escriba en el enlace de su archivo MP3 en el código HTML de la página, tales como:

<a href="First"> http://mediaplayer.yahoo.com/example1.mp3">First enlace </a>

Reemplazar "http://mediaplayer.yahoo.com/example1.mp3" con el enlace a su archivo de audio y "Primera enlace" con el nombre de su enlace.

8 Guardar y probar la página. Una vez que la página se carga en el navegador, un botón de audio se genera automáticamente por la escritura de Yahoo! 'S para los visitantes del sitio para su uso.

Audio flash

9 Sube un archivo MP3 en un directorio en su sitio web.

10 Descargar los archivos necesarios para el reproductor de Flash en la página web reproductor de audio.

11 Extraer y cargar los archivos en su sitio web.

12 Editar la página en la que desea añadir el botón de reproductor de audio. Escribe el código para incluir el archivo "audio-player.js" en la etiqueta <head> de la página HTML y especificar el ancho de su reproductor:

<Script type = "text / javascript" al directorio en el que ha cargado los archivos en el paso anterior.

13 Escribir el código para el botón de audio:

<P id = "audioplayer_1"> Contenido alternativo </ p>

&lt;script type="text/javascript">

AudioPlayer.embed ( "audioplayer_1", {archivo de sonido: "http://yoursite.com/path/to/mp3_file.mp3"});

& Lt; / script>

Vuelva a colocar el enlace de archivo de sonido a la URL donde se encuentra el archivo de MP3.

14 Guarde y pruebe su página.