Demos at the W3C Developer Meetup - Lyon

Monday 22 October 2018, 6:30pm-7:30pm and 9pm-10:30pm

Feedback please! Let us know if you liked the event and how we can do better next time by filling in this short evaluation survey. Thank you for your participation!


From 6:30pm to 7:30pm and from 9pm to 10:30pm

Building on the success of the 2017's developer meetup, we propose this year a bigger number of table demos. This is a unique opportunity to discover technologies you may not have heard of, and discuss with their designers and implementors on use cases to which they’re applicable and how to get them deployed in real conditions. We are also extending the period of time where these demos are available: from 6:30pm to 7:30pm and from 9pm to 10:30pm, that is before and after the meetup's talks!

The demonstrations listed below are a combination of technologies already in deployment as well as technologies still under exploration and prototyping: 

Demos of on-going standardization efforts:

  1. CSS Houdini, by Ian Kilpatrick (Google)
  2. Securing online access with WebAuthn, by Christiaan Brand (Google), John Bradley and Emil Lundberg (Yubico)
  3. WebAudio, by Michel Buffa (University Côte d'Azur)
  4. Immersive Web (VR/AR), by Chris Wilson (Google) -- including a demo of Magic Leap One by Rik Cabanier, Arno Renevier, Ravikiran Ramachadra and Chris Williams (Magic Leap)
  5. Web of Things, by Michael Mccool (Intel)
  6. Web payments, by Marcos Caceres (Mozilla) and Rouslan Solomakhin (Google Chromium)

Demos of exploratory / pre-standardization work:

  1. IntersectionObserver (v2) - or how to eliminate fraud and enable trust relationships between iframes and embedders, by Stefan Zager (Google)
  2. Machine learning for the Web (WebML), by Ningxin Hu (Intel)
  3. MapML - the hypertext for Web maps, by Peter Rushforth (Invited Expert in Spatial Data on the Web IG)
  4. Web Video Map Tracks (WebVMT) - Location Sync For Video On The Web, by Rob Smith (Invited Expert in Spatial Data on the Web IG, Away Team Software)

Sponsors' demos:

  1. Masq, a client-side solution to add personalisation to private-by-design online Web services, by Levent Demir and Tristan Nitot (Qwant)
  2. WebRTC Gateway - Robotics and Cloud use cases, by Kensaku Komatsu, Jun Makishi, and Toshiya Nakakura (NTT Communications)

Standards-track Demos

CSS Houdini

In a nutshell, CSS Houdini lets you build polyfills for CSS and experiment with crafting new CSS properties or values. The Houdini task force consists of engineers from Mozilla, Apple, Opera, Microsoft, HP, Intel and Google working together to expose certain parts of the CSS engine to Web developers. A set of demos will show what's possible with the CSS Houdini APIs, and what is upcoming in Chrome.

WebAuthn logo

The Web Authentication API (also referred to as WebAuthn) uses asymmetric (public-key) cryptography instead of passwords or SMS texts for registering, authenticating, and second-factor authentication with Web sites. This resolves significant security problems related to phishing, data breaches.

Web audio

Developed by the Audio Working Group, the WebAudio and WebMidi APIs give to developers new means for processing or synthesizing audio. In addition, bridges between the professional computer music world have been recently established thanks to the new WebAssembly standard, and we can now develop DSP code using a wide range of programming languages and frameworks. Web Components are also useful for implementing interoperable WebAudio plugins.

Maslow’s hierarchy of a Progressive Enhancement project. Credit: Arturo Paracuellos in an article on -

The Immersive Web Working Group helps bring high-performance Virtual Reality (VR) and Augmented Reality (AR) (collectively known as XR) to the open Web. The WebXR Device API, whose standardization has just been started, enables browsers to render virtual and augmented reality experiences at the end of any link. Come see 3D Web content with Helio and the Prismatic library on the MagicLeap One with the Helio team.

WoT imageryThe W3C Web of Things (WoT) Working Group demonstrates the WoT Thing Descriptions and APIs, and IoT applications enabled by them.

The WoT initiative seeks to enhance interoperability of IoT devices and services by defining standard mechanisms for metadata representation and scripting.   The WoT Thing Description provides formal metadata for the network interfaces to Things (IoT devices and/or services) to allow other Things to access them easily.  A standardized scripting API augments this with a way to connect to existing Things and expose new Thing interfaces in order to create new services and orchestrate existing ones.


snapshot of Web Payments demo on screen

The Web Payments suite of APIs lets users pay for goods and services quickly, efficiently, and securely using a variety of innovative payment methods (e.g., Google Pay, Apple Pay, browser-stored credit cards, etc.). In this demo, Marcos and Rouslan will show how different browsers can use the same code to facilitate payments on the Web. They will also show how through an exciting new technology called Payment Handlers, the Web can enable completely new and innovative payment experiences - and best of all, these can be built using the Web standards you already know and love!

Demos of Exploratory Technologies

What do infinite scrolling, lazy loading, and online advertisements all have in common? They need to know about—and react to—the visibility of elements on a page! IntersectionObserver extends the popular IntersectionObserver API (see related W3C Editors' draft and MDN documentation) to provide a strong guarantee that a particular HTML element is completely visible and unmodified.

The primary motivation is to eliminate common patterns of fraud and abuse on the Web -- click-jacking in particular -- and to enable trust relationships between embedded third-party iframes and their host documents. Specifically, it gives the iframe a strong guarantee that its content is visible on screen, and has not been painted over or altered in any way by the embedding document.

WebML's image classificationMachine learning for the Web makes real-time object detection in your browser a reality for compelling immersive Web experiences and more. The following will be shown:

  • WebML's pose estimationImage classification in the browser working offline without dependency on the cloud infrastructure.

  • Real-time human pose estimation in the browser enabling new class of experiences on the Web ranging from fitness, interactive installations to augmented reality (see video of it in action).


Map Markup Language (MapML) is a proposed extension of HTML that integrates the Web and the GeoWeb in a way that lowers the barriers to making and using maps on the Web. It allows the browser to geo-locate and represent resources from any Web site. MapML is currently implemented as custom elements.

photo of WebVMT demo

Record video with location on a mobile device using Web Video Map Tracks (WebVMT)! This lightweight, open format is designed to synchronize video with an animated, annotated map on the Web. Show your route, speed and distance, and highlight nearby features to create a narrative for your movie with your favourite map or satellite view, and share your journey online. Ideal for use with drones, dashcams, body-worn video, helmet cameras and smartphones! The following demonstrations will be shown:

Sponsors' demos


snapshot of Qwant's Masq app

Qwant is a European search engine that does not collect user data. Users often want privacy yet also want features that are often incompatible with privacy, such as capturing Search history in order to offer Search suggestion. Masq is Qwant's open-source solution to reconcile things that seem opposed. By securely storing on the local device user data (Search history, for example), Masq enables Qwant to do search suggestion based on search history without leaking user data outside the user's device. Masq is built with Web technologies, features encryption and device syncing.

NTT Communications

snapshot of WebRTC Gateway telepresence demo

The NTT Communications team will carry out two demonstrations of their WebRTC Gateway which offers capability of WebRTC Communications to various devices and applications without any modification.

  • Immersive-style telepresence (see video): this application enables an operator to have a real-time sensation of being at a difference place, and being able to interact with the remote environment via a robot. Originally, the robot sent its vision and haptic information only in a Lab network. But today, WebRTC Gateway enables it to communicate over the Internet.
  • Sending data to the cloud: the NTT Communications team has developed a new platform to let user freely compose their original media processing pipeline (e.g. recording, and voice recognition). They will show a brand new demonstration to inspire participants how the platform would easily enrich their application with real-time multimedia data.


Université de Lyon
92 rue Pasteur
69361 Lyon Cedex 07
Logo of Université de Lyon

Find out how to get there.