Interchange formats. Introduction Application areas Requirements Track and object model Real-time transfer Different interchange formats Comparison

Similar documents
Multimedia. What is multimedia? Media types. Interchange formats. + Text +Graphics +Audio +Image +Video. Petri Vuorimaa 1

What is multimedia? Multimedia. Continuous media. Most common media types. Continuous media processing. Interactivity. What is multimedia?

Software. Networked multimedia. Buffering of media streams. Causes of multimedia. Browser based architecture. Programming

A network is a group of two or more computers that are connected to share resources and information.

Delivery Options: Attend face-to-face in the classroom or via remote-live attendance.

XML BASED MOBILE SERVICES

Lesson 5: Multimedia on the Web

HTML, XHTML, and CSS. Sixth Edition. Chapter 1. Introduction to HTML, XHTML, and

Delivery Options: Attend face-to-face in the classroom or remote-live attendance.

Lesson 5: Multimedia on the Web

Languages in WEB. E-Business Technologies. Summer Semester Submitted to. Prof. Dr. Eduard Heindl. Prepared by

Skill Area 325: Deliver the Multimedia content through various media. Multimedia and Web Design (MWD)

Lesson 5 Introduction to Cascading Style Sheets

BMS2062 Introduction to Bioinformatics. Lecture outline. What is multimedia? Use of information technology and telecommunications in bioinformatics

UNIVERSITY OF NORTH CAROLINA WILMINGTON

Introduction to Information Systems

AIM. 10 September

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

Java Applets, etc. Instructor: Dmitri A. Gusev. Fall Lecture 25, December 5, CS 502: Computers and Communications Technology

CS WEB TECHNOLOGY

Web Design. Basic Concepts

Mobile MOUSe WEB SITE DESIGN ONLINE COURSE OUTLINE

Apple Inc. November 2007

Interactive Media CTAG Alignments

From SGML to HTML and back. From SGML to HTML

Part III: Survey of Internet technologies

Web Standards Mastering HTML5, CSS3, and XML

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117

1D CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist Apr 2018

COPYRIGHTED MATERIAL. Part I: Getting Started. Chapter 1: Introducing Flex 2.0. Chapter 2: Introducing Flex Builder 2.0. Chapter 3: Flex 2.

CIW: Web Design Specialist. Course Outline. CIW: Web Design Specialist. ( Add-On ) 16 Sep 2018

Inserting multimedia objects in Dreamweaver

A SMIL Editor and Rendering Tool for Multimedia Synchronization and Integration

Lecture 5. Digital Media Components Markup and Scripting Languages Multimedia Tools Facilities Provided by the School Suggested Reading

1. Setup a root folder for the website 2. Create a wireframe 3. Add content 4. Create hyperlinks between pages and to external websites

Graphics Design and Applied Arts บทท 6 การออกแบบเว บเบ องต น

XML: Extensible Markup Language

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Helper Applications & Plug-Ins

Engineering Aspects of Web Hypermedia:

UNIT -II. Language-History and Versions Introduction JavaScript in Perspective-

Alpha College of Engineering and Technology. Question Bank

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

Database Systems: Design, Implementation, and Management Tenth Edition. Chapter 14 Database Connectivity and Web Technologies

Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of

lesson 24 Creating & Distributing New Media Content

CSI 3140 WWW Structures, Techniques and Standards. Representing Web Data: XML

WEB GRAPHICS ADOBE PHOTOSHOP CS3. Learning Outcomes:

Planning and Designing Your Site p. 109 Design Concepts p. 116 Summary p. 118 Defining Your Site p. 119 The Files Panel p. 119 Accessing Your Remote

Criterion D: Product design

5/19/2015. Objectives. JavaScript, Sixth Edition. Introduction to the World Wide Web (cont d.) Introduction to the World Wide Web

Copyright 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley. Chapter 7 XML

MRK260. Week Two. Graphic and Web Design

CIS 408 Internet Computing. Dr. Sunnie Chung Dept. of Electrical Engineering and Computer Science Cleveland State University

