Como poner controles para el audio en una web

Hola de nuevo stoke,
Si no es mucho pedir a ver si esta vez podemos rizar el rizo; encontré una Web en la que se puede generar un código para escuchar archivos de sonido que se encuentren en el HD.
Si te acuerdas de lo que te pregunte en otra ocasión, sobre crear una página con unos enlaces para escuchar mp3, pues intento modificar el siguiente código que sale en esta web para que me dibuje le segundo panel (el grande) del IE
http://www.ricocheting.com/js/music.html
Y adaptarlo a este para que salgo el texto y el dibujo del panel al lado:
<script>
function play(sound){
document.all.player.src = "111.mp3";
}
function play2(sound){
document.all.player.src = "222.mp3";
}
function play3(sound){
document.all.player.src = "333.mp3";
}
</script>
<bgsound id=player width=0 height=0>
<a href="javascript:play('111.mp3');">Click para escuchar Cancion 1</a><br>
<br>
<a href="javascript:play2('222.mp3');">Click para escuchar Cancion 2</a><br>
<br>
<a href="javascript:play3('333.mp3');">Click para escuchar Cancion 3</a><br>
Pero me lío haciendo tantas modificaciones que no se por donde me ando, he probado con solo una línea y en una ocasión me ha salido el texto pero cuando pincho se quita y se pone un dibujo que creo que es una barra del QuickTime, a ver si me puedes decir que estoy haciendo mal para que me salga el texto y seguido el segundo panel, para que se pueda pinchar en el play y escuchar el audio.
P.D. Al enviar el mensaje me dio un error, no se si con este hay dos mensajes iguales, si es así lo siento, a ver si se puede borrar el otro.
Gracias anticipadas.
Respuesta
1
<script>
function play(sound){
document.all.player.src = sound;
}
</script>
<bgsound id=player width=280 height=45><br>
<a href="javascript:play('aa.wav');">Click para escuchar</a><br>
<a href="javascript:play('sound.mp3');">Click para escuchar</a><br>
Checa este código, no tienes que crear una función para cada archivo, el nombre del archivo se lo pasas
play("loquesea.mid");
De esta forma no tienes que crear tanto código.
Hola stoke
Lo que intento poner son esos enlaces, junto con un reproductor que he sacado de esa web que he puesto.
El código con el que estoy es este:
<html>
<head>
<script language="JavaScript"><!--
if(navigator.appName=="Netscape"){
document.write('<embed src="222.wav" autostart="false" loop="0" hidden="true"></embed>');}
else if(navigator.appName=="Microsoft Internet Explorer"){
document.write('<embed src="222.wav" autostart="false" loop="0" width=285 height=45></embed>');}
else{
document.write('<embed src="222.wav" autostart="false" loop="0"></embed>');}
//-->
function play(sound){
document.all.player.src = sound;
}
</script>
</head>
<body bgcolor="#CFDCE8">
<table align="center" border="8" width="713" height="7">
<tr>
<td height="73" valign="middle" align="center" width="220">
<font size="6" face="Bodoni">-------Texto-------</font></td>
<td width="82" height="38" valign="middle" align="center">
<font face="Bodoni" size="6">Mas texto</font></td>
<td height="73" valign="middle" align="center" width="252">
<a href="javascript:play('111.wav');">Reproducir</a><br>
<tr>
<td height="73" valign="middle" align="center" width="220">
<font size="6" face="Bodoni">-------Texto-------</font></td>
<td width="82" height="37" valign="middle" align="center">
<font face="Bodoni" size="6">Otro Texto</font></td>
<td height="73" valign="middle" align="center" width="240">
<a href="javascript:play('222.wav');">Reproducir</a><br>
</tr>
</table>
<p> </p>
<table align="center" border="8" width="713" height="8">
<tr>
<td height="73" valign="middle" align="center" width="215">
<font size="6" face="Bodoni">-------Texto-------</font></td>
<td width="85" height="73" valign="middle" align="center">
<font face="Bodoni" size="6">Texto</font></td>
<td height="73" valign="middle" align="center" width="242">
<a href="javascript:play('111.wav');">AQUI EL REPRODUCTOR</a><br>
<tr>
<td height="74" valign="middle" align="center" width="215">
<font size="6" face="Bodoni">-------Texto-------</font></td>
<td width="85" height="74" valign="middle" align="center">
<font face="Bodoni" size="6">Texto</font></td>
<td height="74" valign="middle" align="center" width="242">
<a href="javascript:play('222.wav');">AQUI EL REPRODUCTOR</a><br>
</tr>
</table>
<noscript>
<embed src="222.wav" autostart="false" loop="0"> </embed></noscript>
<noembed> <bgsound src="222.wav" loop=0></noembed>
<bgsound id=player width=280 height=45><br>
</html>
Pero ese reproductor me sale arriba de la página, ¿y lo que intento es ponerlo dentro la tabla en el lugar de los dos textos que pongo en mayúsculas? ¿Aquí el reproductor?
El reproductor es el resultado del script que tienes arriba, aunque todo es código ahí no esta haciendo nada, lo que en realidad interesa es el <embed id=player width,hegi....> coloca esta etiqueta donde quieras el reproductor
Suerte

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Creación de video en bucle para inserción en página web

