Foros del Web - Ver Mensaje Individual - contral volumen de mp3 con una variable php en html5

emprear · #8 (**permalink**) 06/07/2012, 23:32

Vamos mejorando, porque ya veo que esta mal
Los valores de los atributos id deben ser únicos (y no comenzar por un numero, no es el caso pero te lo voy advirtiendo)

Despues de limpiar tu html (tratá de mejorar la salida del html porque es un caos, inserta saltos de linea al menos entre etiquetas), quitar un doble <body> y todos los parrafos de texto nos queda

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Tramas Discursivas</title>
        <meta name="description" content="" />
        <meta name="author" content="Laura" />
        <script type="text/javascript">
            function recargar(){
                window.location = "index.php";
            }
        </script>
        
    </head>
    <body>
 
<script type="text/javascript">
fuction volumen(vol){
var el_audio=document.getElementById ("sonido");
el_audio.volume = vol;
}
</script>
<div style="width: 350px; height: 641px; position: absolute; left: 1218px; top: 290px;"  onclick="recargar()">
<audio id="sonido" src="mp3/1.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/304.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/234.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/202.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/48.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/148.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/329.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/112.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/73.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/340.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/264.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/108.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/168.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/302.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/87.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/20.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/80.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/358.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/326.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/83.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/189.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/62.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/17.mp3"volumen(0);"" autoplay></audio>
<audio id="sonido" src="mp3/359.mp3"volumen(0);"" autoplay></audio>
</div>
 </body>
</html>

es decir, todos los tags audio con el mismo id, con lo cual tu script enloquece porque no sabe para donde agarrar, deberían ser sonido1, sonido2 .etc

Una vez corregido eso, esto otro es un invento
<audio id="sonido" src="mp3/359.mp3"volumen(0);"" autoplay></audio>
Eso no es ningun evento de javascript, es más el atributo volume ni siquiera existe.
A tu etiqueta audio le falta el <source>
Tendrias que generar algo así

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Tramas Discursivas</title>
        <meta name="description" content="" />
        <meta name="author" content="Laura" />
<script type="text/javascript">
function volumen(vol,sonidonum){
var el_audio=document.getElementById (sonidonum);
el_audio.volume = vol;
}
</script>        
    </head>
<body>
<audio controls="controls" preload="auto" id="sonido1" autoplay="autoplay">
<source src="you_dont_bring_me_flowers.mp3" />
</audio>
<audio controls="controls" preload="auto" id="sonido2">
<source src="you_dont_bring_me_flowers.mp3" />
</audio>
<button onclick="volumen(0,'sonido1');">poner en 0 sonido 1</button>
<button onclick="volumen(0.5,'sonido1');">poner en 0.5 sonido 1</button>
<button onclick="volumen(1,'sonido1');">poner en 1 sonido 1</button>
 
</body>
</html>

Otra cosa, la declaración de una función en js comienza con function no con fuction

como ves , muchas cosas para ir arreglando

Empezá por hacer más presentable el html y generar id's únicos

Saludos