Cara Menggunakan API Getaran HTML5

Populariti peranti mudah alih telah membuat lebih banyak pengguna mengakses laman web melalui telefon bimbit dan tablet. Sehingga Disember 2013, satu daripada setiap lima lawatan laman web datang dari peranti mudah alih. Nisbah ini mungkin lebih tinggi jika laman web atau aplikasi anda dapat menyesuaikan diri dengan peranti mudah alih. Pembangunan berbilang peranti menghadapi cabaran, tetapi ia juga membawa kemungkinan bahawa komputer desktop tidak dapat dicapai. Sebagai contoh, mekanisme getaran adalah peranti maklum balas haptik yang mudah yang mengingatkan anda tentang mesej atau panggilan baru. Ia amat berguna dalam persekitaran yang bising atau tenang (bunyi boleh menyebabkan gangguan). Bukankah lebih baik jika aplikasi anda boleh menggunakan ciri getaran?

Arahan Laluan Berjalan: Belok kiri dan bergetar dua kali.
Apabila peristiwa berlaku atau anda menghampiri seseorang, telefon bergetar dengan cara tertentu.
Anda boleh menghantar mesej rahsia menggunakan kod MORSE berasaskan getaran!
Permainan ini dapat meningkatkan pengalaman permainan dengan bergetar apabila anda bertembung atau terkena peluru berpandu.

API Getaran HTML5 membolehkan anda melakukan ini!

Adakah getaran diperlukan?

Hanya kerana kita boleh membuat telefon bergetar, itu tidak bermakna kita harus melakukannya. Getaran boleh mengalirkan bateri dengan teruk, jadi jika bateri rendah atau permainan tidak berjalan dalam tab semasa, lebih baik untuk melumpuhkannya. Bergantung pada aplikasi anda, sebaiknya menyediakan pilihan pengguna supaya mereka dapat mengaktifkan, melumpuhkan, atau mengkonfigurasi keadaan getaran.

sokongan dan pengesanan penyemak imbas

API ini agak baru dan kini terhad kepada versi terkini Firefox dan Chrome Sokongan. Versi terdahulu memerlukan awalan MOZ dan WebKit, masing -masing. Anda juga harus menggunakan peranti dengan mekanisme getaran - API boleh didapati dalam penyemak imbas anda, tetapi tanpa mekanisme getaran, anda tidak akan tahu sama ada ia berfungsi! Gunakan cek berikut untuk mengesan sokongan getaran:

if ("vibrate" in navigator) {
    // 支持振动 API
}

Untuk memeriksa dan menggunakan versi prefixed, anda boleh menggunakan kod berikut:

// 启用振动支持
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;

if (navigator.vibrate) {
    // 支持振动 API
}

Asas getaran

Getaran asas boleh ditetapkan dengan lulus milisaat ke navigator.vibrate:

// 振动一秒钟
navigator.vibrate(1000);

Sebagai alternatif, anda boleh lulus array yang mengandungi parameter getaran dan kelewatan yang ditentukan dalam milisaat. Sebagai contoh, untuk bergetar untuk 500 milisaat, tunggu 300 milisaat, dan kemudian bergetar untuk 100 milisaat sekali lagi:

// 振动一秒钟
navigator.vibrate([500, 300, 100]);

istilah array dengan indeks walaupun menentukan masa getaran (array bermula pada sifar, jadi istilah pertama dan ketiga adalah 0 dan 2, masing -masing). Item array dengan indeks ganjil mentakrifkan masa kelewatan. Getaran tidak menyekat; Untuk menghentikan getaran, anda boleh lulus sifar ke Navigator.Vibrate. Konsep ini berguna dalam permainan. Sebagai contoh, apabila pengguna terhempas kereta, anda menetapkan navigator.vibrate (10000). Walau bagaimanapun, jika kesan perlanggaran berakhir dalam masa 10 saat, tetapkan Navigator.Vibrate (0) untuk menamatkan getaran.

Demo getaran

untuk menguji API pada peranti anda ... Lihat demo API Getaran ... Lihat semua kod sumber HTML, CSS, dan JavaScript. Parameter Borang membina array yang dihantar ke Navigator.Vibrate semasa mengklik Mula. Apabila butang "Stop" diklik, Navigator.Vibrate (0); Gunakan API Getaran sebanyak yang anda suka, beritahu saya jika anda mempunyai kegunaan yang menarik.

