Multimedia

Technology

Pichet Runglawan for Saengtham

What is Multimedia?
(Multimedia)


(Interactive)

Text,Graphic,Animation,Sound,Video and Interactive2

Text

ASCII (American Standard Code for

Information Interchange)

Text

Unicode

(Unicode Transformation Format: UTF) UTF-8, UTF-16

4

Text

(Category)
Serif :
Sans-Serif :
Script / Cursive :

Monospaced :
Fantasy :
5

Font Structure
Ascender
Cap-Height
Point- size
Shoulder

Descender

Ascender Line
Mean line
X-Height
Width Descender Line

Thai Font Structure

Hyper Text



HTML
(Hyper Text Markup Language)

 HTML

<FONT FACE=AngsanaUpc
COLOR=RED
SIZE=5 > 5</FONT>

Graphic Image / Still Image

()

1. Bitmap Image
Raster Image
2. Vector Image

10

Bitmap Image
pixel
pixel Bitmap
image File

.JPG, JPEG,PNG

Photoshop,
.GIF

Illustrator
.TIFF , TIF

.BMP , DIB
Illustrator
11

Bitmap Image

, , scanner

12

Bitmap Image
pixel

1 pixel
Pixel

Pixel

Pixel
13

Bitmap Image
4 8 pixel/Inch

1
1
pixel 8x8 = 64 pixel
14

Resolution
= 72 pixel/inch
= 150-200 pixel/inch
(publishing) = 300 pixel/inch

15

Bitmap Image

100 Pixel/Inch

pixel

10,000 Pixel

40 Pixel/Inch

pixel 16

1,600 Pixel

17

Vector Image



(Scalable)

.AI

.EPS

.WMF
Windows

Illustrator

CorelDraw

18

Vector Image

19


3
2
1. (Additive color mixing)
2. (Subtractive color mixing)

20

 (Additive Color Mixing)

"
"
RGB

Maxwell

RGB Mode
21

 RGB
(Decimal)
0
255

51-51-255
51
51
255

1 pixel=1 byte=8 bit---->28=256

22

 RGB
(Hexadecimal)
hexadecimal 16
6
0 F
A = 10, B = 11, C= 12, D=13, E=14, F=15

1 pixel=2 byte=16 bit---->216= 65,536

High Color

23

Color Code http://www.geocities.com/dragon_html/color.htm

FFFF00

FFFF33

FFFF66

CCFF00

FFCC33

FFCC66

FF9900

FF9933

FF6600

FFFF99

FFFFCC

FFFFFF

CCFFFF

CCFFCC

CCFF99

CCFF66

CCFF33

CCFF00

FFCC99

FFCCCC

FFCCFF

CCCCFF

CCCCC
C

CCCC99

CCCC66

CCCC66

CCCC00

FF9966

FF9999

FF99CC

FF99FF

CC99FF

CC99CC

CC9999

CC9966

CC9933

CC9900

FF6633

FF6666

FF6699

FF66CC

FF66FF

CC66FF

CC66CC

CC6699

CC6666

CC6633

CC6600

FF3300

FF3333

FF3366

FF3399

FF33CC

FF33FF

CC33FF

CC33CC

CC3399

CC3366

CC3333

CC3300

FF0000

FF0033

FF0066

FF0099

FF00CC

FF00FF

CC00FF

CC00CC

CC0099

CC0066

CC0033

CC0000

660000

660033

660066

660099

6600CC

6600FF

9900FF

9900CC

990099

990066

990033

990000

663300

663333

663366

663399

6633CC

6633FF

9933FF

9933CC

993399

993366

993333

993300

666600

666633

666666

666699

6666CC

6666FF

9966FF

9966CC

996699

996666

996633

996600

669900

669933

669966

669999

6699CC

6699FF

9999FF

9999CC

999999

999966

999933

999900

66CC00

66CC33

66CC66

66CC99

66CCCC

66CCFF

99CCFF

99CCCC

99CC99

99CC66

99CC33

99CC00

66FF00

66FF33

66FF66

66FF99

66FFCC

66FFFF

99FFFF

99FFCC

99FF99

99FF66

99FF33

99FF00

33FF00

33FF33

33FF66

33FF99

33FFCC

33FFFF

00FFFF

00FFCC

00FF99

00FF66

00FF33

00FF00

33CC00

33CC33

33CC66

33CC99

33CCCC

33CCFF

00CCFF

00CCCC

00CC99

00CC66

00CC33

00CC00

339900

339933

339966

339999

3399CC

3399FF

0099FF

0099CC

009999

009966

009933

009900

336600

336633

336666

336699

3366CC

3366FF

0066FF

0066CC

006699

006666

006633

006600

333300

333333

333366

333399

3333CC

3333FF

0033FF

0033CC

003399

003366

330000

330033

330066

330099

3300CC

3300FF

0000FF

0000CC

000099

000066

003333 24003300
000033
000000

RGB

 RGB

1 pixel=3 byte=24 bit---->224=16.7

