Bueno, les explico, estoy creando un reproductor para streaming con flash y mi meta es usar un tipo de controles "externos" y manejarlos con javascript/jquery, ya he creado el botón de play / pausa pero tengo problemas con el volumen... lo que quiero realizar es pasar el valor por medio de un slide (de esos que se hacen con jQuery UI) y que este lo aplique pero no logro hacerlo funcionar, aquí mi código JS:
Código Javascript:
Ver original
<script> $(function() { $( "#slider-vertical" ).slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 60, slide: function( event, ui ) { $( "#amount" ).val( ui.value ); } }); $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) ); }); </script> <script language="JavaScript"> primeira = true; DefVol= 30; contPlayer = '<object type="application/x-shockwave-flash" id="audioplayer1" data="http://tuhabbo.com/th/contenidos/stats_radio/flash-player/player.swf" width="1" height="1"><param name="movie" value="http://tuhabbo.com/th/contenidos/stats_radio/flash-player/player.swf"><param name="quality" value="high"><param name="menu" value="false"><param name="FlashVars" value="file=http://67.212.165.162:7090/;stream.nsv&type=mp3&volume='+DefVol+'&autostart=true"><param name="wmode" value="transparent"></object> '; var tocando = 0; function PlayClick() { if (tocando == 0) { document.getElementById("rad_tuhabbo").innerHTML = contPlayer; tocando = 1; } } function StopClick() { tocando = 0; document.getElementById("rad_tuhabbo").innerHTML = ""; } </script>
Código HTML:
<a id="bt-play" href="javascript:void(0)" class="nohover" onclick="PlayClick()" title="Play"><div class="s-ui-play">sdfsdf</div></a> <a id="bt-stop" href="javascript:void(0)" class="nohover" onclick="StopClick()" title="Pause"><div class="s-ui-pause">stop</div></a> <p> <label for="amount">Volume:</label> <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> </p> <div id="slider-vertical" style="height: 200px;"></div>
Código Javascript:
o attr() de jQuery pero no funciona ninguno de los dos... Gracias por su tiempo, un saludo.Ver original
DefVol=$("#amount" ).val($("#slider-vertical").slider("value"));
PD. Ya he usado HTML5 pero no es una opción pues me ha dado varios problemas..