PASS4TEST. IT Certification Guaranteed, The Easy Way! We offer free update service for one year

JavaScript Context. INFO/CSE 100, Spring 2005 Fluency in Information Technology.

Shankersinh Vaghela Bapu Institue of Technology

Multimedia Human-Computer Interactions

EXCELLENT ACADEMY OF ENGINEERING. Telephone: /

ibreathesports Inc. Apurva Alok Bernardo Silva

Multimedia on Web. a RILW 2001 tutorial

Adobe Dreamweaver CS6 Digital Classroom

7.1 Introduction. extensible Markup Language Developed from SGML A meta-markup language Deficiencies of HTML and SGML

XML: Introduction. !important Declaration... 9:11 #FIXED... 7:5 #IMPLIED... 7:5 #REQUIRED... Directive... 9:11

Tutorial 1 Getting Started with HTML5. HTML, CSS, and Dynamic HTML 5 TH EDITION

DICOM Structured Reporting: Implementation Experience

M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) DURATION: 03 Hrs

A Hierarchical Keyframe User Interface for Browsing Video over the Internet

11. EXTENSIBLE MARKUP LANGUAGE (XML)

SXML: Streaming XML. Boris Rogge 1, Dimitri Van De Ville 1, Rik Van de Walle 1, Wilfried Philips 2 and Ignace Lemahieu 1

HTML5 MOCK TEST HTML5 MOCK TEST I

The course also includes an overview of some of the most popular frameworks that you will most likely encounter in your real work environments.

Exam : 9A Title : Adobe GoLive CS2 ACE Exam. Version : DEMO

Entry Level Assessment Blueprint Web Design

Course Syllabus. Course Title. Who should attend? Course Description. Adobe Dreamweaver CC 2014

USING SVG XML FOR REPRESENTATION OF HISTORICAL GRAPHICAL DATA

1.1 Technical Evaluation Guidelines and Checklist:

Publishing Technology 101 A Journal Publishing Primer. Mike Hepp Director, Technology Strategy Dartmouth Journal Services

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Internet: An international network of connected computers. The purpose of connecting computers together, of course, is to share information.

USING SVG XML FOR REPRESENTATION OF HISTORICAL GRAPHICAL DATA

Graphics Software Architecture for High- End Interactive Television Receivers

Multi-modal Web IBM Position

New Media Production week 3

XML: the document format of the future?

Contents. 1. Using Cherry 1.1 Getting started 1.2 Logging in

JavaScript CS 4640 Programming Languages for Web Applications

Web Publishing Overview

A DIGITAL TELETEXT SERVICE

Entry Level Assessment Blueprint Web Design

Web Site Development with HTML/JavaScrip

How to use the Assets panel

Course 20480: Programming in HTML5 with JavaScript and CSS3

Table of Contents WWW. WWW history (2) WWW history (1) WWW history. Basic concepts. World Wide Web Aka The Internet. Client side.

COURSE 20480B: PROGRAMMING IN HTML5 WITH JAVASCRIPT AND CSS3

Independence Community College Independence, Kansas

Programming in HTML5 with JavaScript and CSS3

Introduction to XML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Dept. of Computer Engineering Khon Kaen University

JavaScript Specialist v2.0 Exam 1D0-735

Lesson 12: JavaScript and AJAX

Creating a Website: Advanced Dreamweaver

Transcription:

Interchange formats Introduction Application areas Requirements Track and object model Real-time transfer Different interchange formats Comparison Petri Vuorimaa 1

Introduction In transfer of multimedia applications, platform and software independent interchange formats are needed Interchange formats can be based on + tracks + objects Most of the interchange formats are file formats, but some support also real-time transfer Petri Vuorimaa 2

General Interchange format defines: + time, place, structure, and function (scripts) Without a common interchange format, content developed with one application cannot be read and used on another application Interchange formats are either public of proprietary Conversion tools are not satisfactory solution Petri Vuorimaa 3

