(window.webpackJsonp=window.webpackJsonp||[]).push([[1799],{2207:function(t,a,s){"use strict";s.r(a);var n=s(31),r=Object(n.a)({},(function(){var t=this,a=t.$createElement,s=t._self._c||a;return s("ContentSlotsDistributor",{attrs:{"slot-key":t.$parent.slotKey}},[s("h1",{attrs:{id:"vibration-api"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vibration-api"}},[t._v("#")]),t._v(" Vibration API")]),t._v(" "),s("h2",{attrs:{id:"single-vibration"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#single-vibration"}},[t._v("#")]),t._v(" Single vibration")]),t._v(" "),s("p",[t._v("Vibrate the device for 100ms:")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("navigator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("vibrate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n")])])]),s("p",[t._v("or")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("navigator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("vibrate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n")])])]),s("h2",{attrs:{id:"check-for-support"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#check-for-support"}},[t._v("#")]),t._v(" Check for support")]),t._v(" "),s("p",[t._v("Check if browser supports vibrations")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("if")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token string"}},[t._v("'vibrate'")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("in")]),t._v(" window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("navigator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// browser has support for vibrations")]),t._v("\n"),s("span",{pre:!0,attrs:{class:"token keyword"}},[t._v("else")]),t._v("\n    "),s("span",{pre:!0,attrs:{class:"token comment"}},[t._v("// no support")]),t._v("\n\n")])])]),s("h2",{attrs:{id:"vibration-patterns"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#vibration-patterns"}},[t._v("#")]),t._v(" Vibration patterns")]),t._v(" "),s("p",[t._v("An array of values describes periods of time in which the device is vibrating and not vibrating.")]),t._v(" "),s("div",{staticClass:"language-js extra-class"},[s("pre",{pre:!0,attrs:{class:"language-js"}},[s("code",[t._v("window"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),t._v("navigator"),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(".")]),s("span",{pre:!0,attrs:{class:"token function"}},[t._v("vibrate")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("(")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("[")]),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("100")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(",")]),t._v(" "),s("span",{pre:!0,attrs:{class:"token number"}},[t._v("200")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v("]")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(")")]),s("span",{pre:!0,attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n\n")])])]),s("h4",{attrs:{id:"syntax"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#syntax"}},[t._v("#")]),t._v(" Syntax")]),t._v(" "),s("ul",[s("li",[t._v("let success = window.navigator.vibrate( pattern );")])]),t._v(" "),s("h4",{attrs:{id:"remarks"}},[s("a",{staticClass:"header-anchor",attrs:{href:"#remarks"}},[t._v("#")]),t._v(" Remarks")]),t._v(" "),s("p",[s("a",{attrs:{href:"http://caniuse.com/#feat=vibration",target:"_blank",rel:"noopener noreferrer"}},[t._v("Support by browsers"),s("OutboundLink")],1),t._v(" might be limited. Also support by the operating system may be limited.")]),t._v(" "),s("p",[t._v("The following table gives an overview of the earliest browser versions that provide support for vibrations.")]),t._v(" "),s("table",[s("thead",[s("tr",[s("th",[t._v("Chrome")]),t._v(" "),s("th",[t._v("Edge")]),t._v(" "),s("th",[t._v("Firefox")]),t._v(" "),s("th",[t._v("Internet Explorer")]),t._v(" "),s("th",[t._v("Opera")]),t._v(" "),s("th",[t._v("Opera Mini")]),t._v(" "),s("th",[t._v("Safari")])])]),t._v(" "),s("tbody",[s("tr",[s("td",[t._v("30")]),t._v(" "),s("td",[s("strong",[t._v("no support")])]),t._v(" "),s("td",[t._v("16")]),t._v(" "),s("td",[s("strong",[t._v("no support")])]),t._v(" "),s("td",[t._v("17")]),t._v(" "),s("td",[s("strong",[t._v("no support")])]),t._v(" "),s("td",[s("strong",[t._v("no support")])])])])])])}),[],!1,null,null,null);a.default=r.exports}}]);