Da/Chủ đề cho Soundmanager 2

Question

Tôi hiện đang xem xét sử dụng Soundmanager2 làm trình phát âm thanh cho một dự án nhỏ. Tôi thích SM2 rất nhiều, nhưng tiếc là tôi không thể tìm thấy một triển khai cung cấp trình phát nội tuyến với các nút điều khiển cơ bản (phát, tạm dừng, thanh tiến trình, thời gian, điều khiển âm lượng).

Điều duy nhất tôi tìm thấy là basic player.

Có ai trong số các bạn biết cách sử dụng Soundmanager2 bằng giao diện điều khiển cổ điển (like this) không?

Answer 1

Sau khi một số nghiên cứu ngẫu nhiên, tôi phát hiện ra rằng Soundmanager 2 là quá mạnh mẽ và phức tạp đối với chỉ tạo ra một cầu thủ html5. Tôi quyết định sử dụng jMediaelement thay vào đó, một bộ phát triển âm thanh/video rất linh hoạt với trọng tâm là người chơi trang web có giao diện điều khiển cổ điển.

Answer 2

Theo một cuộc thảo luận tại trang web Soundmanager tại https://getsatisfaction.com/schillmania/topics/track_list_with_controls_prev_next_button

Đây là định mức:

---

add:

pagePlayer.playNext() pagePlayer.playPrevious()

Chỉ cần chắc các nút cần thiết với HTML/CSS . Bên trong các nút đó sử dụng thuộc tính onclick, ví dụ: thẻ mở: a onclick = "pagePlayer.playNext()" đóng thẻ

Không sử dụng thuộc tính "href". Điều đó sẽ thực thi phương thức javascript khi được nhấp.

---

Ngoài ra, mọi người trên trang web này đang làm việc với âm lượng cho trình phát của soundmanager2. Tìm kiếm "soundmanager volume change". Dưới đây là một chàng trai: 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); 
    } 
}); 

---

Vì vậy, hiện nó theo rằng nếu bạn có thể đặt nex/trước và thực hiện một nút cho nó, bạn có thể đưa ra một sự thay đổi về khối lượng và sau đó phong cách một thanh cho nó ?