8
تشکر

نحوه استفاده از API ویبره در HTML5

HTML5

HTML5

کاربران وبی که از موبایل و تبلت استفاده میکنند خیلی بیشتر از قبل شده اند و این آمار روز به روز در حال گسترش است. در آماری که در دسامبر 2013 بدست آمده است از هر 5 دستگاهی که صفحات وب را باز میکنند یکی از آن‌ها موبایل بوده است.

بخش عمده‌ای از اهداف HTML5 هم دربرگیرنده ویژگی‌هایی است که بیشتر آن‌ها در موبایل ها و تبلت ها بیشترین بازدهی را دارند. حالا API جدیدی به نام Vibrate در HTML5 رونمایی شده است که قابلیت این را دارد که ما بتوانیم حالت ویبره را برای گوشی ایجاد کنیم.

در ادامه همراه ما باشید…

ویبره یا بدون ویبره؟

حالا که به لطف HTML5 میتوانیم حالت ویبره را برای موبایل ها و تبلت ها ایجاد کنیم آیا باید همیشه از آن استفاده کنیم؟ حالت ویبره در گوشی های هوشمند، باتری را خیلی سریع‌تر تخلیه میکند. اگر وب اپلیکیشن شما استعداد داشتن قسمتی برای ایجاد ویبره است، بهتر است گزینه ای برای تنظیم غیر فعال کردن یا فعال کردن آن وجود داشته باشد.

پشتیبانی مرورگرها و تشخیص

این API نسبتاً جدید است و فقط در نسخه های اخیر Chrome و Firefox پشتیبانی میشود. که این نسخه ها هم نیاز به پیشوند مخصوص خود دارند. همچنین شما باید از دستگاهی استفاده کنید که مکانیزم ویبره در آن تعبیه شده باشد.

برای چک کردن اینکه آیا دستگاه مورد نظر از API ویبره پشتیبانی میکند میتوانید از کد زیر استفاده کنید:

navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
if(navigator.vibrate) {
  //ٰVibration API support
}

نحوه استفاده از API ویبره

شما میتوانید مدت زمانی را که میخواهید ویبره انجام شود به صورت میلی ثانیه مانند زیر وارد کنید:

// vibrate for one second
navigator.vibrate(1000);

همچنین میتوانید از آرایه ای از ویبره ها و تأخیر ها (delay) هم استفاده کنید. برای مثال در کد زیر گوشی به مدت 100ms به حالت ویبره، سپس به مدت 50ms صبر میکند و دوباره به مدت 200ms به حالت ویبره میرود.

// vibrate for one second
navigator.vibrate([100, 50, 200]);

در‌ واقع، در آرایه بالا خانه‌های با اندیس (index) زوج، زمان ویبره و خانه‌های با اندیس فرد زمان تأخیر را مشخص میکنند.

همچنین توسط کد زیر میتوانید ویبره بوجود آمده را قبل از تمام شدن زمانی که به آن دادید به پایان برسانید.

navigator.vibrate(0);

شما میتوانید با مشاهده دمو از وجود چنین قابلیتی در گوشی خود آگاه شوید.

این قابلیت برای بازی‌های بر پایه HTML5 بسیار خوب و جذاب است. لذت ببرید

  • qqqamir می‌گه:

    ببخشید من ی سوال دارم شاید خیلی مرتبط با این موضوع نباشه .

    میخواستم بدونم راهی وجود داره که ما بتونیم توسط برنامه نویسی

    تحت وب مستقیما با سی پیو سر کار داشته باشیم

    • محسن شفیعی می‌گه:

      این بستگی به آینده داره. برای مثال HTML5 در حال حاظر دسترسی به برخی دستگاه های سخت افزاری کاربر رو مثل دوربین، میکروفون، ویبره و … در اختیار ما میزاره. باید بیینیم در آینده چه چیزهایی اضافه میشه.
      با این حال CPU خیلی خیلی بعید به نظر میرسه.


  • نظرات این مطلب بسته است.