</nav>
<article id="toc" data-title="Inhalt">
-<h1><span>Inhalt</span></h1>
+<h1><span>Table of Contents</span></h1>
<h2>Mozilla Emerging Technologies</h2>
<div class="captionedbox">
<div class="simplebox">
<img src="vrheadset-boy.png" class="slidepic"
- alt="A-Frame - aframe-io">
+ alt="Boy with VR headset">
<ul>
<li>WebXR - <mark>Virtual & Augmented Reality</mark> (WebVR & AR)</li>
<li><a href="https://research.mozilla.org/mixed-reality/">research.mozilla.org/mixed-reality</a></li>
- <li><a href="https://webvr.info/">webvr.info</a> - WebVR API, <mark>Open Standard</mark></li>
+ <li><a href="https://webvr.info/">webvr.info</a>, <a href="https://webxr.io/">webxr.io</a> -
+ <a href="https://github.com/immersive-web/webxr">WebXR Device API</a>,
+ <mark>Open Standard</mark> (proposal)</li>
<li>In concert with WebGL, WebAudio and Gamepad APIs</li>
<li>Windows: Firefox release, Mac: Nightly, Linux: in development</li>
</ul>
Example:
<pre>
<<mark>a-scene</mark>>
- <a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere>
- <<mark>a-cube</mark> position="-1 0.5 1" rotation="0 0 0" width="1" height="1" depth="1" color="#4CC3D9">
- <<mark>a-animation</mark> attribute="rotation" repeat="indefinite" to="0 360 0"></a-animation>
+ <a-sphere <small>position="0 1.25 -1" radius="1.25" color="#EF2D5E"</small>></a-sphere>
+ <<mark>a-cube</mark> <small>position="-1 0.5 1" rotation="0 0 0" …</small>>
+ <<mark>a-animation</mark> <small>attribute="rotation" … to="0 360 0"</small>></a-animation>
</a-cube>
- <a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
- <a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
- <a-sky color="#ECECEC"></a-sky>
+ <a-cylinder <small>position="1 0.75 1" …</small>></a-cylinder>
+ <a-plane <small>…</small>></a-plane>
+ <a-sky <small>color="#ECECEC"</small>></a-sky>
</a-scene>
</pre>
<p><a href="https://codepen.io/mozvr/pen/jqERjQ">edit/view</a>
</article>
<article id="codecs" data-title="Open Media Codecs">
-<h1><span>Open Media Codecs - Daala & AV1</span></h1>
+<h1><span>Open Media Codecs</span></h1>
<div class="simplebox">
<img src="av1-comingsoon.png" class="slidepic" alt="AV1 - Coming Soon">
<li>Next target: do the same with video</li>
<li>Mozilla/Xiph: Daala + Google: VP9 + Cisco: Thor</li>
<li><a href="http://aomedia.org/">Alliance for Open Media (AOMedia)</a> for collaboration</li>
- <li>AV1 bitstream frozen since April 2018</li>
- <li>Next: De-/Encoding perf, hardware support, ...</li>
+ <li><a href="https://aomedia.org/the-alliance-for-open-media-kickstarts-video-innovation-era-with-av1-release/">Released</a>:
+ AV1 bitstream frozen since March/April 2018</li>
+ <li>Next: Opimized de-/encoders, hardware support, ...</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>
<article id="rust" data-title="Rust">
-<h1><span>Programmiersprache - Rust</span></h1>
+<h1><span>Rust Language</span></h1>
<div class="simplebox">
+<img src="rust-logo.svg" class="slidepic" alt="Rust logo">
+<ul>
+ <li>Systems programming language</li>
+ <li>Focus on <mark>speed</mark>, <mark>memory safety</mark> and <mark>parallelism</mark></li>
+ <li>Low-level language but prevents segmentation faults and guarantees thread safety</li>
+ <li>Mozilla as founder and sponsor, active volunteer community</li>
+ <li>Used at Mozilla e.g. in Servo and Firefox Quantum</li>
+ <li><a href="https://www.rust-lang.org/">rust-lang.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
</div>
</article>
-<article id="servo" data-title="Servo Web-Engine">
-<h1><span>Web-Engine - Servo</span></h1>
+<article id="servo" data-title="Servo">
+<h1><span>Servo Web Engine</span></h1>
<div class="simplebox">
+<img src="servo.png" class="slidepic" alt="Servo logo">
+<ul>
+ <li>Experimental web engine, <mark>written in Rust</mark></li>
+ <li>Modular architecture, embeddable</li>
+ <li><mark>Memory safe</mark>: more stability & security</li>
+ <li><mark>Fast</mark>: parallelism + newer algorithms</li>
+ <li>Mature modules can be integrated into Gecko (Firefox Quantum)</li>
+ <li>Possible base for a WebVR/XR runtime, etc.</li>
+ <li><a href="https://servo.org/">servo.org</a>,
+ <a href="https://research.mozilla.org/servo-engines/">research.mozilla.org/servo-engines</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
</div>
</article>
<article id="wasm" data-title="WebAssembly">
-<h1><span>WebAssembly</span></h1>
+<h1><span>WebAssembly (wasm)</span></h1>
<div class="simplebox">
+<img src="web-assembly-logo.svg" class="slidepic" alt="WebAssembly logo">
+<ul>
+ <li>New, low-level, assembly-like language to run in browsers</li>
+ <li>Backward-compatible with <a href="http://asmjs.org/">asm.js</a></li>
+ <li>Good target to <mark>compile C/C++ or Rust</mark> (via
+ <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Emscripten">Emscripten</a>)
+ <mark>for the browser</mark></li>
+ <li>Enables <mark>fast compute-intensive applications</mark> (games et al.) on the web</li>
+ <li>Already supported in Firefox, Chrome, Edge, Safari</li>
+ <li><a href="http://webassembly.org/">webassembly.org</a></li>
</div>
</article>
-<article id="iot" data-title="Web of Things">
-<h1><span>IoT - Things Gateway</span></h1>
+<article id="iot" data-title="Project Things">
+<h1><span>IoT - Project Things</span></h1>
<div class="simplebox">
+<img src="mozilla_iot_illustration.png" class="slidepic" alt="Project Things illustration">
+<ul>
+ <li>Experimental framework for connecting "things" to the web</li>
+ <li>Target: decentralized Internet of Things that is safe, open and interoperable</li>
+ <li><mark>Web Thing API: Proposed W3C standard</mark></li>
+ <li>Things Gateway connects existing things/protocols to the web</li>
+ <li>Cloud services are optional and configurable</li>
+ <li><mark>Giving control back to the user</mark></li>
+ <li><a href="https://iot.mozilla.org/">iot.mozilla.org</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
</div>
</article>
-<article id="end" data-title="Ende">
+<article id="end" data-title="The End">
-<div class="simplebox">
-<h1 class="cent" style="position: relative; z-index: 3; color: #FFFFFF; font-size: 2.5em;">Fragen?</h1>
-<img src="mister_tricorder.jpg" class="sshot"
- style="width: 100%; margin-top: -4.5em; position: relative; z-index: 1;"
- alt="Data & Mister Tricorder">
+<div class="simplebox endslidecontainer">
+<h1 class="cent endslidetext">Questions?</h1>
+<h2 class="cent endslidetext"><span><a href="https://www.mozilla.org/en-US/technology/">mozilla.org/technology</a></span></h2>
+<h3 class="cent endslidetext"><span>kairo@kairo.at</span></h3>
+<img src="mister_tricorder.jpg" class="sshot endslidepic" alt="Data & Mister Tricorder">
</div>
</article>