Application areas 1. Storage format 2. Transfer format 3. Real-time transfer format 4. Information interchange between applications 4. 1. 2. 3. Petri Vuorimaa 4

Purposes In multimedia systems, a common interchange format can be used in many places: + applications: interchange format acts as API + media server: interchange format defines timing + databases: information is stored and read according to the definitions of the interchange format + network: control according to the parameters of the interchange format Petri Vuorimaa 5

Different formats Category Common format Multimedia document Presentation format One media Example ASN.1 HyTime DTD QuickTime, MHEG MPEG Petri Vuorimaa 6

Requirements Data model: + time, synchronization, different formats, pointers, links, interactivity Scripts: + programming language or graphical programming Capacity: + definitions should not take much space Retrieval time: + decompression has to be fast, progressive resolution, etc. Interdependency: + hardware and platform neutral Scalability: + new formats, attributes, etc. Petri Vuorimaa 7

Track model Multimedia document is a list, which tells in which order the components are displayed In track model, retrieval order is defined by time Audio Speech Graphics Video Time Petri Vuorimaa 8

Object model In object model, the retrieval order is defined according to the data structure Petri Vuorimaa 9

Track model implementation In track model, players are synchronized // Open Initialize clock Initialize movie, track, and media indices Initialize handlers // Players Repeat Get next segment of media Call handlers Advance clock Petri Vuorimaa 10

Object mode implementation Object model allows better the implementation of interactivity // Open Get table of contents, object tables Initialize presentation processes // Present Repeat Repeat Get set of objects to be presented Invoke players for each object Until media event or input condition Pass input condition to application or script to interpret Identify next set of object to present Until exit condition Petri Vuorimaa 11

Real-time transfer Media objects have to be transferred and rendered according to the definitions of interchange format Object retrieval, display, and interactivity has to happen within certain time limits In troubles, image frequency and resolution, etc can be dropped The interchange format can also be optimized Petri Vuorimaa 12

Methods Location of objects + objects to be retrieved at same time should be close Partial retrieval + big objects are retrieved in parts, because they cannot be shown at once Order of objects + retrieval should maintain presentation order Indexing of objects + create fast object retrieval table Petri Vuorimaa 13

Methods (cont.) Interlacing of objects + big objects retrieval is multiplexed Descriptions and content are retrieved separately + descriptions are fetched first Progressive retrieval + images are first retrieved with low resolution Resource recommendations + resource requirements are announced before hand Petri Vuorimaa 14

Different interchange formats QuickTime MHEG HTML XML Macromedia Petri Vuorimaa 15

QuickTime QuickTime allows the creation, integration, and presentation of different media types QuickTime is composed of three layers: + QuickTime Movie File + QuickTime Media Abstraction Layer + QuickTime Media Services QuickTime allows the structural, spatial, and temporal definition of multimedia application It cannot be used to define interactivity Petri Vuorimaa 16

QuickTime Media Format Apple multimedia file format Based on track model One movie can contain several tracks Movie time and presentation Movie Track Media Header Reference Information Data Temporal and spatial composition Physical attributes Player Organization Actual content Petri Vuorimaa 17

QuickTime movies Movie composed of several tracks Track composed of media elements Media elements linked to physical media Petri Vuorimaa 18

MHEG ISO working group Object based multimedia and hypermedia interchange format Supports interactivity and real-time transfer Defines final presentation format Petri Vuorimaa 19

Properties Defines a set of platform independent components for interactive applications Two ways to implement interactivity: + components are linked to events + scripting language is used Events are caused by timers or user s actions Petri Vuorimaa 20

Properties (cont.) Defines both temporal and spatial location Macros allow the definition of complex objects based on models Contains also support for real-time transfer Petri Vuorimaa 21

MHEG class hierarchy MH-object Behavior Action Link Script Component Content Interaction Selection Modification Composite Descriptor Macro Macro Definition Macro Use Petri Vuorimaa 22

MHEG Demo Digital TeleText Based on MHEG interchange format Composed of media elements and MHEG files MHEG is used in digital television in UK Petri Vuorimaa 23

