Random Müzik Çalma Sorunu

wisex

Kayıtlı Üye
Katılım
14 Haziran 2016
Mesajlar
865
Tepkime puanı
0
Puan
0
Konum
Matrix
Web sitesi
www.ytpara.com
Merhabalar;

Yeni bir projem var.Özetleyecek olursam ana ekranda tek tıklamalık play/pause butonu var ve butona tıklayınca arşivdeki mp3leri sırasıyla çalıyor.Ancak ben bunları random yani rastgele çaldırmak istiyorum.
Bunun için aşağıdaki kodda hangi düzenlemeyi yapmalıyım ?
Şimdiden yardımcı olacak arkadaşlara çok teşekkür ederim :)

Kod:
var state = "paused";
var currentAudio = $("#audio-1");
var audio = $('audio');
audio.on("ended", function () {
console.log(currentAudio);
if ($(this)[0] == $("#audio-1")[0]) {
console.log('1');
currentAudio = $("#audio-2");
currentAudio.trigger("play");
} else if ($(this)[0] == $("#audio-2")[0]) {
console.log('2');
currentAudio = $("#audio-3");
currentAudio.trigger("play");
} else if ($(this)[0] == $("#audio-3")[0]) {
console.log('3');
currentAudio = $("#audio-1");
currentAudio.trigger("pause");
}
});
audio.on("pause", function () {
$(".player").
find(".fa").
removeClass("fa-pause").
addClass("fa-play");
state = "paused";
$(".player").removeClass("playing");
});
audio.on("play", function () {
$(".player").
find(".fa").
removeClass("fa-play").
addClass("fa-pause");
$(".player").addClass("playing");
state = "playing";
});
$(".player").click(function () {
if (state == "paused") {
currentAudio.trigger("play");
} else if (state == "playing") {
currentAudio.trigger("pause");
}
});
 
Merhabalar;

Yeni bir projem var.Özetleyecek olursam ana ekranda tek tıklamalık play/pause butonu var ve butona tıklayınca arşivdeki mp3leri sırasıyla çalıyor.Ancak ben bunları random yani rastgele çaldırmak istiyorum.
Bunun için aşağıdaki kodda hangi düzenlemeyi yapmalıyım ?
Şimdiden yardımcı olacak arkadaşlara çok teşekkür ederim :)

Kod:
var state = "paused";
var currentAudio = $("#audio-1");
var audio = $('audio');
audio.on("ended", function () {
console.log(currentAudio);
if ($(this)[0] == $("#audio-1")[0]) {
console.log('1');
currentAudio = $("#audio-2");
currentAudio.trigger("play");
} else if ($(this)[0] == $("#audio-2")[0]) {
console.log('2');
currentAudio = $("#audio-3");
currentAudio.trigger("play");
} else if ($(this)[0] == $("#audio-3")[0]) {
console.log('3');
currentAudio = $("#audio-1");
currentAudio.trigger("pause");
}
});
audio.on("pause", function () {
$(".player").
find(".fa").
removeClass("fa-pause").
addClass("fa-play");
state = "paused";
$(".player").removeClass("playing");
});
audio.on("play", function () {
$(".player").
find(".fa").
removeClass("fa-play").
addClass("fa-pause");
$(".player").addClass("playing");
state = "playing";
});
$(".player").click(function () {
if (state == "paused") {
currentAudio.trigger("play");
} else if (state == "playing") {
currentAudio.trigger("pause");
}
});


bu işlerden pek anlamam ama hocam

audio 1
audio 2

gibi yazan yerleri random diye değiştirsen sonuç ne olur acaba merakımdan soruyorum işe yararmı acaba ?
 
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.

Geri