Merhaba, geçtiğimiz güncelerde mevcut bir sayfada ses-müzik işlemleri arkaplanda nasıl gerçekleştirilir diye araştırma gereksinimi duydum. Araştırmamı yaparken temeli yazılmış güzel bir sınıf buldum, bunu geliştirmeye karar verdim.
İlgili işlemleri tamamladıktan sonra bunu bir eklenti haline getirerek github hesabımda paylaşmaya karar verdim. Aşağıda örnek olarak basit birkaç örnek vereceğim. Kullanımı oldukça kolay olan eklentiyi buradan hızlıca indirerek kullanmaya başlayabilirsiniz.
- Başlangıç
Öncelikle sayfanıza jquery import edelim, sonrasında eklenti haline getirdiğim openSound dosyasını ekleyelim.
1 2 | <script src='jquery-2.2.0.min.js'></script> <script src='jquery.openSound.js'></script> |
- Kullanım
İki fonksiyonu işlemlerinizde tetikleyerek kolayca kullanabilirsiniz.
1 2 3 4 5 6 7 | //Ses Çalma (Arkaplanda) $.openSound('http://fatihsoysal.com/sound.wav') $.openSound('/imports/sounds/47522.wav') $.openSound('/imports/sounds/95365.mp3') //Ses Durdurma (Arkaplanda) $.stopSound(); |
Hemen aşağıda örnek bir uygulama yapıp sizinle paylaştım. Kolaylıklar dilerim.
See the Pen bYvybY by Fatih Soysal (@fatihsoysal) on CodePen.