FAQ API Getaran HTML5

Apakah API Getaran HTML5?

API Getaran HTML5 adalah alat yang berkuasa yang membolehkan pemaju mengakses perkakasan bergetar secara programatik pada peranti mereka (jika ada). Ini boleh digunakan untuk memberikan maklum balas haptik kepada pengguna berdasarkan pelbagai peristiwa, seperti menerima pemberitahuan atau menekan butang. Harus diingat bahawa API tidak menjamin bahawa getaran akan berlaku, kerana keputusan muktamad ditinggalkan ke sistem operasi dan tetapan pengguna.

Bagaimana menggunakan API Getaran dalam aplikasi web saya?

Untuk menggunakan API getaran, anda perlu memanggil kaedah Navigator.Vibrate (). Kaedah ini menerima integer tunggal atau pelbagai bilangan bulat. Integer tunggal mewakili bilangan milisaat getaran. Pelbagai integer mewakili mod getaran dan jeda. Sebagai contoh, Navigator.Vibrate (200) akan bergetar peranti untuk 200 milisaat, manakala Navigator.Vibrate ([200, 100, 200]) akan bergetar peranti untuk 200 milisaat, jeda untuk 100 milisaat, dan kemudian bergetar lagi untuk 200 milidota .

Bolehkah saya menggunakan API Getaran pada semua peranti?

API getaran

digunakan terutamanya dalam peranti mudah alih dengan perkakasan getaran terbina dalam. Walau bagaimanapun, API boleh dipanggil pada mana -mana peranti. Jika peranti tidak menyokong getaran, panggilan ke navigator.vibrate () akan hanya diabaikan.

Bagaimana untuk memeriksa sama ada peranti menyokong API getaran?

Anda boleh menggunakan harta getaran objek Navigator untuk memeriksa sama ada peranti menyokong API Getaran. Jika harta ini wujud, peranti menyokong API. Berikut adalah cara anda boleh melakukan ini: jika ("bergetar" dalam navigator) { / Peranti menyokong getaran /}.

Bolehkah saya berhenti bergetar sebelum getaran berakhir?

Ya, anda boleh menghentikan getaran sebelum berakhir dengan memanggil navigator.vibrate () kaedah dengan parameter 0 atau array kosong. Sebagai contoh, navigator.vibrate (0) atau navigator.vibrate ([]).

Adakah semua penyemak imbas menyokong API getaran?

Pelayar yang paling moden, termasuk Chrome, Firefox, dan Opera, menyokong API Getaran. Walau bagaimanapun, Internet Explorer tidak menyokongnya, dan Safari mempunyai sokongan terhad.

Bolehkah saya menggunakan API getaran dalam konteks thread pekerja?

Tidak, API getaran tidak tersedia dalam konteks thread pekerja. Ia hanya boleh digunakan dalam konteks penyemak imbas utama.

Adakah terdapat sekatan untuk menggunakan API Getaran?

Ya, terdapat beberapa batasan untuk menggunakan API getaran. Sebagai contoh, dalam sesetengah pelayar, API hanya boleh digunakan sebagai tindak balas kepada tindakan pengguna, seperti klik atau sentuhan, untuk mengelakkan penyalahgunaan atau penggunaan menjengkelkan.

Bolehkah saya menentukan intensiti getaran?

Tidak, API getaran tidak membenarkan anda menentukan intensiti getaran. Kekuatan dikawal oleh perkakasan dan sistem operasi peranti.

Bolehkah saya menggunakan API getaran untuk membuat mod getaran kompleks?

Ya, anda boleh membuat corak getaran kompleks menggunakan API getaran dengan lulus pelbagai bilangan bulat ke navigator.vibrate () kaedah. Setiap integer dalam array mewakili tempoh getaran atau jeda. Sebagai contoh, Navigator.Vibrate ([200, 100, 200, 100, 200]) akan mewujudkan corak yang terdiri daripada tiga getaran, masing -masing 200 milisaat yang berpanjangan, dipisahkan oleh dua jeda, masing -masing 100 milisaat.

Atas ialah kandungan terperinci Cara Menggunakan API Getaran HTML5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!