Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 04/04/2012, 06:02

El primer problema que tenés es que estás usando embed, y puede que no todos los navegadores tengan el mismo plugin asociado para la reproducción de mp3, y que a su vez el atributo volume no sea reconocido.
Lo más sencillo sería usar la etiqueta audio de html5.
Otro detalle es que no es lo mismo decir que al hacer over sobre una capa esta cambie el volumen a decir que lo que queres utilizar es la posición del mouse en las coordenadas x,y de la página, aunque presumo que es lo primero.
Para terminar me cuesta visualizar tus 250 capas anidadas.....
En fin, desarrollando un poco más lo siguiente quizás aclances tu objetivo

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="es">
<head>
<title>Html5 audio</title>
<meta charset="utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
 
div{
border: solid 1px #000;
background-color: lime;
margin: 10px 0;
width: 120px;
padding: 5px;
font-family: arial, serif;
font-size: 10pt;
cursor: pointer;
}
 
/*]]>*/
</style>
<script type="text/javascript">
function volumen(vol){
var el_audio = document.getElementById("audio1");
el_audio.volume = vol;
}
</script>
</head>
<body>
<h1>Audio HTML5</h1>
<audio controls="controls" preload="auto" id="audio1" autoplay="autoplay">
<source src="pf.ogg" />
<source src="pf.mp3" />
</audio>
<div onmouseover="volumen(0);">
volumen 0
</div>
<div onmouseover="volumen(0.1);">
volumen 0.1
</div>
<div onmouseover="volumen(0.2);">
volumen 0.2
</div>
<div onmouseover="volumen(0.3);">
volumen 0.3
</div>
<div onmouseover="volumen(0.4);">
volumen 0.4
</div>
<div onmouseover="volumen(0.5);">
volumen 0.5
</div>
<div onmouseover="volumen(0.6);">
volumen 0.6
</div>
<div onmouseover="volumen(0.7);">
volumen 0.7
</div>
<div onmouseover="volumen(0.8);">
volumen 0.8
</div>
<div onmouseover="volumen(0.9);">
volumen 0.9
</div>
<div onmouseover="volumen(1);">
volumen 1
</div>
</body>
</html>

Como ves el javascript neceario para controlar la etiqueta audio es muy sencillo
Demo:
http://foros.emprear.com/html5/audio...o-html5-v.html

Ah, te recuerdo que para hacerlo compatible en todos los navegadores tenes que subir tu audio también en formato ogg (FF/Opera/Chrome ), IE9 y Safari se las arreglan con el mp3
Saludos