HTML5 APIs

Fullscreen

<video controls id="myvideo">
  <source src="somevideo.webm"></source>
  <source src="somevideo.mp4"></source>
</video>
var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
}

Geolocation

Retrieve location

navigator.geolocation.getCurrentPosition(({
  coords: {
    latitude,
    longitude
  }
}) => {
  console.log(latitude, longitude); // 52.4576432 16.9191283
});

Watching the current position 

navigator.geolocation.watchPosition(({
  coords: {
    latitude,
    longitude
  }
}) => {
  console.log(latitude, longitude); // 52.4576432 16.9191283
});

Performance

Title Text

.now()

const time = window.performance.now();

console.log(time); //68615.12000000001

.mark() & .measure()

window.performance.mark('start');

setTimeout(() => {
    window.performance.mark('end');

    console.log(performance.getEntriesByType('mark'))
}, 500);

Navigation Timing

Vibration

HTML5 APIs

By Patryk Ziemkowski

HTML5 APIs

  • 592