Soundmanager için Kaplamalar/Temalar 2

Question

Şu anda Soundmanager2'yi küçük bir proje için bir ses çalar olarak kullanmayı düşünüyorum. SM2'yi çok seviyorum ama maalesef temel kontroller (oynatma, duraklatma, ilerleme çubuğu, zaman, ses kontrolü) içeren bir satır içi oyuncu sağlayan bir uygulama bulamıyorum.

Bulduğum tek şey, basic player.

senden kimse klasik kontrol arayüzü (like this) ile Soundmanager2 kullanmak için bir yol biliyor mu?

Answer 1

bazı gündelik araştırma sonra Soundmanager 2 sadece html5 oynatıcı oluşturmak için çok güçlü ve karmaşık olduğunu öğrendim. Bunun yerine, klasik bir kontrol arayüzü ile web sitesi oyuncularına odaklanan çok esnek bir ses/video geliştirme kiti olan jMediaelement'u kullanmaya karar verdim. İşte https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button

de Soundmanager sitesinde bir tartışma göre

Answer 2

lowdown:

---

eklenti:

pagePlayer.playNext() pagePlayer.playPrevious()

Sadece HTML/CSS ile gerekli düğmeleri yapmak . Bu düğmelerin içinde onclick özelliğini kullanın, örneğin: open tag: onclick = "pagePlayer.playNext()" close etiketi

Bir "href" özniteliği kullanmayın. Tıklandığında javascript yöntemini çalıştıracaktır. Ayrıca, bu sitedeki kişiler soundmanager2'nin oynatıcısı için ses düzeyiyle çalışmaktadır. "Ses değişikliği soundmanager" ara. İşte bir adamlar: Yani 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); 
    } 
}); 

---

, demek size nex/prev ayarlamak ve bunun için bir düğme yapabiliyorsa, bir hacim değişikliği ile gelip sonra bunun için bir bara stil olabileceğini izleyin ?