True Color

25

 (Subtractive Color Mixing)

Subtractive Additive (
)
(Cyan) (Magenta)
(Yellow) CMY

CMYK (Cyan, Magenta, Yellow, blacK)

CMYK Mode

26

Additive and Subtractive Colors

Additive Color

Subtractive Color

Primary Colors:

Red, Green, Blue

Cyan, Magenta, Yellow

Secondary Colors:

Cyan, Magenta,
Yellow

Red, Green, Blue

Sum of Primaries:

White

Black

Applies to:

Light

Pigments

Examples

Color TV , Projector

Paints, Printing

27

GIF (Graphics Interchange Format)

256
(Gif Animation)

28

JPG,JPEG (Joint Photographic Expert Group)

JPEG 16.7

JPEG

29

PNG (Portable Network Graphics)

PNG
GIF 30%

GIF



PNG
16.7

PNG

255 KB

30

TIFF (Taged Image File Format)

Photoshop
TIFF

TIFF

500 KB

31

?...?

32

33

Sound

34

(Amplitude) (Frequency)

2
- (Decibel)
- (Hertz : Hz)
35

()

30

60

85

90

( 8 .)

100

( 2 .)

115

( 15 )

140

85

36

 (Digital Audio)


Sampling Rate
Hertz Sampling Size Bit

MIDI MIDI
44.1 KHz, 22.05 KHz 11.025 KHz
Sampling Size 8 16 Sampling Rate Sampling Size

37

Digital Audio
Digital audio data is the representation of sound, stored in the
form of samples point.
Quality of digital recording depends on the sampling rate, that is,
the number of samples point taken per second (Hz).

High Sampling Rate

waveform
Low Sampling Rate

Samples stored in digital

form

Digital Sampling

Digital Sampling

 =
(Sampling Rate Hertz) x () x (Sampling Size
) x ( Channel) / 8
10 Sampling Rate 22.05 KHz, Sampling
Size 8
(22,050 X 10 X 8 X 1)/8 = 220,500 Byte
10 Sampling Rate 44.1 KHz,
Sampling Size 16
(44,100 X 10 X 16 X 2)/8 = 1,764,000 Byte
41

3
Sampling Rate CD 44.1 kHz Sampling
Size 16 bit 2 channels (Stereo) = ?
=
(Sampling Rate Hertz) x () x (Sampling Size
) x ( Channel) / 8

(44.1 kHz, 3 mins,16 bit, stereo) =

(44,100) x (180) x (16) x (2) / (8) =
31,752,000 Byte 32 MB

42

.wav

Microsoft IBM

43


MIDI (Musical
Instrument Digital Interface)

( )
.MID



MIDI

44

MPEG
(Moving Picture Experts Group)

45

(Hardware & Software) MIDI

46

WinAmp
AmazingMidi
Sonique

MP2 MP3

Wavefile MIDI File

MP3
Search Engine

MusicMatchJukebox
MP3 Player, CD Recorder/Ripper
Windows Media
MPEG-1, MPEG-2, WAV,
Player
AVI, MIDI, MP3

48

RealPlayer
Quick Time
Super DVD
Cool Edit

Real
Network
Net MP3

Wave File Cool Edit

Professional ( Adobe Audition)

49

 Adobe Audition

50

Video

1
0

Analog

Digital

51

Analog Video
Analog


VHS (Video Home System)

VHS(Video Home
System)

52

Digital Video
(Digital) 2
( 0 1)
2
2

AVI WMA WMV MPEG Quick Time
53

AVI (Audio/Video Interleave)

Video for Windows

.avi
MOV (Quick Time)

54

WMA (Windows Media Audio)

WMV (Windows Media Video)
1.
2. WMV Streaming Media

3. WMV Windows Media Player

Windows Media Player
WMV
55

MPEG (Moving Picture Experts Group)

MPEG
MPEG-1 MPEG-2
VCD, SVCD, DVD

56

MPEG (Moving Picture Experts Group)

MPEG : ISO IEC
MPEG-1
: 352x240 Pix 30 fps => NTSC
: 352x288 Pix 25 fps=> PAL
: bit rate 1.5-1.8 Mbps
VCD ( DAT)

MPEG-2

: 720x480 Pix 30 fps, bit rate 15 Mbps => HDTV

SVCD/DVD ( VOB)

MPEG-3
MPEG-4

: HDTV (High Definition

Television) MPEG-2
: Interactive Video bit rate
57
64 Kbps .mp4

3GP 3GPP(3rd Generation Partnership

Project)

.3gp

58

FLV (Flash Video)

Flash
Stream




.flv

59

Streaming Media


(Real Time) (On Demand) Download

60

Microsoft Office / Adobe Photoshop

Adobe Photoshop / Adobe Illustrator

Macromedia Flash / Swish / 3ds MaX, Maya

Sound Recorder / Sound Forge / Adobe Audio

Sony Vegas / Adobe Premiere / Ulead Video Studio / Windows Movie Maker
61