Skins/Temas para Soundmanager 2

Question

Actualmente estoy considerando utilizar Soundmanager2 como reproductor de audio para un proyecto pequeño. Me gusta mucho SM2, pero desafortunadamente no puedo encontrar una implementación que proporcione a un jugador en línea los controles básicos (reproducción, pausa, barra de progreso, tiempo, control de volumen).

Lo único que encontré es el basic player.

¿Alguno de ustedes sabe una manera de utilizar Soundmanager2 con una interfaz de control clásico (like this)?

Answer 1

Después de una investigación informal, descubrí que Soundmanager 2 es demasiado poderoso y complejo para simplemente crear un reproductor HTML5. Decidí usar jMediaelement en su lugar, un kit de desarrollo de audio/video muy flexible con un enfoque en los jugadores del sitio web con una interfaz de control clásica.

Answer 2

De acuerdo con una discusión en el sitio de Soundmanager en https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button

Aquí está la verdad:

---

complemento:

pagePlayer.playNext() pagePlayer.playPrevious()

Sólo hacer los botones necesarios con HTML/CSS . Dentro de esos botones, use el atributo onclick, por ejemplo: etiqueta abierta: onclick = "pagePlayer.playNext()" close tag

No use un atributo "href". Eso ejecutará el método javascript cuando se haga clic.

---

Además, las personas en este sitio están trabajando con el volumen del reproductor de soundmanager2. Busque "volume sound soundmanager". Aquí está uno chicos: http://stackoverflow.com/questions/8625500/strange-issue-setting-volume-on-my-music-player-soundmanager

// set base volume 
$('header .volume-slider').each(function() { 
    var slider = $('.slider', this); 
    var volume = slider.data('volume'); 

    console.log('Initial volume: '+volume); 
    $('.slider', this).height(volume/2); 
}); 

// play/pause track 
var sound; 
$(document).on('click', '#snippets .tracks li', function() { 
    var li = $(this); 
    console.log('Creating new sound with volume: '+$('header .volume-slider .slider').data('volume')); 

    sound = soundManager.createSound({ 
    id: li.data('id'), 
    url: li.data('stream')+'?consumer_key=' + 'htuiRd1JP11Ww0X72T1C3g', 
    volume: $('header .volume-slider .slider').data('volume') 
    }); 
}); 

// change volume 
$('header .volume-slider').mouseup(function(e) { 
    var pos = e.pageY - $(this).offset().top; 
    var slider = $('.slider', this); 

    slider.data('volume', (100-(pos*2))); 
    var volume = slider.data('volume'); 

    slider.height(volume/2); 

    if (sound) { 
    console.log('Setting volume: '+volume); 
    sound.setVolume(volume); 
    } 
}); 

---

Por lo tanto, ¿se deduce que si se puede establecer NEX/año anterior y hacer un botón para ello, se puede llegar a un cambio de volumen y luego el estilo de un bar para que ?