index.html 15 KB

Raw Blame History Permalink

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <title>W3C Media Fragments Working Group</title>
  <meta name="copyright" content="Copyright &#169; 2009 W3C (MIT, ERCIM, Keio)" />
  <link rel="stylesheet" href="http://www.w3.org/Talks/Tools/Slidy/slidy.css" type="text/css" media="screen, projection, print" />
  <link rel="stylesheet" href="w3c-ac.css" type="text/css" media="screen, projection, print" />
  <script type="text/javascript" src="slidy.js"></script>
  <script type="text/javascript">
function playVideo() {
 vid.play();
 play.style.color='black';
 pause.style.color='#999';
 stopi.style.color='#999';
}
function pauseVideo() {
 vid.pause();
 play.style.color='#999';
 pause.style.color='black';
 stopi.style.color='#999';
}
function stopVideo() {
 vid.stop();
 play.style.color='#999';
 pause.style.color='#999';
 stopi.style.color='black';
}
  </script>
</head>

<body>

<!-- this defines the slide background -->
<div class="background">
  <div class="header">
    <!-- sized and colored via CSS -->
  </div>
  <div class="footer">
    <object id="w3c-logo" data="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.svg" type="image/svg+xml" title="W3C logo">
  	<a href="http://www.w3.org/"><img alt="W3C logo" id="w3c-logo-fallback"
  		src="http://www.w3.org/Talks/Tools/Slidy/w3c-logo-blue.gif" /></a></object>
    <!-- modify the following text as appropriate -->
    Semantic Web Coordination Group, 6 February 2009
  </div>
</div>

<div class="slide cover">
  <div class="header">
    <h1>W3C Media Fragments Working Group</h1>
    <p><a href="http://www.cwi.nl/~troncy/"><font color="#FFFFFF">Rapha&euml;l Troncy</font></a> (CWI)
    &lt;<a href="mailto:raphael.troncy@cwi.nl">raphael.troncy@cwi.nl</a>&gt;,<br />
       <font color="#FFFFFF">Erik Mannens</font> (IBBT MediaLab, University of Ghent)
    &lt;<a href="mailto:erik.mannens@ugent.be">erik.mannens@ugent.be</a>&gt;
    </p>
  </div>
  <img src="http://www.w3.org/2008/WebVideo/Fragments/meetings/2008-10-20-f2f_cannes/DSC02998.JPG" alt="Media Fragment group photo, Cannes (FR)"/>
</div>

<div class="slide">
  <h1>Media Fragments WG Pointers</h1>
  <br/>
  <p>
    Duration: September 2008 - January 2010
  </p>
   <p>
    This slide: <a href="http://www.w3.org/2008/WebVideo/Fragments/talks/2009-02-06/">http://www.w3.org/2008/WebVideo/Fragments/talks/2009-02-06/</a>
  </p>
  <p>
    Home: <a href="http://www.w3.org/2008/WebVideo/Fragments/">http://www.w3.org/2008/WebVideo/Fragments/</a>
  </p>
  <p>
    Wiki: <a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/">http://www.w3.org/2008/WebVideo/Fragments/wiki/</a>
  </p>
  <p>
    Archive: <a href="http://lists.w3.org/Archives/Public/public-media-fragment/">http://lists.w3.org/Archives/Public/public-media-fragment/</a>
  </p>
  <p>
    Part of: <a href="http://www.w3.org/2008/WebVideo/Activity.html">Video in the Web Activity</a> /
    <a href="http://www.w3.org/MarkUp/CoordGroup/">Hypertext Coordination Group</a> /
    <a href="http://www.w3.org/Interaction/">Interaction Domain</a>
  </p>
</div>

<div class="slide">
  <h1>Media Fragment History</h1>
   <div style='margin: 1em;'>
    <img src='http://www.w3.org/2007/08/video/banner.jpg' alt='Cinematographie'
         style='float: right; padding-top: 5px;padding-right: 5px;border:none'/>
    <h3 style='padding-top: 1em;'>W3C Video on the Web Workshop</h3>
    <p>12-13 December 2007, San Jose, California and Brussels, Belgium</p>
    <p style='margin-bottom: .5ex;padding-bottom:1em'>Hosted by Cisco Systems</p>
   </div>
   <div class='image' style='float: right'>
    <p class='img' style='width: 500px'><img src='http://www.w3.org/2008/01/chris_takes_a_picture.jpg'
       alt='W3C Video Workshop Telepresence' title='W3C Video Workshop Telepresence'/><br />
     <span class='source'>Photo credit: <a href="http://www.flickr.com/photos/49504282@N00/">Chris Lilley</a></span></p>
   </div>
   <p style='padding-top: 3em;'><b>Motto:</b> Make video a first-class object on the Web</p>