MHEG tools Several half ready tools Tools can be divided into three groups: + MHEG editors + Template editors + Conversion tools So far, MHEG format has been used little, and thus there is no market for tools Petri Vuorimaa 24

HTML HTML documents are composed of text and markup commands Current HTML 4.01 does not support element placement, synchronization, nor interactivity stylesheets (Cascading Style Sheets) allow the placement of elements (CSS2) Petri Vuorimaa 25

HTML (cont.) Interactivity can be defined with ECMAScript + standard is based on JavaScript and JScript ECMAScript programs can modify document via the Document Object Model (DOM) API The temporal synchronization of documents is still coming + Synchronized Multimedia Integration Language (SMIL) Petri Vuorimaa 26

Stylesheets Stylesheets allow the definition of placement, style, and outlook of the elements WWW-page can be composed of several layers The content and outlook of presentation is defined separately Same content can be used in different terminals At the moment CSS1 & CSS2 are in use and CSS3 is coming Petri Vuorimaa 27

ECMAScript-262 Based on JavaScript and JScript Simple interpreted language (e.g., Basic) Developers can write scripts, which can modify the outlook of the www pages Allows the development of different kinds of applications Petri Vuorimaa 28

Document Object Model (DOM) An internal tree like data structure of browser Object oriented API + inside the browser the document can processed as object data structure Allows the manipulation of all www elements Same script works in all browsers Works both with HTML and XML pages Petri Vuorimaa 29

SMIL Presentation can be composed of several files of streams SMIL defines the synchronization of the elements Different version of the elements (e.g., video) can be used in different situation (e.g., mobile access) A separate file in XML format Petri Vuorimaa 30

HTML tools Several tools support HTML 4.01 WYSIWYG editors are very popular Only few tools (and browsers) support stylesheets + SoftQuad HotMetaLPro 6.0 + Macromedia Dreamweaver ECMAScript requires programming skills + Netobjects ScriptBuilder SMiL and HTML+TIME support limited + RealNetworks RealPlayer 6.0 Petri Vuorimaa 31

XML XML is meta language, which can be used to define different kinds of documents (e.g., XHTML) Stylesheets are defined with XSL Another alternative is to use CSS stylesheets Interactivity is defined with ECMAScript and DOM model Temporal synchronization requires the use of SMIL Petri Vuorimaa 32

Mixed Namespaces Mixed namespaces allows the use of several XML languages in the same document A prefix in a tag identifies the language, to which the tag belongs + E.g., <smil:layout> Petri Vuorimaa 33

SMIL+XForms Petri Vuorimaa 34

XML tools XML is still not mature in browsers + most of the browsers support only part of the specifications + www.x-smiles.org Several software component are available Tools are rudimentary Petri Vuorimaa 35

Macromedia Macromedia is the biggest producer of multimedia development tools Macromedia Director is the most common development tools Macromedia had two interchange format for www distribution + Macromedia Shockwave + Macromedia Flash Either one of the formats is perfect Petri Vuorimaa 36

Shockwave Allows the display of multimedia applications made with Macromedia Director in www browser A separate application installed as plug-in of browser Files are big and difficult to use in current Internet Petri Vuorimaa 37

Flash Original name is FutureSplash + Macromedia bought the company in 1997 Based on vector graphics + no images - just drawing commands Requires a separate plug-in program in www browser A separate tool to produce applications + a reduced version of Macromedia Director Petri Vuorimaa 38

Flash-demo Grokbot Dancing Bush Humor Bin www.grokbot.com www.miniclip.com www.cards-n-toons.com Petri Vuorimaa 39

Comparison Quick MHEG HTML XML Shock Flash Open Weak Yes Yes Yes No No Track/object Track Object (DOM) (DOM) Track Track Interactivity No Yes Weak Weak Yes Yes Hyperlinks No - Yes Yes - - Scripts No Yes (ECMA) (ECMA) Yes No Synch. Yes Yes (SMIL) (SMIL) Yes Yes Petri Vuorimaa 40