Hola, después de pensar un buen rato si acudir a ustedes o no (es que me gusta arreglar las cosas por mi mismo, no por otra cosa) y
googlear bastante, aunque quizá no tanto porque sigo con mi problema jeje..
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>
Cabe destacar que he intentado pasarlo usando:
Código Javascript
:
Ver originalDefVol=$("#amount" ).val($("#slider-vertical").slider("value"));
o attr() de jQuery pero no funciona ninguno de los dos... Gracias por su tiempo, un saludo.
PD. Ya he usado HTML5 pero no es una opción pues me ha dado varios problemas..