19
Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia www.tel.fer.hr Interactive multimedia news presentation on very low bitrates

Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Embed Size (px)

Citation preview

Page 1: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

Igor S. PandžićDepartment of telecommunications

Faculty of electrical engineering and computing

University of Zagreb, Croatia

www.tel.fer.hr

Interactive multimedia news presentation on very low bitrates

Page 2: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 2

Objectives

Rich multimedia news delivery Animation, voice, graphics

Interactive News on demand

Easy access Low bandwidth, low processing power

Automatic Content generation from news data base

Page 3: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 3

The system: user’s view

MPEG-4 FA Player Applet Dynamic graphics area

News selection area

Page 4: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 4

The system: how it works

MPEG-4 FA Player Applet

Dynamic graphics area

News selection area

Making the Newscaster – one-time process

Making the News – repeated process

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 5: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 5

Making the newscaster

Create a 3D face model Create morph targets for

the model Construction of models

and animations using standard 3D tools

Problem: morph target creation tedious

Solution: Facial Motion Cloning

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Making the Newscaster – one-time process

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

Page 6: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 6

Facial Motion Cloning

Fast production of new face models for animation

Automating the morph target approach, the common way of animating faces

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 7: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 7

Facial Motion Cloning Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 8: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 8

Making the news

News organised by topic in simple XML format

News items contain references to image files

Visual speech synthesis: create voice and animation

Create web site structure with appropriate links

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Making the News – repeated process

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 9: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 9

Making the news: example

<?xml version="1.0" encoding="ISO-8859-1"?><news>

<logo>newslogo.jpg</logo><introduction>Welcome to the interactive news.</introduction><voice>Mary</voice><topic>

<name>Headlines</name><item>

<text>U.S. airstrike hits Baghdad.</text><image>baghdad.jpg</image>

</item><item>

…</item>…

</topic>…

</news>

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 10: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 10

Making the news

XML format can be extracted from a content management system

Structure can easily be extended News on demand can be supported with

personalised news composition

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 11: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 11

Delivering the news

Requirements: Virtual newscaster (streaming face animation and

audio) Dynamic graphics synchronised with presentation Must work in standard browser

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 12: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 12

MPEG-4 Face Animation

ISO standard since 1999. Work started in 1996.

Only standard for FA Widely accepted in academia Spreading into industry as new products

emerge Standard also includes Body Animation

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 13: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 13

MPEG-4 Face Animation: summary

Complete Large range of expressions

Efficient No redundancy Compressed to low bitrates

Relatively simple Face animation parameters displace

feature points from neutral position Face definition parameters allow

personalisation in a scalable manner

Portable & reusable Animation parameters are model-independent

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 14: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 14

Facial Animation Player

MPEG-4 FBA decoder Simple FA: weighted morph targets Lightweight implementation Easily portable to any platform

+ + =

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 15: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 15

Current implementations

Java applet, Shout3D rendering engine

Symbian, iPAQ early prototypes PC standalone 3ds max plugin Softimage dotXSI export

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 16: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 16

Applet player bandwidth requirements

Applet size: ~150K FBA bitstreams

viseme-encoded: ~0.3 kbit/s low-level FAPS: 2-6 kbit/s

Audio (GSM 6.10): 13 kbit/s Face models: ~50K reasonable

Accepta

ble fo

r

modem

connect

ions

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 17: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 17

Applet player graphics performance

Model Polygons

Size (KB)

Frames/second

C1 C2 C3

Demy 2800 32 11,5 16 21

Dummy 1362 50 16,5 21 32

Jörgen 168 40 22 30 60

Candide 168 4 35 60 60MIRAface 3692 67 10,5 16 32

Lake 16917 284 0,97 1 1,5

C1= P3/600 C2 = P3/1000P3/1000, OGL acceleration

Accepta

ble fo

r

AVERAGE PC

Making the Newscaster

Making the News

Generic MPEG-4 morph targets

Facial Motion Cloning

Newscaster morph targets creation

Newscaster now ready for animation

Newscaster 3D face model

News processing

Visual speech synthesis

Dynamic web pages creation

Images & graphics

Structured news (XML)

Page 18: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 18

Comparison with other news media

News on demand

Speech VideoAutomatic

content production

Delivery

Newspaper ● ● ● ● PAPER

Radio ● ● ● ● RECEIVER

TV ● ● ●● ● TV SET

Standard web site ● ● ● ● STANDARD PC

Virtual Newscaster ● ● ● ● STANDARD PC

Page 19: Zavod za telekomunikacije Igor S. Pandžić Department of telecommunications Faculty of electrical engineering and computing University of Zagreb, Croatia

Zavod za telekomunikacije

May03 TNC03 - Pandzic 19

Demonstration

An automatically created web site with some (old) news