1 / 6

Multimedia Features in Modern Web Content

Explore MPEG-7, TimedText, HTML 5 video, and SVG for enhanced multimedia experiences on the web. Learn about segmentation, description standards, spatial regions, text timing, and video integration in HTML 5. Discover how to divide videos into segments, add time-based text, implement video elements, and define start times in SVG.

art
Télécharger la présentation

Multimedia Features in Modern Web Content

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Media Fragments Working Group State of the Art

  2. MPEG-7 • TimedText • HTML 5 video • SVG

  3. MPEG-7 • Description standard • only support for descriptions, no hyperlinking • Divides video into “VideoSegments” • Described by timestamp, spatial region or both • Timestamp • Begin: MediaTimePoint • YYYY-MM-DDThh:mm:ss:nnnFNNN • Duration: MediaDuration • PnDTnHnMnSnNnF (nD: number of days,..) • Spatial region • E.g. <Poly><Coords>40 300,105 210,…,320 240</Coords></Poly>

  4. TimedText • A standard to show text at a certain time • 3 timing attributes: begin, end, and duration • Semantics equal to SMIL 2.1 • Time can represent a clock-time(h:m:s:f) or an offset-time (count fraction? metric) • E.g. <div xml:lang="en“><p begin="03:01:33:14" dur="9.4s">text1</p> <p begin="5s" dur="4s">text2</p> </div>

  5. HTML 5 Video • HTML 5 adds a video element to HTML • No support for fragmentation or time reference • Example:<video id="v1" src=1066dgfql8a62.oggcontrols="true" autoplay=”true”><p>Sorry, your browser does not support the &lt;video&gt; element.</p></video> • HTML 5 has Time Datatypes: • Date: YYYY-MM-DD • Time: hh:mm(:ss) • Date and Time: YYYY-MM-DDThh:mm(:ss) • Time zones: • UTC: add a Z at the end • Others: Add time difference to UTC e.g. +7:30 or -6

  6. SVG • No support for temporal fragmentation • Start time and duration can be defined • Start time: • When will the video start to play • Can be onLoad or after a delay • Example: <svgxmlns=“..” width="320" height="240" viewBox="0 0 320 240"><desc>SVG 1.2 video example</desc>  <g>    <video xlink:href="test.avi“ type="video/x-msvideo“x="50" y="50" begin=”5s” dur=”20.0s” repeatCount="indefinite"/></g> </svg>

More Related