</div>

<div class="slide">
  <h1>W3C Workshop Participants</h1>
  <p style='font-weight: bold; font-size: 75%'>Accenture, Adobe Systems, Annodex
Association, Apple, CBS Interactive, CableLabs, Canon, Capgemini, CWI,
Cisco Systems, Dailymotion, Hitachi, Hot Potato, IBBT, IJS, MTV
Networks, Meraka Institute, Motorola, Move Networks, Mozilla
Foundation, Nemours Foundation, Nokia Corporation, RealNetworks,
Samsung Electronics, Sony, Sun Microsystems, Thomson, Turner
Broadcasting System, University Of California at Santa Cruz,
University of Wollongong, VRT medialab, Via Licensing, Walt Disney
Internet Group, Web3D Consortium, Wright State University, YouTube,
thePlatform
  </p>
  <div class='image'>
   <p class='img' style='width: 500px'><img src='http://www.w3.org/2008/01/steve_bratt.jpg' width='500'
      title='Steve Bratt makes a point in Black and White' alt='Steve Bratt makes a point in Black and White'/><br />
    <span class='source'>Photo credit: <a href="http://www.flickr.com/photos/rwfreund/">Robert Freund</a></span></p>
  </div>
</div>

<div class="slide">
  <h1>Workshop Laundry list</h1>
  <ul style='font-family: Handscript SF, serif'>
    <li><code>&lt;video></code> <span style='font-family: sans-serif'>HTML</span> 5.0</li>
    <li>Codecs and formats</li>
    <li><strong>Metadata &#8658; <a href="http://www.w3.org/2008/WebVideo/Annotations/">Media Annotations WG</a></strong></li>
    <li>Content protection</li>
    <li><strong>Fragment &#8658; <a href="http://www.w3.org/2008/WebVideo/Fragments/">Media Fragments WG</a></strong></li>
    <li>Accessibility <em>(still an issue)</em></li>
    <li>Tagging</li>
    <li>Searchability</li>
    <li>Synchronization, Temporal properties for styling</li>
    <li>Distribution: cost, QoS, tracking, mobile, etc.</li>
    <li>Playlist files</li>
    <li>&hellip;</li>
  </ul>
</div>

<div class="slide">
 <h1>Media Fragments WG Goal</h1>
 <p style='float: right; width: 40%;'>
Provide <strong>URI-based mechanisms</strong> for uniquely identifying <strong>fragments</strong> for <strong>media</strong> objects on the Web, such as video, audio, and images.
 </p>
 <div class='image' style='clear: left;' >
  <p class='img' style='width: 500px; margin: 1%; clear:left;'><img src='http://www.w3.org/2008/01/beth.jpg'
     title='Beth, the audience, Belgium, her pitch, and herself' alt='Beth, the audience, Belgium, her pitch, and herself'/><br />
   <span class='source'>Photo credit: <a href="http://www.flickr.com/photos/rwfreund/">Robert Freund</a></span></p>
 </div>
 <p style='margin: 1em auto; text-align: center'><img src='http://www.w3.org/2008/01/timbl_movie.png' alt='Temporal addressing' title='Temporal addressing'/></p>
</div>

<div class="slide">
 <h1>Media Fragments WG Activities</h1>
 <ul>
   <li>Chairs: Erik Mannens (IBBT), Rapha&#235;l Troncy (CWI)</li>
   <li>Team contact: Yves Lafon, (<em>alternate Thierry Michel</em>)</li>
   <li>13 <a href="http://www.w3.org/2000/09/dbwg/details?group=42785">Participants</a>:
    <ul>
     <li>from 8 organizations: Apple Inc., DERI Galway, CWI, IBBT, Meraka Institute, Samsung, K-Space, W3C/ERCIM</li>
     <li>+1 Invited Expert: <a href="http://blog.gingertech.net/">Silvia Pfeiffer</a></li>
    </ul>
   </li>
  <li>14 teleconferences so far (weekly frequency)</li>
  <li>3 Face to Face meetings:
   <ul>
	<li>20-21/10/2008 (@TPAC, Cannes, FR):
