Pushing html5 beyond boundaries

Click here to load reader

  • date post

    11-Apr-2017
  • Category

    Software

  • view

    308
  • download

    1

Embed Size (px)

Transcript of Pushing html5 beyond boundaries

Date

Pushing HTML5 beyond boundaries

Sergio Castillo YrizalesJavascript lover8 [email protected]

AgendaHTML5APIs que no conocasDemo: Theremin

HTML5Nos trae a la era de la Web SemanticaNuevas etiquetas y APIs para contenidos multimediasNuevas APIs para interactuar con mviles.

Date

APIs que no conocas (Surprise)Bueno tal vez s :)

Page Visibility APIEvitar llamadas al servidorEvitar consumo de RamDemo:http://codepen.io/SitePoint/full/hcKxd/

Fullscreen APIMostremos las cosas en toda la pantallaNo solo videos, DIVs e imgenes tambin calificanDemo:http://blogs.sitepointstatic.com/examples/tech/full-screen/index2.html

Vibrate APIHaz que las cosas vibren (dispositivos mviles)Puedes controlar el tiempo y la cantidad de vecesDEMO:https://goo.gl/TWpCTl

Battery Status APIPodemos revisar la batera de los dispositivosAs evitamos hacer cosas innecesarias cuando se le va a acabar la batera al clienteDemo:https://goo.gl/3ZkhDx

getUserMedia APITe permite accesar a la cmara y micrfono del dispositivoChats, juegos en lineaDemo:https://www.audero.it/demo/getusermedia-api-demo.html

Date

Demo: ThereminLets do this

ThereminVamos a usar el AudioContext Api para accesar a los parlantes y a la vez producir un sonidoFrecuenciaVolumenVoilahttps://github.com/scyrizales/theremin/blob/master/theremin.js

Uno de mis das ms productivos fue aqul en el que borr 1000 lneas de cdigo. Ken Thompson

MUCHAS GRACIAS :)ALGUNA PREGUNTA?SERGIO [email protected]

BibliografiaMaking a thereminhttps://www.smashingmagazine.com/2016/06/make-music-in-the-browser-with-a-web-audio-theremin/Physical Beaconshttps://medium.com/@urish/exploring-the-physical-web-without-buying-beacons-efae51e36c2e#.h4216kxbeAPIs worth knowinghttps://www.sitepoint.com/10-html5-apis-worth-looking/