Skin/Temi per Soundmanager 2

Question

Attualmente sto considerando di utilizzare Soundmanager2 come lettore audio per un piccolo progetto. Mi piace molto SM2, ma sfortunatamente non riesco a trovare un'implementazione che fornisca un lettore in linea con controlli di base (riproduzione, pausa, barra di avanzamento, tempo, controllo del volume).

L'unica cosa che ho trovato è lo basic player.

Qualcuno di voi conosce un modo per utilizzare Soundmanager2 con un'interfaccia di controllo classico (like this)?

Answer 1

Dopo alcune ricerche casuale, ho scoperto che SoundManager 2 è troppo potente e complesso solo per la creazione di un player HTML5. Ho deciso di utilizzare lo jMediaelement invece, un kit di sviluppo audio/video molto flessibile con particolare attenzione ai giocatori di siti Web con un'interfaccia di controllo classica.

Answer 2

Secondo una discussione sul sito di SoundManager a https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button

Ecco la verità:

---

aggiuntivo:

pagePlayer.playNext() pagePlayer.playPrevious()

Basta fare i pulsanti necessari in HTML/CSS . All'interno di questi pulsanti utilizzare l'attributo onclick, ad esempio: tag aperto : a onclick = "pagePlayer.playNext()" Chiudi tag

Non utilizzare un attributo "href". Questo eseguirà il metodo javascript quando si fa clic.

---

Inoltre, le persone su questo sito stanno lavorando con il volume per il riproduttore di soundmanager2. Cerca "modifica del volume soundmanager." Ecco uno ragazzi: 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); 
    } 
}); 

---

Quindi, ne consegue che, se è possibile impostare nex/prev e creare un pulsante per esso, potrebbe venire con una variazione di volume e poi lo stile di un bar per esso ?