Les escribo con el fin de solicitarles acomedidamente su colaboración por favor con el siguiente requerimiento: ¿Cómo hago para crear un video el cual se reproduzca como bucle infinito, es decir que no se detenga?, vale mencionar que este video lo...
2 respuestas

Es estrictamente necesario que una aplicación para android e ios se vea diferente

Si una empresa lanza su aplicación en las tiendas para Android y App Store ¿Esta tendría que verse diferente? Ya que he visto aplicaciones de empresas famosas que se ven un poco mejor diseñadas en Iphone ¿Es estrictamente necesario ofrecer una...
2 respuestas

Transformez Votre Blog avec l'Aide Inestimable de ChatGPT Gratuit!

Découvrez Comment ChatGPT Gratuit Peut Révolutionner Votre Blogging ¿Vous cherchez un moyen de donner un coup de fouet à votre blog? Ne cherchez pas plus loin! Avec l'aide gratuite de ChatGPT Gratuit, vous pouvez transformer votre blog en quelque...
2 respuestas

Node.js Vs. Java: Choosing Perfect Technology

When it comes to performance, Node.js is often the better option. Node.js is more lightweight than Java, which means it can handle more requests per second than Java. Node.js is also more memory efficient, making it the best option for businesses...
8 respuestas

Eliminar cuenta google lanix x530

Se le hizo un hard reset a celular lanix x530 pero para que lo puedan usar, de fuerzas pide poner email de google, el cuál la persona ni recuerda y por ende, ni la clave. Pido su ayuda para eliminar cuenta google y que se pueda usar nuevamente ese...
3 respuestas

¿Pueden descargarse las cookies simplemente por navegar?

Mi duda es si es necesario por parte del usuario de una página web aceptar de forma expícita el aviso de cookies para que estas se descarguen o basta simplemente con que se despliegue el aviso y se desccarguen simplemente con el hecho de pasar un...
4 respuestas

Desarrollo web completo

He visto su currículum y a lo mejor me puede ayudar. Necesito aclarar cuatro dudas: 1- ¿Cómo se llaman profesionalmente los que crean una web desde arriba hasta abajo? ¿Diseñadores gráficos? Es para saber qué buscar para un negocio que se desarrolla...
8 respuestas

¿Estoy infringiendo derechos de copyright al poner imágenes de carteles de películas en mi web?

Estoy haciendo una web sobre cine en la que se muestra información sobre películas, próximos estrenos y trailers. Pero me ha surgido la duda de si estoy infringiendo algún tipo de derecho de copyright o algo parecido al poner los carteles de las...
3 respuestas

PHP Development Services in USA

MicrosIT Solutions is an award-winning PHP programming business based in the United States. Our team has more than ten years of expertise developing PHP web applications, databases, and content management systems. Our firm specialises in bespoke PHP...
3 respuestas

Cobro de dominio no usado

Hace unos años compré varios dominios en 1and1 y este año decidí no renovarlos, por lo que simplemente no realicé el pago correspondiente para que siguieran a mi nombre. Desde la citada empresa me reclaman el pago, aparte de gastos de gestión por...
3 respuestas