<a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/FirstF2FAgenda">agenda</a>,
minutes <a href="http://www.w3.org/2008/10/20-mediafrag-minutes.html">Monday</a>,
<a href="http://www.w3.org/2008/10/21-mediafrag-minutes.html">Tuesday</a> and
<a href="http://www.w3.org/2008/WebVideo/Fragments/meetings/2008-10-20-f2f_cannes/">slides &amp; resources</a></li>
	<li>09-10/12/2008 (IBBT, Ghent, BE),
<a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/SecondF2FAgenda">agenda</a>,
minutes <a href="http://www.w3.org/2008/12/09-mediafrag-minutes.html">Tuesday</a>,
<a href="http://www.w3.org/2006/12/10-mmsem-minutes.html">Wednesday</a> and
<a href="http://www.w3.org/2008/WebVideo/Fragments/meetings/2008-12-09-f2f_ghent/">slides &amp; resources</a></li>
    <li>16-17/04/2009 (@WWW, Barcelona, ES)</li>
   </ul>
  </li>
 </ul>
</div>

<div class="slide">
 <h1><a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Use_Cases_&_Requirements_Draft">Use Cases &amp; Requirements</a></h1>
 <ul>
   <li>Document:
<a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Use_Cases_&_Requirements_Draft">http://www.w3.org/2008/WebVideo/Fragments/wiki/Use_Cases_&_Requirements_Draft</a>
    <ul>
     <li>Link to, Display, Bookmark, Annotate, Search, etc. media fragments</li>
    </ul>
   </li>
   <li>Type of fragments: <a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Types_of_Fragment_Addressing">four dimensions considered</a>
    <ul>
     <li><b>time</b> ([point?] interval), <b>space</b> ([point?] rectangle), <b>track</b> and <b>id</b> (named fragment)</li>
     <li>Restrict to what the container format (encapsulating the compressed media content) can express (and expose), thus no transcoding</li>
    </ul>
   </li>
   <li>Protocols covered: HTTP(S), RTSP
    <ul><li>... what about <a href="http://en.wikipedia.org/wiki/Microsoft_Media_Services">mms</a>,
     <a href="http://en.wikipedia.org/wiki/Real_Time_Messaging_Protocol">rtmp</a>, p2p protocols, etc. ? They are often proprietary (see also
     <a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Protocols#Usage">usage statistics</a>)</li></ul>
   </li>
 </ul>
</div>

<div class="slide">
 <h1><a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Existing_Technologies_Survey">Technological Survey</a></h1>
 <ul>
  <li>Media Fragments URI already present on the web ... but with very different syntax and behavior
   <ul>
    <li>Google Video: (<b>#50m16s</b>)<br/>
<a href="http://video.google.com/videoplay?docid=3047771997186190855&amp;ei=MCH-SNfJD5HS2gKirMD2Dg&amp;q=%22that%27s+a+tremendous+gift%22#50m16s">http://video.google.com/videoplay?docid=3047771997186190855&amp;ei=MCH-SNfJD5HS2gKirMD2Dg&amp;q=%22that%27s+a+tremendous+gift%22#50m16s</a></li>
    <li>YouTube: (<b>#t=1m45s</b>)<br/>
<a href="http://www.youtube.com/watch?v=1bibCui3lFM#t=1m45s">http://www.youtube.com/watch?v=1bibCui3lFM#t=1m45s</a></li>
    <li>Archive.org powered by <a href="http://annodex.net/TR/draft-pfeiffer-temporal-fragments-03.txt">TemporalURI</a>: (<b>?t=74.5 </b>)<br/>
<a href="http://www.archive.org/download/to-SF/toSF_512kb.mp4?t=74.5">http://www.archive.org/download/to-SF/toSF_512kb.mp4?t=74.5</a></li>
    <li>Videosurf: (<b>?t=140&amp;e=184</b>)<br/>
<a href="http://www.videosurf.com/video/michael-jordan-1989-playoffs-gm-5-vs-cavs-the-shot-904591?t=140&amp;e=184">http://www.videosurf.com/video/michael-jordan-1989-playoffs-gm-5-vs-cavs-the-shot-904591?t=140&amp;e=184</a></li>
    <li>Microsoft IIS 7.0:<br/>
<a href="http://SmoothHD.com/Media.ism/QualityLevels(1024000)/Fragments(video=20000000)">http://SmoothHD.com/Media.ism/QualityLevels(1024000)/Fragments(video=20000000)</a></li>
    <li>Metacafe, Dailymotion, etc. ?</li>
   </ul>
  </li>
  <li>Other time-clipping and spatial clipping methods:
   <ul>
    <li>MPEG-21: time, space, track, id (<a href="http://www.example.com/myVideo.mp4#mp(/CD/track/~time(%27npt%27,%270%27,%2760%27))">http://www.example.com/myVideo.mp4#mp(/CD/track/~time(%27npt%27,%270%27,%2760%27))</a>)</li>
    <li>SVG: space (<a href="http://www.example.com/myImage.svg#svgView(14.64,15.73,146.98,147.48)">http://www.example.com/myImage.svg#svgView(14.64,15.73,146.98,147.48)</a>)</li>
    <li>SMIL: time (<code>clipBegin</code>, <code>clipEnd</code>), space (<code>panZoom</code>, <code>area</code>), media markers</li>
    <li>MPEG-7: time, space, modality</li>
   </ul>
  </li>
 </ul>
</div>

<div class="slide">
 <h1>Media Fragments 1.0</h1>
 <ul>
  <li><a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Syntax">Syntax</a>:
 <pre>
http://www.example.com/movie.mov#t=12.33,21.16
http://www.example.com/movie.mov#t=smpte-25:00:12:33:06,00:21:16:00
http://www.example.com/movie.mov#xywh=20,20,40,40
http://www.example.com/movie.mov#xywh=pixel:20,20,40,40
http://www.example.com/movie.mov#track='audio1'
http://www.example.com/movie.mov#id='the%20kiss%20scene'
http://www.example.com/movie.mov#track='audio2'&amp;t=12.33,21.16
  </pre>
  </li>
  <li>Communication between the User Agent and the Server:<br />
  General principle is that <em>smart</em> UA will strip out the fragment definition and encode it into custom http headers ...
   <ul>
    <li>2 way-handshakes: use custom HTTP range units, defined along the different axis suitable to describe media fragments</li>
    <li>4 way-handshakes: custom resources that will direct the client on how and where to get all the data needed to construct a fragment</li>
   </ul>
  </li>
  <li>(Media) Servers will handle the request, <em>slice</em> the media content and serve just the fragment<br />
  ... while old ones will serve the whole resource</li>
  <li><a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/HTTP_Fragment_Caches">Server, caches and proxies:</a> use byte/time ranges to cache (merge) fragments</li>
 </ul>
</div>

<div class="slide">
 <h1>Issues (non exhaustive list)</h1>
 <ol>
  <li>Addressing <em>vs</em> Retrieving a media fragment?
   <ul>
    <li>FRBR (manifestation <em>vs</em> item): the fragment could be specified on an abstraction of a particular encoding format</li>
    <li>Content Negotiation could be used to serve an RDF description of a media fragment, the media fragment encoded in mp3, in wav, etc.</li>
   </ul>
<pre>
@prefix event: <http://purl.org/NET/c4dm/event.owl#>.
@prefix ps: <http://purl.org/ontology/pop-structure>.
@prefix rdfs: <http://www.w3.org/2000/01/rdf-schema#>.
:chorus1 a ps:Chorus;
    rdfs:label "First chorus";
    event:time [
       url "http://www.example.com/beatles-let_it_be.mp3#t=0,20";
    ].
</pre>
  </li>
  <li>Media Fragments <a href="http://www.w3.org/2008/WebVideo/Fragments/wiki/Semantics">semantics</a>?
   <ul>
    <li><a href="http://www.ietf.org/rfc/rfc3986.txt">RFC3986</a>: semantics of URI fragment depends on the media type<br />
    ... by default, the semantics is considered unknown</li>
    <li>TBL <a href="http://chatlogs.planetrdf.com/swig/2009-02-01#T11-52-02">suggests</a> to register video/*, audio/*, image/*<br/>
    ... but some of them have already been registered (e.g. <a href="http://www.chiariglione.org/mpeg/technologies/mp21-fid/index.htm.htm">MPEG-21 Part 17</a></li>
    <!-- image/svg+xml -->
   </ul>
  </li>
 </ol>
</div>

<div class="slide">
 <h1>Thank you</h1>
 <img src='http://www.w3.org/2007/08/video/banner.jpg' alt='Cinematographie'
      style='float: right; margin: 3em; -moz-border-radius: 2px;'/>
 <h2 style='color: rgb(0, 90, 156); font-weight: bold;padding-top: 1em;'>Video on the Web is not just what you see</h2>
 <h3 style='color: rgb(0, 90, 156); padding: 1em; font-weight: bold; font-style: italic'>&mdash; it's what you can search, discover, create, distribute and manage.</h3>
</div>

</body>
</html>