Kategoriler
Kodlama

Vibration API kullanımı

Vibration API(Titreşim API) kullanım örneği, nasıl kullanılır.

Günümüzde insanlar büyük oranda akıllı mobil cihazları ile internete bağlanıyor ve web sitelerini de akıllı mobil cihazları ile gezmektedir, bu akıllı cihazların tamamına yakınında titreşim fonksiyonu bulunmakta ve bu tarayıcılar üzerinden Vibration API ile kontrol edilebilmekte.

Daha önce paylaştığım “Web sitesi/uygulama da titreşim fonksiyonu” yazısında jQuery ile bir fonksiyon paylaşmıştım ancak buna gerek olmadan kendi uygulamanız içerisine de Vibration API kullanarak kullanıcının cihazına istediğiniz türden ve zamanlamayla titreşim gönderme imkanınız var. Aslına bakarsanız https://github.com/illyism/jquery.vibrate.js çok ufak ve kullanışlı ben şahsen onu kullanmayı yeğlerim ancak dediğim gibi bir yere bağlı kalmadan özgün bir şey yazıyorsanız gerek yok.

Aşağıda örnek kodlama fikirleri vereceğim:

Öncelikle tarayıcının Vibration API desteğini kontrol etmek gerekir ve bu iyi bir fikir:

if (Boolean(window.navigator.vibrate)) {
    // Evet destekliyor
    ...
}

Basit bir titreşim yapmak:

// 500ms boyunca cihazı titret
window.navigator.vibrate(500);

// Üsteki ile aynı
window.navigator.vibrate([500]);

Farklı desenlerde bir titreşim yapmak:

// 500ms titret, 200ms bekle, 800ms titret
window.navigator.vibrate([500, 200, 800]);

Titreşimleri iptal etmek:

window.navigator.vibrate(0);
window.navigator.vibrate([])

Eğlenceli farklı desenli bir örnek:

window.navigator.vibrate([
    100,30,100,30,100,30,
    200,30,200,30,200,30,
    100,30,100,30,100
]);

Not: Apple’ın API erişimlerine getirdiği kısıtlama nedeniyle iOS cihazlarda çalışmayabilir ancak Android vs. iOs olmayan tüm mobil cihazlarda çalışır. Firefox’da bazı sorunlar var ve şu an düzeltilene kadar çalışmayabilir, Chrome ve Chrome tabanlı tarayıcılarda sorunsuz.

Örneğimi buradan görebilirsiniz:

Vibration API – Test

Android cihaz ile bakınız.

wolkanca.com’da Vibration API kullanımı veya diğer konular hakkında herhangi bir sorunuz varsa, sosyal medya butonları ile yorum ya da mesaj göndermekten çekinmeyin, Vibration API kullanımı için ya da değil DM kapısı her daim açık. Yazıyı beğendiyseniz paylaşın, daha fazla ilgili gönderi için hemen aşağıdaki menülere göz gezdirebilirsiniz, okuduğunuz için teşekkürler, saygılar sevgiler.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO - wolkanca mahallesi gmail sokak nokta com.