W3C Interaction Domain Leader,
Video in the Web Activity Lead
Video on the Web 2008
(IPTV가 웹을 만났을 때 !)
2008년 9월 25일~26일, 서울, 대한민국
Note: these slides contain demos of the HTML 5 and SVG 1.2 video elements, and where developed with a preview build of Opera 9.52 to fully demonstrate future capabilities of Web browsers.
W3C is a collaborative community where experts develop the standards that make the Web work, and that make the Web accessible and useful to people around the world.
W3C has 425 members in 40 countries, offices in 20 countries, and 3 host sites.
The Internet is becoming consumers' primary entertainment source […]— Saul Berman, IBM Media & Entertainment Strategy and Change
© Fox Broadcasting Company
Cisco's Global Consumer Internet Traffic Forecast
Source: Cisco, 2007
12-13 December 2007, San Jose, California and Brussels, Belgium
Hosted by Cisco Systems
Photo credit: Chris Lilley
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
Photo credit: Robert Freund
<video>
HTML 5.0<video src='myMovie' id='vid' /> var vid = document.getElementById("vid"); vid.play(); vid.pause(); vid.stop(); vid.muted = true; vid.addCueRange("ranges", 10, 20, false, enterCallBack, exitCallBack);
This is a paragraph in HTML on top of the video.
CSS opacity allows this video to be partially transparent.
Click on the text, e.g. vid.play()
, to
play/pause/stop the video.
Or how to make HTML, SVG, CSS, JS, and Video fit together?
<svg:g>
<svg:g id='vid' clip-path="url(#etri)">
<svg:video xlink:href="myMovie" id='vid' />
</svg:g>
<svg:use xlink:href="#vid"
transform="scale(1 -1)"
mask="url(#fade)"/>
</svg:g>
var vid = document.getElementById("vid");
vid.beginElement();
This is a paragraph in HTML on top of the video.
CSS opacity allows this video to be partially transparent.
Click on the text vid.beginElement()
to
begin the video.
- Known not to require per-unit or per-distributor licensing
- Compatible with the open source development model
- Of sufficient quality as to be usable
- Not an additional submarine patent risk for large companies
None of the codecs fit the requirements for HTML 5…
http://www.w3.org/2008/WebVideo
Will provide URI-based mechanisms for uniquely identifying temporal and spatial fragments for media objects on the Web, such as video, audio, and images.
Photo credit: Robert Freund
Chairs: Erik Mannens (IBBT), Raphaël Troncy (CWI)
Address a region of a media object and the impact at the application level (allow full or partial media retrieval using the HTTP protocol).
http://dig.csail.mit.edu/2007/09/OneWebDay#t=24m16s-30m12s http://www.example.org/imedia.mov#rect(50,50,200,100)
Goals:
Related: Metadata Working Group (Canon, Sony, Apple, Microsoft, Adobe)
Chair: Soohong Daniel Park (Samsung)
simple lingua-franca ontology
Client side read-only media annotations API
var vid = document.getElementById("vid"); vid.getTitle(); vid.getAuthor(); vid.getRights(); vid.getLicense(); vid.getCreationDate();
See demo
Potential items on the list:
Web technologies are getting deployed on mobiles and televisions.
Slides at http://www.w3.org/2008/Talks/26-video-plh/