Hva er Vibration API?

Vibration API (navigator.vibrate()) er en nettleserstandard som lar nettsider utløse vibrasjonsmotoren som er innebygd i smarttelefoner og noen nettbrett. Den godtar enten en enkelt varighet i millisekunder eller en vekslende matrise med vibrerings-/pausevarigheter – kalt et vibrasjonsmønster. API-en støttes i de fleste Android-nettlesere; iOS eksponerer ikke vibrasjon til nettsider på grunn av plattformbegrensninger.

Vibrasjonsmønstre beskrives som matriser der oddetallsindekserte verdier representerer vibringsvarigheter og partallsindekserte verdier representerer pausevarigheter. For eksempel betyr [200, 100, 200] vibrer 200 ms, pause 100 ms, vibrer 200 ms. Hvis du kaller navigator.vibrate(0) eller navigator.vibrate([]), avbrytes eventuelle pågående vibrasjoner umiddelbart.

Verktøybeskrivelse

Dette verktøyet lar deg teste om enheten din støtter Vibration API og eksperimentere med vibrasjonsmønstre direkte i nettleseren. Du kan utløse en enkelt puls med justerbar varighet, angi et helt egendefinert kommaseparert mønster, eller velge fra innebygde forhåndsinnstillinger som SOS, hjerteslag og doble/tredoble pulser. En hendelseslogg registrerer hvert vibrasjonsforsøk med et tidsstempel og det eksakte mønsteret som ble brukt, slik at du kan sammenligne resultater på tvers av ulike enheter og nettlesere.

Eksempler

Mønsterinput Hva som skjer
300 Enkelt puls som varer 300 ms
200,100,200 Vibrer 200 ms → pause 100 ms → vibrer 200 ms
150,100,150,100,150 Tre korte pulser med 100 ms mellomrom
0 Avbryter eventuelle pågående vibrasjoner

Funksjoner

  • Oppdager om enheten og nettleseren støtter Vibration API og viser statusen ved innlasting
  • Justerbar enkeltpulsvarighet fra 10 ms til 5000 ms via en glidebryter
  • Egendefinert mønsterinput godtar en hvilken som helst kommaseparert sekvens av vibrerings- og pausevarigheter
  • Seks klare forhåndsinnstillinger: Short Pulse, Long Pulse, Double Pulse, Triple Pulse, SOS Pattern og Heartbeat
  • Hendelseslogg med tidsstempel som viser hvert utløst mønster og om det ble godtatt eller avvist av nettleseren

Brukstilfeller

  • Mobilnettutvikling: Bekreft at haptisk tilbakemelding implementert med Vibration API faktisk fungerer på en målenheten før du lanserer funksjonen.
  • QA-enhetstesting: Bekreft raskt at vibrasjonsmotoren fungerer på en nylig mottatt eller reparert smarttelefon uten å installere en innebygd app.
  • Mønsterprototyping: Iterer på egendefinerte vibrasjonsekvenser (varslinger, spilltilbakemelding, tilgjengelighetssignaler) ved å teste dem live i nettleseren.

Hvordan det fungerer

Verktøyet kaller navigator.vibrate(pattern) med verdien du oppgir. Nettleseren returnerer true hvis anropet ble godtatt og false hvis det ble avvist – for eksempel fordi dokumentet ikke har fokus eller enheten ikke støtter API-en. Begge utfall registreres i hendelsesloggen. All behandling skjer helt på enheten; ingen data sendes til noen server.

Begrensninger

  • iOS (Safari, Chrome på iOS): Apple eksponerer ikke navigator.vibrate() på iOS, så API-en rapporteres alltid som ikke støttet på iPhones og iPads.
  • Stasjonære nettlesere: Stasjonære datamaskiner har vanligvis ingen vibrasjonmotor, så selv når API-en er tilgjengelig har den ingen fysisk effekt.
  • Bakgrunnsfaner: Noen nettlesere avviser stille vibrasjonskall når siden ikke er i forgrunnen.
  • Maksimal varighet: Individuelle vibrasjonssegmenter er begrenset av nettleseren (vanligvis rundt 10 sekunder); svært store verdier kan bli stille avkortet.