Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

LucasCairesF

Controlador de volume

Por , em Javascript

Recommended Posts

LucasCairesF    8

LucasCairesF
Postado

Tenho o seguinte código

 

 
<html>
<head>
<title>Sem titulo</title>
 
</head>
<body>
 
<section>
<span class="tooltip"></span> <!-- Tooltip -->
<div id="slider"></div> <!-- the Slider -->
<span class="volume"></span> <!-- Volume -->
</section>
 
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
$(function() {
 
//Store frequently elements in variables
var slider  = $('#slider'),
tooltip = $('.tooltip');
 
//Hide the Tooltip at first
tooltip.hide();
 
//Call the Slider
slider.slider({
//Config
range: "min",
min: 1,
value: 35,
 
 
start: function(event,ui) {
   tooltip.fadeIn('fast');
},
 
//Slider Event
slide: function(event, ui) { //When the slider is sliding
 
var value  = slider.slider('value'),
volume = $('.volume');
 
tooltip.css('left', value).text(ui.value);  //Adjust the tooltip accordingly
 
if(value <= 5) { 
volume.css('background-position', '0 0');
} 
else if (value <= 25) {
volume.css('background-position', '0 -25px');
} 
else if (value <= 75) {
volume.css('background-position', '0 -50px');
} 
else {
volume.css('background-position', '0 -75px');
};
 
},
 
stop: function(event,ui) {
   tooltip.fadeOut('fast');
},
});
 
});
</script>
</body>
</html>

 

 

 

Então ... ele funciona normal só que eu queria colocar o audio dentro desse codigo o codigo do audio é esse:

 

 

 
        <script type="text/javascript" src="http://player.iubhost.com/playerjs"></script>
<script type="text/javascript">
   new WHMSonic({ 
path : "http://player.iubhost.com",
source : "198.50.197.80:9918",
autoplay : true,
width: 1,
height: 1,
   });
       </script>

 

alguem ae poderia me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

DuuuuDuuuu    1

DuuuuDuuuu
Postado

veii, não reinventa a roda, olha isso aqui

 

http://jplayer.org/

 

personalizar ele é mais fácil que fazer isso, e os outros recursos que te faltam ai ele supre,

 

se vc quer fazer o seu stream rodar do site, cria um arquivo .asx, procura como criar radio online

que nesses tuto geralmente aparece como criar o .asx, q na verdade é só um arquivo de texto q faz referencia ao link do stream

e dai vc manta o player tocar esse .asx q ele puxa o link

e da ate pra disponibilizar para baixar o .asx dai o cara só executa com o media player, winamp oq ele achar melhor e já começa a tocar

 

se ajudou passa o feedback ai tchê

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito