TPAC2017/Demos

From W3C Wiki

An opportunity to discover what other W3C groups are working on and how that works intersect with other Web technologies. This session is scheduled during the last breakout slot of the da y (3:30pm) in Cypress B (atrium level).


Generic Sensors

Generic Sensor API exposes sensor data to the Web in a consistent and performant manner and enables a broad range of immersive and interactive experiences on the Web:

  • pure web 360: high performance 360 degree panoramas and 360 videos
  • sensor fusion: fuse low level sensors to build your own custom sensors
  • ambient adaptation: adapt web content from daylight to darkness
  • new input mechanisms: use magnet as input in WebVR experiences
  • advanced motion-based games: measure the speed of your punch, walk around in a game

by Kenneth Christiansen

Verifiable Credential Handler

by Manu Sporny (Digital Bazaar)

An experimental browser API polyfill that works for 3.3 billion people today that demonstrates how Verifiable Credentials may be used to login to a website, eliminate form fills, and provide digitally signed, 3rd party attestations (such as driver's license information digitally signed by a DMV) through the browser.

Demo: Video

WebNFC

A grocery planner Progressive Web App shows you how to bridge the physical world with the Web and makes your routine task a joy. Powered by Web NFC.

by Kenneth Christiansen

WebUSB

Develop for Internet of Things devices with JavaScript and deploy directly to IoT device, all in your browser. Made possibly by Web USB API.

by Kenneth Christiansen

WebGPU

GPUs have two different processing pipelines able to run on the same hardware: a "graphics" pipeline able to create images made of triangles and a "compute" pipeline able to run arbitrary parallel programs very fast. WebGL exposes the graphics pipeline but not the compute one. Some people have been able to do some computations with WebGL for example for fluid simulation or machine learning but it is suboptimal compared to what's possible with the compute pipeline.

NXT and WebMetal are respectively Google's and Apple's prototypes for WebGPU. The demo will show an NXT particle system demo using both GPU graphics and compute at the same time. Compute is used to simulate the particle movement and graphics is used to display them.

by Corentin Wallez

TTML and IMSC rendering in Javascript with CSS styling

TTML is most commonly used for subtitles and captions for video; the IMSC profiles are specific to that use case. This demo will show:

  • Implementing IMSC in Javascript as a polyfill - with the imscJS library as a case in point
  • Mapping TTML to HTML fragments
  • Getting styling right with CSS - what's easy, what's tough, and what can't be done yet
  • Global script and language support - TTML2 additions and how they map to CSS

by Nigel Megitt and Pierre Lemieux

Web Payments & Interledger

by Adrian Hope-Bailie (on behalf of the Web Payments WG and Interledger Payments CG)

Various demos of applications using the new Web Payments APIs and the Interledger protocol developer tools:

Demonstrate a payment using the new Web Payments APIs and a payment handler capable of performing an Interledger payment.

  • ilp-curl by Ben Sharafian

A command-line client like curl that is able to handle HTTP 402 responses and pay for requests

  • Key provider and 3D Secure by Gildas Le Louarn

Demonstrator to show how Key provider can works with Payment API integrating conditional 3D-Secure authentication. Idea is to show what are the exchanges required by 3D-Secure integration (even if we demonstrate it with 3DS 1.0).

Web Assembly

Various Demos of applications using WebAssembly, including:

by Brad Nelson

CSS Grid

by Greg Whitworth & Melanie Richards

The technologies provided for layout on the web have primarily been document centric. CSS Grid changes this by bringing a true two dimensional layout paradigm to the web. Come see some cool examples of how this changes things and get a cursory look at what CSS Grid can do for your website development and how it gives you the power to unleash your creativity.

CSS Houdini

by Ian Kilpatrick

Web Audio

by Chris Wilson, Hongchan Choi

WebVR

by Brandon Jones