Control deslizante para el volumen - JQuery/Javascript

Question

Estoy buscando un control deslizante elegante usando JQuery/Javascript. El control deslizante JQuery nativo es bastante insulso para este requisito. El control deslizante se utilizará para especificar el volumen en incrementos de 5. Por lo tanto, este control deslizante solo debe permitir que el usuario se deslice en incrementos de 5.

Una característica interesante es poder mostrar la etiqueta arriba de la posición del control deslizante qué volumen ha seleccionado el usuario.

Answer 1

Aquí hay un ejemplo del customization you're after que usa el jQuery UI Slider. Todo es CSS en segundo plano, puedes personalizarlo al máximo.

Ajuste de la presión que puede hacer incrementos y actualizar el importe de esta manera:

$("#mySlider").slider({ 
     orientation: "vertical", 
     range: "min", 
     min: 0, 
     max: 100, 
     step: 5, 
     slide: function(event, ui) { 
      $("#amount").val(ui.value); 
     } 
}); 
$("#amount").val($("#mySlider").slider("value")); 

Answer 2

He encontrado un regulador de volumen agradable. Creo que esto es lo que estás buscando. Es el clásico controlador en forma de triángulo con barras verticales en aumento. Y es muy personalizable con indicador de posición. Descargue el archivo zip aquí: http://ruwix.com/javascript-volume-slider-control/