<html lang="en">
<head>
<meta charset="utf-8">
<title>Tutorial for W3C Track</title>
</head>
<body class="c12">
<p class="c11 title" id="h.95njuch6r419">
<span>Tutorial: </span>
<span class="c8">Media advances on the Web Platform</span>
</p>
<p class="c6 subtitle" id="h.79khhj8kavad">
<span class="c7">The WebConference 2018 - W3C Track</span>
</p>
<ul class="c2 lst-kix_90pqsgsruat7-0 start">
<li class="c10">
<span class="c5">Title</span>
<span> – “</span>
<span>Media advances on the Web Platform</span>
<span>” by Michel Buffa (Wimmics Group, I3S laboratory/INRIA, University of Nice, France</span>,
<span class="c14">
<a class="c0" href="mailto:buffa@i3s.unice.fr">buffa@i3s.unice.fr</a>
</span>
</li>
<li class="c10">
<span class="c5">Organizers</span>
<span> – Michel Buffa is a professor/researcher at Université </span>
Côte
<span> d’Azur, member of the WIMMICS research group that belongs to INRIA/CNRS. He is the W3C Advisory Committee
representative for the University of Nice, and has been collaborating with the W3C </span>
<span>for </span>
<span>many</span>
<span> years. </span>
<span>He wrote 3 MOOCS on Front-End Web technologies for the W3Cx MOOC platform (https://w3cx.org) hosted by edX. Over
300k students followed its courses on HTML5 and JavaScript since 2015.</span>
<span class="c3"> He’s also in charge of the WASABI ANR research project (Web Audio Semantics Aggregated in the Browser
for Integration), and member of the W3C WebAudio working group. He developed many Web applications including
a semantic wiki, a real time tube guitar amplifier simulation presented at the last international WebAudio
conference (best paper presentation), many real time guitar effects, a multitrack player/DAW. He published
research papers in many international conferences about the Web and the Semantic Web.</span>
</li>
<li class="c1">
<span class="c5">Abstract</span>
<span class="c3"> – HTML5 became a frozen standard in October 2014. Since then, HTML5.1 and now 5.2 appeared and brought
small adjustments. This tutorial will present some of the new APIs fro; HTML5 or related:</span>
</li>
</ul>
<ol class="c2 lst-kix_90pqsgsruat7-1 start" start="1">
<li class="c9 c13">
<span class="c3">Multimedia -audio and video-, </span>
</li>
<li class="c9 c13">
<span class="c3">Drawing and animation -HTML5 canvas-, </span>
</li>
<li class="c9 c13">
<span class="c3">But many other APIs are closely related to HTML5: MediaDevices (WebCam, Microphones), WebComponents (reusable
widgets), WebAudio, WebMidi, fetch (new way to make Ajax requests), etc.</span>
</li>
</ol>
<p class="c4">
<span class="c3"></span>
</p>
<ul class="c2 lst-kix_12la4obochb1-0 start">
<li class="c1">
<span class="c5">Duration and Sessions</span>
<span class="c3"> – Half a day. </span>
</li>
<li class="c1">
<span class="c5">Audience</span>
<span class="c3"> – Anybody interested in Web development.</span>
</li>
<li class="c1">
<span class="c5">Previous Editions</span>
<span class="c3"> – Michel Buffa presented an HTML5 tutorial at WWW2012, 2013 and 2014. This will be a (very) updated
version. </span>
</li>
<li class="c1">
<span class="c5">Tutorial Material</span>
<span class="c3"><a href="https://docs.google.com/presentation/d/114FPmRPICx8ytprtXYNmqz_XqxJCPgPllGTGaggPLi8/edit?usp=sharing" target="_blank">Slides here. In the slides, click on pictures to run examples and see source code</a></span>
</li>
<li class="c1">
<span class="c5">Equipment</span>
<span class="c3"> – Good speakers ! Good wifi connexion.</span>
</li>
</ul>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |