WordCamp Nijmegen

August 31, 2018
Nijmegen, The Netherlands
https://2018.nijmegen.wordcamp.org

Browser APIs: the unknown Super Heroes

Still think browsers are only capable of parsing HTML, CSS and JavaScript? Think again! Browsers have become much more powerful and contain numerous APIs that can enrich the user experience or are just plain fun.

This talk will introduce you to some of them (like battery, speech, audio, location, ...) and show you how easy it is to unleash their power with JavaScript.

Tweets

• Alles leren over de minder bekende functionaliteiten van Browser APIs? Dan is de talk van Rowdy Rabouw op #WC024 ‘Browser APIs: the unknown Super Heroes’ een absolute must! Zorg dat je er bij bent! https://t.co/v9KK401LMw

  — WordCamp Nijmegen (@WordCampNmgn) July 16, 2018

• Now watching: https://t.co/aSvqtqEK8n Browser APIs: the unknown Super Heroes by @RowdyRabouw #WC024

  — Evelien Snel (@elangco) August 31, 2018

• Over 15 minuten in Valkhof, @RowdyRabouw met "Browser APIs: the unknown Super Heroes" #WC024

  — WordCamp Nijmegen (@WordCampNmgn) August 31, 2018

• Now at track 2: @RowdyRabouw about browser api's and tim burton's cancelled superman movie with nicholas cage! #WC024 pic.twitter.com/GXf10O6EEL

  — Luc Princen (@LucP) August 31, 2018

• Right now @RowdyRabouw is giving us a tour of super hero browser APIs.#WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• You can target a specific lat/long in the browser with let id = navigator.geolocation --- says @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• "The browser has to ask permission to get your location." @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• There is a battery status API supported by Chrome, Opera and iOS.
  You can listen to events (charged now or not) and act on that says @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Using the battery status API to not show video and an image instead can be a great way to increase user experience, says @RowdyRabouw #WC024 (navigator.getBattery)

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Device Memory API can return an amount in gigabytes (installed not available to max of 8 GB), says @RowdyRabouw #WC024
  
  (navigator.deviceMemory)

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Interesting idea: use the battery api in a browser to check wether or not to play that heavy animation. Thanks @RowdyRabouw! #WC024

  — Luc Princen (@LucP) August 31, 2018

• Van Halen was born in Nijmegen . @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Web Audio API is for synthesizing an processing audio. You can generate audio (audioContext). @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Currently being tortured by @RowdyRabouw's web audio api downloads 😬😖 #WC024

  — Luc Princen (@LucP) August 31, 2018

• getUserMedia requests audio from the user's microphone @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• getUserVideo can also be used in the brower API. @RowdyRabouw #WC024
  
  (So I guess there may be something to that covering up your laptop camera thing after all.)

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Meet the lovely people attending my Browser APIs talk! #WC024 @WordCampNmgn pic.twitter.com/E474tUZhop

  — Rowdy Rabouw 🧀🇳🇱 (@RowdyRabouw) August 31, 2018

• https://t.co/hqJ2W00ApR has all the links to @RowdyRabouw's talk #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Face recognition in the browser, super cool stuff! Thanks @RowdyRabouw! #WC024

  — Luc Princen (@LucP) August 31, 2018

• Vibration API works on Chrome, Opera, Android. (navigator.vibrate) @RowdyRabouw #WC024

  — Bridget Willard (@YouTooCanBeGuru) August 31, 2018

• Sooo many cool toys being demoed by @RowdyRabouw at #WC024 #track2

  — Luc Princen (@LucP) August 31, 2018