projects / slides.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
complete the Linuxwochen 2018 talk in a first version
[slides.git] / linuxwochen2018 / index.html
... / ...
CommitLineData
1<!DOCTYPE html>
2<html>
3<head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5 <meta name="Author" content="KaiRo - Robert Kaiser">
6 <title>Mozilla Emerging Technologies</title>
7 <link rel="stylesheet" type="text/css" href="slides.css">
8 <script type="text/javascript" src="slides.js"></script>
9 <link rel="contents" href="#index" title="Überblick">
10 <link rel="index" id="link-toc" href="#toc" title="Inhalt">
11 <link rel="start" id="link-start" href="#index" title="Start">
12</head>
13<body onload="docLoaded();">
14<header id="header"><div id="header-text">Emerging Tech</div>
15 <div id="subheader-text"></div>
16 <a id="headerlogo" href="#index" title="Startseite">Mozilla</a>
17</header>
18<nav id="slidenav">
19 <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
20 <a href="#index" id="nav-start" accesskey="s">start</a> ||
21 <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
22 <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
23 <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
24 <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
25</nav>
26
27<article id="toc" data-title="Inhalt">
28<h1><span>Inhalt</span></h1>
29<h2>Mozilla Emerging Technologies</h2>
30
31<div class="captionedbox">
32<p class="captionedbox-caption">The following slides are available in this presentation:</p>
33<div class="captionedbox-content">
34<ul id="toc-list">
35</ul>
36</article>
37
38<article id="index" data-title="Start Page" data-seconds="600">
39<h1><span>Mozilla Emerging Technologies</span></h1>
40<h2>New Technologies for the Open Web</h2>
41
42<div class="simplebox decofont">
43<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
44"KaiRo" &lt;kairo@kairo.at&gt;
45<br><small>Mozilla Tech Speaker</small>
46</div>
47
48<div class="captionedbox">
49<p class="captionedbox-caption decofont">Slides:
50 <a href="https://slides.kairo.at/linuxwochen2018/">https://slides.kairo.at/linuxwochen2018/</a></p>
51<div class="captionedbox-content small">
52<ul class="small">
53 <li>Created for a
54 <a href="https://cfp.linuxwochen.at/de/LWW18/public/events/741">presentation</a>
55 at <a href="http://www.linuxwochen.at/">Linuxwochen 2018</a> in Wien/Vienna.</li>
56 <li>Written in HTML 5 with CSS 3 and JavaScript.</li>
57 <li>Navigation via links on all slides, via access keys
58 (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
59 <li><a href="#toc">Contents</a></li>
60 <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img
61 alt="Lizenziert unter CC-BY-SA," class="ccinline" src="cc-by-sa.svg"></a>
62 04/2018 Robert Kaiser -
63 "Mozilla", "Firefox" and their logos are
64 <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
65 of Mozilla Foundation</a>.</li>
66</ul>
67</div>
68</div>
69</article>
70
71<article id="mozet" data-title="Emerging Technologies Group">
72<h1><span>Emerging Technologies Group</span></h1>
73
74<div class="simplebox">
75<ul>
76 <li>R&amp;D organization @ Mozilla, a.k.a. <mark>Mozilla Research</mark></li>
77 <li><a href="https://research.mozilla.org/">research.mozilla.org</a></li>
78 <li><a href="https://www.mozilla.org/en-US/technology/">mozilla.org/technology</a></li>
79 <li>Multiple teams for different technologies</li>
80</ul>
81</div>
82</article>
83
84<article id="webxr" data-title="Mixed Reality">
85<h1><span>Mixed Reality (XR)</span></h1>
86
87<div class="simplebox">
88<img src="vrheadset-boy.png" class="slidepic"
89 alt="A-Frame - aframe-io">
90<ul>
91 <li>WebXR - <mark>Virtual &amp; Augmented Reality</mark> (WebVR &amp; AR)</li>
92 <li><a href="https://research.mozilla.org/mixed-reality/">research.mozilla.org/mixed-reality</a></li>
93 <li><a href="https://webvr.info/">webvr.info</a> - WebVR API, <mark>Open Standard</mark></li>
94 <li>In concert with WebGL, WebAudio and Gamepad APIs</li>
95 <li>Windows: Firefox release, Mac: Nightly, Linux: in development</li>
96</ul>
97<p class="ensurepicinbox"></p>
98</div>
99</article>
100
101<article id="aframe" data-title="A-Frame">
102<h1><span>A-Frame - XR Made Simple</span></h1>
103
104<div class="simplebox">
105<img src="aframe-sticker.png" class="slidepic"
106 alt="A-Frame - aframe-io">
107Example:
108<pre>
109&lt;<mark>a-scene</mark>&gt;
110 &lt;a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"&gt;&lt;/a-sphere&gt;
111 &lt;<mark>a-cube</mark> position="-1 0.5 1" rotation="0 0 0" width="1" height="1" depth="1" color="#4CC3D9"&gt;
112 &lt;<mark>a-animation</mark> attribute="rotation" repeat="indefinite" to="0 360 0"&gt;&lt;/a-animation&gt;
113 &lt;/a-cube&gt;
114 &lt;a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="#FFC65D"&gt;&lt;/a-cylinder&gt;
115 &lt;a-plane rotation="-90 0 0" width="4" height="4" color="#7BC8A4"&gt;&lt;/a-plane&gt;
116 &lt;a-sky color="#ECECEC"&gt;&lt;/a-sky&gt;
117&lt;/a-scene&gt;
118</pre>
119<p><a href="https://codepen.io/mozvr/pen/jqERjQ">edit/view</a>
120- More at <a href="https://aframe.io/">aframe.io</a>
121<p class="ensurepicinbox"></p>
122</div>
123</article>
124
125<article id="codecs" data-title="Open Media Codecs">
126<h1><span>Open Media Codecs - Daala &amp; AV1</span></h1>
127
128<div class="simplebox">
129<img src="av1-comingsoon.png" class="slidepic" alt="AV1 - Coming Soon">
130<ul>
131 <li><a href="https://www.opus-codec.org/">Opus</a>: <mark>royalty-free, open, universal</mark> audio codec</li>
132 <li>Next target: do the same with video</li>
133 <li>Mozilla/Xiph: Daala + Google: VP9 + Cisco: Thor</li>
134 <li><a href="http://aomedia.org/">Alliance for Open Media (AOMedia)</a> for collaboration</li>
135 <li>AV1 bitstream frozen since April 2018</li>
136 <li>Next: De-/Encoding perf, hardware support, ...</li>
137</ul>
138<p class="ensurepicinbox"></p>
139</div>
140</article>
141
142<article id="speech" data-title="Speech &amp; Learning">
143<h1><span>Speech &amp; Machine Learning</span></h1>
144
145<div class="simplebox">
146<img src="speechlearning.png" class="slidepic" alt="Speech Recording + Learning">
147<ul>
148 <li><a href="https://voice.mozilla.org/">Common Voice</a>: Open repository for <mark>voice recordings</mark></li>
149 <li>Machine learning to train speech-to-text (STT) systems</li>
150 <li>DeepSpeech / Pipsqueak: Mozilla STT, open source</li>
151 <li><mark>Offline speech recognition</mark> engine, for security + privacy, can run on RPi3</li>
152 <li><a href="https://blog.mozilla.org/blog/2017/11/29/announcing-the-initial-release-of-mozillas-open-source-speech-recognition-model-and-voice-dataset/">Only
153 6.5% error rate on first released model</a></li>
154 <li><a href="https://research.mozilla.org/machine-learning/">research.mozilla.org/machine-learning</a></li>
155</ul>
156<p class="ensurepicinbox"></p>
157</div>
158</article>
159
160<article id="rust" data-title="Rust">
161<h1><span>Rust Language</span></h1>
162
163<div class="simplebox">
164<img src="rust-logo.svg" class="slidepic" alt="Rust logo">
165<ul>
166 <li>Systems programming language</li>
167 <li>Focus on <mark>speed</mark>, <mark>memory safety</mark> and <mark>parallelism</mark></li>
168 <li>Low-level language but prevents segmentation faults and guarantees thread safety</li>
169 <li>Mozilla as founder and sponsor, active volunteer community</li>
170 <li>Used at Mozilla e.g. in Servo and Firefox Quantum</li>
171 <li><a href="https://www.rust-lang.org/">rust-lang.org</a></li>
172</ul>
173<p class="ensurepicinbox"></p>
174</div>
175</article>
176
177<article id="servo" data-title="Servo">
178<h1><span>Servo Web Engine</span></h1>
179
180<div class="simplebox">
181<img src="servo.png" class="slidepic" alt="Servo logo">
182<ul>
183 <li>Experimental web engine, <mark>written in Rust</mark></li>
184 <li>Modular architecture, embeddable</li>
185 <li><mark>Memory safe</mark>: more stability &amp; security</li>
186 <li><mark>Fast</mark>: parallelism + newer algorithms</li>
187 <li>Mature modules can be integrated into Gecko (Firefox Quantum)</li>
188 <li>Possible base for a WebVR/XR runtime, etc.</li>
189 <li><a href="https://servo.org/">servo.org</a>,
190 <a href="https://research.mozilla.org/servo-engines/">research.mozilla.org/servo-engines</a></li>
191</ul>
192<p class="ensurepicinbox"></p>
193</div>
194</article>
195
196<article id="wasm" data-title="WebAssembly">
197<h1><span>WebAssembly (wasm)</span></h1>
198
199<div class="simplebox">
200<img src="web-assembly-logo.svg" class="slidepic" alt="WebAssembly logo">
201<ul>
202 <li>New, low-level, assembly-like language to run in browsers</li>
203 <li>Backward-compatible with <a href="http://asmjs.org/">asm.js</a></li>
204 <li>Good target to <mark>compile C/C++ or Rust</mark> (via
205 <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/Emscripten">Emscripten</a>)
206 <mark>for the browser</mark></li>
207 <li>Enables <mark>fast compute-intensive applications</mark> (games et al.) on the web</li>
208 <li>Already supported in Firefox, Chrome, Edge, Safari</li>
209 <li><a href="http://webassembly.org/">webassembly.org</a></li>
210</div>
211</article>
212
213<article id="iot" data-title="Project Things">
214<h1><span>IoT - Project Things</span></h1>
215
216<div class="simplebox">
217<img src="mozilla_iot_illustration.png" class="slidepic" alt="Project Things illustration">
218<ul>
219 <li>Experimental framework for connecting "things" to the web</li>
220 <li>Target: decentralized Internet of Things that is safe, open and interoperable</li>
221 <li><mark>Web Thing API: Proposed W3C standard</mark></li>
222 <li>Things Gateway connects existing things/protocols to the web</li>
223 <li>Cloud services are optional and configurable</li>
224 <li><mark>Giving control back to the user</mark></li>
225 <li><a href="https://iot.mozilla.org/">iot.mozilla.org</a></li>
226</ul>
227<p class="ensurepicinbox"></p>
228</div>
229</article>
230
231<article id="end" data-title="The End">
232
233<div class="simplebox endslidecontainer">
234<h1 class="cent endslidetext">Questions?</h1>
235<h2 class="cent endslidetext"><span><a href="https://www.mozilla.org/en-US/technology/">mozilla.org/technology</a></span></h2>
236<h3 class="cent endslidetext"><span>kairo@kairo.at</span></h3>
237<img src="mister_tricorder.jpg" class="sshot endslidepic" alt="Data &amp; Mister Tricorder">
238</div>
239</article>
240
241</body>
242</html>
KaiRo's slides for various talks, see slides.kairo.at