Responsive Web Design, Discoverability, and Mobile Challenge
WebXR, if X = 5G - World Wide Web Consortium · Progressive Web Apps. @diekus @samsunginternet...
Transcript of WebXR, if X = 5G - World Wide Web Consortium · Progressive Web Apps. @diekus @samsunginternet...
WebXR, if X = 5G
Diego González-Zúñiga, PhDWeb Developer Advocate
@diekus
• Samsung and the Web
• Web / XR
• WebXR• Benefits
• 5G?
• Use Cases
@diekus @samsunginternet
Agenda
@diekus @samsunginternet
@diekus @samsunginternet
Chromium based
Android browser
Version 7.2 launched
That ain’tno moon!
@diekus @samsunginternet
Evergreen browser
@diekus @samsunginternet
New Web Features
Progressive Web AppsWeb Speech API
Web BluetoothWeb Payments
Gamepad APIPhysical Web
CSS GridWebXR API
…
@diekus @samsunginternet
Samsung in the Web
Browser from Samsung
Samsung specific UX
and features
Samsung is the 2nd largest open source contributor to
Chromium
Builtwith open source Chromium Engine
@diekus @samsunginternet
New Web Features
Web Standards Cross browser Initiatives
Open Source Contributions
Multi Device Support
Samsung’s Leadership in the Web
@diekus @samsunginternet
@diekus @samsunginternet
@diekus @samsunginternet
Web
Linkability
Shared Context
Asks for your permission
Privacy-Friendly
Open
Accessible
User Choice
Cross-Platform
Expectations from the Web
@diekus @samsunginternet
@diekus @samsunginternet
VR
Immersive
Orientation Tracking
Spatial sound
Low latency
360° content
Position Tracking
Different Input methods
Expectations from VR
@diekus @samsunginternet
VRpre-approvedclosed environment
wait several minutesdownload 100s of MBsexperience you discard after 1 use
@diekus @samsunginternet
There’s surely a way of doing this
betteropencross-devicedifferentfrictionlessfasterprogressive
@diekus @samsunginternet
@diekus @samsunginternet
WebXR
This specification describes support for accessing
virtual reality (VR) and augmented reality (AR)
devices, including sensors and head-mounted
displays, on the Web
@diekus @samsunginternet
WebXR
browser support
@diekus @samsunginternet
source: webvr.rocks
* Compatible with WebVR
Samsung Internet Firefox Chromium Chrome Oculus Browser Edge Servo
hardware support
• Magic Window• 3 DoF (orientation)• 6 DoF (orientation + position)• Controllers• WebSpeech API*
Multi Device Experience
@diekus @samsunginternet
Connectivity towards devices
Connectivity towards devices
@diekus @samsunginternet
Multi Device Experience
IoT will be very important in the near future
… and why does this matter?
@diekus @samsunginternet
@diekus @samsunginternet
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
@diekus @samsunginternet
Physical Web
QR Codes
Progressive Web Apps
@diekus @samsunginternet
socialreach ubiquitous/immediatediscoverability new creators
AirHornerVR
• Icon on homescreen
• Independent of network and connectivity.
• Frictionless experiences by design.
• Preload Assets (Audio, Video)
• Automatic ingestion into app stores
Progressive Web Apps
@diekus @samsunginternet
Widest delivery network in existenceBiggest software platform in the world
socialreach ubiquitous/immediatediscoverability new creators
Progressive enhancement
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
bit.ly/hollywood-bubble
bit.ly/penca-beach
bit.ly/gardens-Singapore
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
@fasility_vr
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
NetworkedA-Frame
WebRTC
PEERJShttps://hungry-pandas.glitch.me
@poshaughnessy
socialreach ubiquitous/immediatediscoverability new creators
https://hubs.mozilla.com/
@mozillareality
@uveavanto
@diekus
@diekus @samsunginternet
Accessible platform for creatives, developers and makers
three.js
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
Ava, by Achavanich Beaker Burial and Samsung Internet
https://samsunginter.net/ava
socialreach ubiquitous/immediatediscoverability new creators
@diekus @samsunginternet
“it’s so full of niceness”
Explorathon, September 2017Museum of Scotland
socialreach ubiquitous/immediatediscoverability new creators
Web + VR =
• Democratize VR
• Help commoditization of VR
• Can use a flexible tech stack
• Enable innovative experiences
social
reach
ubiquitous/immediatediscoverability
new creators
@diekus @samsunginternet
@diekus @samsunginternet
@diekus @samsunginternet
5G
Low latency
1000x more traffic than 4G
Robust mobile networks
?
?
10x faster speed than 4G
?
Expectations from 5G
@diekus @samsunginternet
Connectivity towards devices
@diekus @samsunginternet
Multi Device Experience
IoT will be very important in the near future• Connected cars• Automated homes• Wearables• Appliances• Smart cities• Mobile XR devices• …
lighter, tetherless headsets
@diekus @samsunginternet
Web
VR 5G
@diekus @samsunginternet
What can this mean for Web + XR + 5G
@diekus @samsunginternet
socialreach ubiquitous/immediatediscoverability new creators
fashion
archaeology
oncology
curators
teachers
…
@diekus @samsunginternet
What can this mean for Web + XR + 5G
• Low latency is game changing• “Transmit touch” –Mischa Dohler
• Transmit engineering, musical, football, medical skills.• Democratize labor, same way internet has democratized knowledge.
• Telemedicine, Virtual training environments, …
• Machine to Machine communication • Productivity and services
• Assets that use big assets on the go?• Better textures and assets in general• Streaming of high res 360 degree content, including UHD live media
• Social experiences
61% Gaming
59% Meetings
56% Shopping
56% Live Sports
source : Greenlight VR Consumer Adoption Report 2016, among 1300 people
74% Travel and Adventure
67% Movies & Recorded Videos
67% Live Events (non sport)
66% Home Design
64% Classes
@diekus @samsunginternet
Use cases
@diekus @samsunginternet
eat. sleep. VRowse. repeat