Transcript ppt

บทที่ 4
หลักการของสื่ อ
มัลติมเี ดีย
องคประกอบของมั
ลติมเี ดีย
์
• ขอความ
(text)
้
• ภาพนิ่ง (image)
• ภาพเคลือ
่ นไหว (animation)
• เสี ยง (sound)
• ภาพวิดโี อ (video)
ขอความ
้
TEXTS
มาตรฐานของตัวอักษร
• ASCII
– รองรับภาษาอังกฤษ (256 ตัว)
– ใช้กับไมโครคอมพิวเตอร ์
• EBCDIC
– รองรับภาษาอังกฤษ (256 ตัว)
– ใช้กับเครือ
่ งคอมพิวเตอรขนาดใหญ
์
่
• Unicode
– พัฒนาเพือ
่ การใช้งานทีเ่ ป็ นสากล รองรับ
ตัวอักษร สั ญลักษณต
์ างๆ
่
– เป็ นรหัสขนาด 16 bit(65,536 ตัว)
รูปแบบและลักษณะของตัวอักษร
•ประเภท(Category)
•ตระกูล(Family)
รูปแบบและลักษณะของตัวอักษร
• ประเภท(Category)
–Serif
–Sans-Serif
–Script
–Display Type
ประเภท(Category)
• Serif
– ตัวอักษรแบบโรมัน (Traditional Old Style)
จุดเดน
่
– เป็ นตัวอักษรแบบมีหวั มีเทา้ ตัวอักษรมีความ
หนาบางไมต
นมาก
่ างกั
่
– ตัวอักษรให้ความรูสึ้ กเกาขลั
ง จึงมักใช้กับงานที่
่
เป็ นทางการ
– กรณีส่ิ งพิมพมั
่ งมากกวาเป็
์ กเป็ นตัวพาดหัวเรือ
่ น
ตัวเนื้อหาในการอาน
่
ประเภท(Category)
ตัวอยาง
่ Serif
GRAPHIC Design => Time News Roman
GRAPHIC Design => Century
GRAPHICS Design => Century
schoolbook
ประเภท(Category)
• San Serif
– ตัวอักษรแบบ Gothic
จุดเดน
่
– มีพน
ื้ ฐานมาจาก Serif แตดั
่ ดแปลงให้หัวและ
เทาออกให
้
้ดูเรียบ
– ให้ความรูสึ้ กทันสมัยมากกวาแบบแรก
ตัวอักษร
่
มีความหนาบางไมต
นมากนัก ดูเรียบงาย
่ างกั
่
่
ทันสมัยเหมาะกับการออกแบบหลายชนิด
– มักนิยมตัวอักษรแบบนี้วางเป็ นเนื้อหาให้อาน
่
เพราะมีรป
ู รางที
อ
่ านง
าย
่
่
่
ประเภท(Category)
ตัวอยาง
่ San Serif
GRAPHIC Design => Century Gothic
GRAPHIC Design
=> Impact
GRAPHICS Design
=> Arial
ประเภท(Category)
• Script
จุดเดน
่
– เป็ นตัวอักษรทีเ่ ลียนแบบลายมือ ตัวเขียน มีทง้ั
แบบตัวอักษรทีม
่ ค
ี วามหนาบางพอๆกัน และ
แตกตางกั
น
่
– ให้ความรูสึ้ กไมเป็
่ นทางการจึงมีงานมิใช่น้อยใช้
ตัวอักษรแบบนี้กบ
ั กลุมเป
่ ้ าหมายวัยรุน
่
– ในงานสิ่ งพิมพเราจะไม
ใช
์
่ ้ตัวอักษรแบบนี้เพราะ
อานล
าบาก ยกเวนใช
่ ง
่
้
้เป็ นหัวเรือ
ประเภท(Category)
ตัวอยาง
่ Script
GRAPHIC Design
Sans MS
GRAPHIC Design
GRAPHICS Design
Script ITC
=> Comic
=> Broadway
=> Edwardian
ประเภท(Category)
• Display Type
จุดเดน
่
– ตัวอักษรประดิษฐ ์ เป็ นตัวอักษรทีไ่ ดรั
้ บการ
ตกแตงให
่
้โดดเดน
่ บางภาพสั ญลักษณซึ
์ ง่ เรา
สามารถนามาประกอบใช้ในงานไดเช
้ ่ นกัน
– ตัวอักษรประดิษฐนั
ู แบบทีห
่ ลากหลาย
์ ้นมีรป
ยากทีจ
่ ะจากัดการเลือกใช้สุดแลวแต
นั
้
่ กออกแบบ
จะเอาไปใช้ในงานทางดานใด
้
ประเภท(Category)
ตัวอยาง
Display Type
่
Guest
=> Beat My
=> Claw
ตระกูล(Family)
Category
Family
Serif
Times,Century
Sans-Serif
Arial,Verdana
Monospaced
Courier,Courier New
Decorative
Whimsy,Arribal
สี ของขอความ
้
• การกาหนดสี ของขอความต
องพิ
จารณาสี พน
ื้ หลัง
้
้
ประกอบเสมอ
่ น อเหลือง บนพืน
• อักษรขาวเชหรื
้ น้าเงิน
• อักษรเขียว บนพืน
้ ดา
• อักษรดา บนพืน
้ เหลือง
• ควรใช้พืน
้ หลังเป็ นสี เขมมากกว
าสี
เนื่องจาก
้
่ ออน
่
จะช่วยลดแสงสวางจากจอภาพ
ทาให้รูสึ้ กสบาย
่
ตามากกวาการใช
นพืน
้ หลัง ซึง่ ระยะยาว
่
้สี ออนเป็
่
จะลดความลาของสายตา
้
ภาพนิ่ง
IMAGE
เกีย
่ วกับภาพ(IMAGE)
• ภาพนิ่งทีใ่ ช้งานบนคอมฯ เกิดจาการรวมกัน
ของจุดสี (Pixel)
• จุดสี อยูคนละจุ
ดในตาแหน่งทีเ่ หมาะสมจะเกิดเป็ น
่
ภาพ
• คุณภาพของการแสดงผลภาพนิ่งจะอยูที
่ วาม
่ ค
ละเอียดของภาพ และประสิ ทธิภาพของอุปกรณ์
ประเภทของภาพนิ่ง
• ภาพ 2 มิต(ิ 2D Image)
– Vector Graphic (Stroked) : ลักษณะโครงสราง
้
รูปทรง เรขาคณิตเช่น เส้นตรง วงกลม รูป
หลายเหลีย
่ ม(.AI,.CDR,PDF,.WMF)
– Bitmap Image(Raster) : ลักษณะใกลเคี
้ ยงของ
จริง โครงสรางซั
บซ้อนกวา่
้
(.BMP,.GIF,.JPEG,.TIFF)
• ภาพ 3 มิต(ิ 3D Image)
Vector Graphic
โครงร่ างของภาพ
ภาพที่ตกแต่ งแล้ ว
ลักษณะเฉพาะของภาพ Vector
•
•
•
•
•
จัดเก็บในลักษณะคาสั่ งโครงสรางทางเรขาคณิ
ต
้
ไฟลมี
์ ขนาดเล็ก
ปรับปรุงโครงสรางได
แม
้
้ เป็
้ นเส้นบางๆ
ยอ
สู
่ ขยายภาพไดโดยไม
้
่ ญเสี ยภาพ
CDR,WMF,PDF
Bitmap Image
ลักษณะเฉพาะของภาพ Bitmap
• เป็ นภาพทีป
่ ระกอบรวมกันของจุดสี (Pixel) หลายจุด
ประกอบรวมกันเป็ นภาพ
• ขนาดของไฟลขึ
้ อยูกั
์ น
่ บการบีบอัดและความ
ละเอียดของภาพ
• รองรับการแสดงสี ไดมากกว
า่ 16.7 ลานสี
(26
้
้
bit)
• เปลืองเนื้อทีม
่ ากกวา่ Vector
• BMP,GIF,JPEG,PCX,PSD,TIFF
การตัดภาพบางส่วนของภาพเมือ
่ ขยาย
ภาพ 3D Image
y
• เป็ นภาพ Vector ประเภทหนึ่ง
• เป็ นภาพทีม
่ ล
ี ก
ั ษณะมุมมองเหมือนจริงใน
รูปทรง 3 มิต ิ
• มีพน
ื้ ฐานจากภาพ 2 มิต(ิ x,y) แตเพิ
่ ความ
่ ม
ลึกในการสรางภาพ(z)
AutoCAD,3D
้
y
Studio,Extreme 3D
x
2D
x
z
3D
ความละเอียดภาพยิง่ สูง ไฟลก็
์
ยิง่ ใหญ่
• Dpi(Dot per inch) หน่วยวัความละเอียดภาพ
จานวนจุดตอตารางนิ
้ว
่
6”
4”
ความละเอียด
300 dpi
color=24 bit
6x300=1800 pixel
4x300=
1200 pixel
File Size
=1200x1800x3 byte
=6.480,000 byte
=6.2 MB
Bitmap(.BMP)
• สรางโดย
Microsoft เหมาะกับการนาไปใช้
้
บันทึกภาพตันฉบับ ทีต
่ องการเก็
บรายละเอียดของ
้
ภาพทัง้ หมด
• ใช้เทคนิค RLE-Encoding ในการบีบไฟลได
์ ้
Bitmap(.BMP)
• ข้อดี
– โปรแกรมบนวินโดวทุ
์ กตัวสามารถเรียกใช้ได้
หมด
– Color dept 1-24 bit(16 ลานสี
)
้
• ข้อเสี ย
– ไฟลมี
ไมเหมาะในการน
าไปใช้
์ ขนาดใหญมาก
่
่
ในอินเตอรเน็
์ ต
Togged Image File(.TIF)
•
•
•
•
•
ใช้ไดกั
ั ก
ิ าร
้ บหลายระบบปฏิบต
เหมาะกับงานคุณภาพสูง ในงานระดับมืออาชีพ
สามารถตัง้ คาความลึ
กสี ไดสู
่
้ งสุดถึง 64 บิต
ไฟลมี
์ ขนาดใหญมาก
่
ใช้เทคนิค LZW-Encoding ในการบีบไฟลได
์ ้
Togged Image File(.TIF)
• ข้อดี
– ใช้ไดกั
ั ก
ิ าร
้ บทุกระบบปฏิบต
– ความลึกสี มากถึง 64 บิต
• ข้อเสี ย
– ไฟลมี
ไมเหมาะในการน
าไปใช้
์ ขนาดใหญมาก
่
่
ในอินเตอรเน็
์ ต
Graphics Interchange
Format(.GIF)
• เหมาะกับงานดานรั
บส่งทางอินเตอรเน็
้
์ ต
• มีคาความลึ
กของสี แค่ 8 บิตแสดงสี ไดสู
่
้ งสุด 256
สี
• ใช้เทคนิค LZW-Encoding ในการบีบไฟล ์ โดย
ทีค
่ ุณภาพไมลดลง
่
• ไฟลมี
์ ขนาดเล็กมาก
• ไมเหมาะกั
บงานทีบ
่ น
ั ทึกรายละเอียดมากๆ เหมาะ
่
กับงานทีส
่ ี ไมมากนั
กเช่น Icon,ปุ่ม,สั ญลักษณ ์
่
Joint Photographic Expert
Group(JPEG)
• เป็ นอีกรูปแบบทีไ่ ดรั
้ บความนิยม มักใช้ใน
อินเตอรเน็
์ ต
• ระดับความลึกของสี 24 บิต
• เหมาะกับการนาไปใช้บีบอัดรูปถาย
่
• ไมมี
ั หากับ Browser แตถ
่ ปญ
่ ามี
้ ขนาดไฟลมาก
์
ทาให้ใช้เวลาคอนข
างนานเวลาโหลด
่
้
• การบีบอัดไฟลเกิ
์ น 75 % จะทาให้คุณภาพของ
ภาพลดลง
เทคนิคการทาให้ภาพเล็กลง
• RLE(Run Length Encoding)
– หลักการหาจุดทีม
่ ส
ี ี เหมือนกันและอยูติ
่ ดกัน แลว
้
นามารวมเหลือจุดเดียวและบันทึกจุดเฉพาะคาจุ
่ ด
สี เดิมไว้
– RLE จะตรวจสอบไฟลที
่ ะบรรทัด ทาให้ภาพ
์ ล
ทีป
่ ระกอบดวยเส
า่
้
้ นตามแนวนอนจะบีบไดมากกว
้
เส้นแนวตัง้
• LZW Encoding
– หลักการหาจุดทีเ่ รียงเหมือนกันเป็ นกลุม
่
(Pattern) ซึง่ กลุมที
่ บบอยจะก
าหนดให้เป็ นโคด
่ พ
่
้
RLE : Run Length Encoding
9
2
9
8
8
3
2
2
4
4
4
3
5
6
LZW - Encoding
c1 c2
c1
c2 c1
c2
c2
c2
c2
c1
เทคนิคการปรับแตงภาพ
่
1. Anti-Aliasing เป็ นขัน
้ ตอนปรับแตงการเรี
ยง
่
ตัวของจุดสี ภายในภาพทีม
่ ล
ี ก
ั ษณะเป็ นรอย
หยัก (Aliasing) ให้เรียบกวาเดิ
่ ม
เทคนิคการปรับแตงภาพ
่
2 . Transformation
เป็ นการแปลงรูปรางของภาพให
ั ษณะ
่
้มีลก
แตกตางจากเดิ
ม
่
เทคนิคการปรับแตงภาพ
่
3. Dithering เป็ นขัน
้ ตอนการปรับขอมู
้ ลสี
ของแตละพิ
กเซลให้มีความใกลเคี
่
้ ยง และ
กลมกลืนกับขอมู
้ ล
เทคนิคการปรับแตงภาพ
่
4. Rendering
เป็ นการเพิม
่ พืน
้ ผิวให้กับภาพซึง่ ส่วนใหญ่
จะใช้กับภาพ 3 มิต ิ
Graphic Software
•
•
•
•
•
Photoshop
สาหรับตกแตงภาพวาด
่
สาหรับตกแตงรู
่ ปภาพ
FreeHand
สาหรับออกแบบภาพ 3D
CAD
สาหรับสรางแบบภาพจ
าลอง 3D
้
IIIustrator
สาหรับวาดภาพ
Coreldraw
Etc..
ภาพเคลือ
่ นไหว
ANIMATION
หลักการของการทา Animation
• อาศัยหลักการทางชีววิทยาทีเ่ รียกวา่ “ความ
ตอเนื
่ ่องของการมองเห็น”
• การทาให้วัตถุเคลือ
่ นในความเร็วระดับหนึ่ง จนตา
คนเรามองเห็ น
• ภาพแตละภาพที
น
่ ามาทา animation เรียกวา่
่
frame
– TV 30 frame/second
– Movie 24 frame/second
ประเภทของ Animation
สามารถแบงออกเป็
น 3 ประเภท ดังนี้
่
1. Drawn Animation
2. Stop Motion
3. Computer Animation
Drawn Animation
• หมายถึงการวาดภาพดวยมื
อลงบนแผนเซลใสที
ละ
้
่
แผน
่
• นาแผนเซลใสไปวางซ
่
้อนบนภาพแบ็คกราวด ์ (ซึง่
อาจวาดดวยมื
อเหมือนกัน หรือเป็ นภาพถายก็
ได)้
้
่
• จากนั้นก็ใช้กลองถ
ายไว
ที
าไปฉาย
้
่
้ ละเฟรมกอนจะน
่
ให้ดูเหมือนเคลือ
่ นไหวนั่น
Stop Motion
• เป็ นแอนิเมชัน
่ ทีแ
่ อนิเมเตอรต
างส
์ องสร
้
้ ่ วน
ประกอบตางๆ
ของภาพขึน
้ ดวยวิ
ธอ
ี น
ื่
่
้
นอกเหนือจากการวาดบนแผนกระดาษหรื
อแผน
่
่
เซล
• คือ การถายภาพแต
ละขณะของหุ
นจ
่ อยๆ
่
่
่ าลองทีค
่
ขยับ อาจจะเป็ นของเลนหรื
ออาจจะสรางตั
วละคร
่
้
จาก Plasticine วัสดุทค
ี่ ลายกั
บดินน้ามัน
้
– เคลยแอนิ
เมชัน
่ (Clay animation)
์
– คัตเอาตแอนิ
เมชัน
่ (Cutout animation)
์
– กราฟิ กแอนิเมชัน
่ (Graphic animation)
Computer Animation
คือ การสรางภาพเคลื
อ
่ นไหวดวยคอมพิ
วเตอร ์
้
้
โดยอาศัยเครือ
่ งมือ ทีส
่ รางจากแนวคิ
ดทาง
้
คอมพิวเตอรกราฟิ
กส์ช่วยในการสราง
ดัดแปลง
์
้
และให้แสงและเงาเฟรมตลอดจนการประมวลผลการ
เคลือ
่ นที่
ตาง
ๆ
่
• แอนิเมชัน
่ 2 มิต ิ (2D animation)
• แอนิเมชัน
่ 3 มิต ิ (3D animation)
วิธก
ี ารสราง
้ Animation
 Frame by Frame
 Tween Animation
 Action Script
Frame by Frame
• นาภาพมาใส่ไวในเฟรม
้
• ทาการกาหนด Key Frame
– Key frame=frame ทีถ
่ ก
ู กาหนดให้มีการ
เปลีย
่ นแปลงของวัตถุเพือ
่ สรางการเคลื
อ
่ นไหว
้
– การกาหนดคียเฟรมที
ม
่ ช
ี ่ องวางห
างกั
น ภาพที่
์
่
่
เปลีย
่ นแปลงอาจกระตุกได้
• เหมาะกับภาพทีม
่ ก
ี ารเปลีย
่ นแปลงอยางรวดเร็
วและ
่
ซับซ้อน
Sample
Frame 1
Frame 2
Frame 3
Frame 4
Tween Animation
• เป็ นการสรางภาพโดยก
าหนดคียเฟรมเริ
ม
่ ตนและ
้
์
้
คียเฟรมสุ
ดทายแล
วปล
อยให
์
้
้
่
้โปรแกรมสรางความ
้
เปลีย
่ นระหวางเฟรมโดยอั
ตโนมัต ิ
่
• มี 2 แบบ
– Motion Tween:เคลือ
่ นไหวโดยรูปทรงวัตถุไม่
เปลีย
่ นแปลง
– Shape Tween:เคลือ
่ นไหว โดยรูปทรงวัตถุ
เปลีย
่ นแปลง ไปเป็ นอีกรูปหนึ่ง
• ไฟลมี
่ นไหวนุ่ มนวลมากกวา่
์ ขนาดเล็ก การเคลือ
Frame by Frame
Sample
Motion Tween
Shape Tween
Action Script
• เป็ นภาษาโปรแกรมทีน
่ าใช้เพิม
่ ประสิ ทธิภาพการ
ทางาน
• สามารถทาการตอบโตกั
้ บผูใช
้ ้ได(Interactive)
้
• Action script ถูกนามาใช้เมือ
่ มีการกระทาเกิดขึน
้
(Event)
เทคนิคการสราง
้ Aimation
• กาหนดการเคลือ
่ นไหวทีต
่ องการให
้
้หมด
• animation ทีซ
่ บ
ั ซ้อน ควรเขียน Script ช่วยใน
การเคลือ
่ นไหว
• เพิม
่ เทคนิคพิเศษดานต
างและเสี
ยงใส่เขาไป
้
่
้
– Cel animation
• เป็ นแผนใสส
าหรับวาดภาพ สเก็ตภาพแลวลง
่
้
สี
– Computer Animation
บ Cel คือสรางภาพเป็
นเฟรมให้
• คลายกั
้
้
แตกตางกั
น แลวก
ี าร
่
้ าหนดคียเฟรมใช
์
้วิธก
Cel animation
Computer Animation
Capture Animation and Image
Sequence
• เตรียมภาพสาหรับสราง
้ Animation ใช้ Video
Camara รวมกั
บเทคนิดการสรางภาพจาก
่
้
โปรแกรม
• จัดเก็บและแสดงผลเป็ นภาพวีดโี อแบบ AVI(*.avi)
• การสรางด
วย
้
้ Cel animation แลว
้ Scan แตละ
่
เฟรม
• จัดลาดับภาพให้ตอเนื
น video
่ ่อง แลวแปลงเป็
้
animation
Animation 2D&3D
Macromedia Flash
Maya
Animation 4D
• โดยมิตท
ิ ี่ 4 ทีเ่ พิม
่ เขามา
เป็ นสภาพแวดลอม
้
้
ระหวางนั
่งดู ซึง่ เกิดจากเครือ
่ งยนตกลไกต
าง
ๆ ที่
่
์
่
ติดตัง้ ไวภายในโรงภาพยนตร
่ ให้ผูชมสั
มผัส
้
์ เพือ
้
บรรยากาศประหนึ่งไดร้ วมอยู
ในเหตุ
การณจริ
่
่
์ ง
• ฟิ ลมที
าปัจจุบน
ั เป็ นแบบมัลติแทร็ก
์ ใ่ ช้ในการถายท
่
ดังนั้นหนัง 4D จะใช้แทร็กหนึ่งใส่สั ญญาณเพือ
่
ผสานจังหวะการสั่ งเอฟเฟกตให
บตัว
์ ้สอดคลองกั
้
หนัง และบทพูดทีถ
่ ก
ู บันทึกเสี ยงไวในอี
กแทร็กหนึ่ง”
้
Software
• Flash Player
• Flash
• Shockwave
• Macromedia director
• TrueSpace
• SWISH
• etc...
เทคโนโลยีของเสี ยง
SOUND
เสี ยง [ Sound ]
• เป็ นปัจจัยทีน
่ ามาใช้ในงานดานมั
ลติมเี ดีย
้
• นาเสนอในรูปแบบเสี ยงดนตรี เสี ยงระทึกใจ
เสี ยงเลียนแบบธรรมชาติ
• เสี ยงสามารถสรางบรรยากาศความรั
กความสุขได้
้
• การเลือกใช้เสี ยงมาประกอบเป็ นสิ่ งจาเป็ น
เรือ
่ งทัว่ ไปของเสี ยง
• เสี ยงทีไ่ ดยิ
้ นเกิดจากการเดินทางของเสี ยงผาน
่
ตัวกลาง
• คลืน
่ เสี ยงจะเปลีย
่ นไปตามขนาด(Amplitude)หรือ
ความถี(่ Frequency)ของการสั่ นสะเทือนตาม
ระยะเวลา
• หน่วยวัด
– ใช้วัดความดังเรียกวา่ “เดซิเบล”
– ใช้วัดความความถีเ่ รียกวา “เฮิรตซ”์
• เทคโนโลยีเสี ยงทีน
่ ามาใช้ในงาน Multimediaคือ
MIDI และ Digital
MIDI:Musical Instrument Digital
Interface
• มาตรฐานดานเสี
ยงตัง้ แตปี่ 1980
้
• เป็ นขอมู
่ สดงถึงลักษณะเสี ยงทีแ
่ ทนเครือ
่ งดนตรี
้ ลทีแ
ชนิดตางๆ
่
• เสี ยงจาก MIDI ไมเหมื
อนเครือ
่ งดนตรีจริงๆ
่
• สรางเสี
ยงตามตัวโน้ต เสมือนเลนเครื
อ
่ งดนตรีชนิด
้
่
นั้นเลย
• เป็ นไฟลข
ี่ ก
ู บันทึกหรือโปรแกรมไว้
์ อมู
้ ลดนตรีทถ
สาหรับนาไปประยุกตกั
์ บอุปกรณดนตรี
์
• เมือ
่ ขอมู
งอุปกรณ์
้ ลถูกส่งจากคอมพิวเตอรไปยั
์
ดนตรี จะทาให้อุปกรณดนตรี
เลนดนตรี
ตามไฟล ์
์
่
MIDI
ข้อดี
• ไฟลมี
์ ขนาดเล็ก
• ไมจ
่ ง
่ าเป็ นใช้เครือ
ดนตรีจริง
• ใช้หน่วยความจาน้อย
• ประหยัดพืน
้ ทีใ่ น HDD
• เหมาะกับงานบน
เครือขาย
่
• งายต
อการแก
ไข
่
่
้
ปรับปรุง
ข้อเสี ย
• แสดงเสี ยงไดแค
้ ดนตรี
่
บรรเลง
• อุปกรณที
ยง
์ ใ่ ช้สรางเสี
้
มีราคาแพง
Digital Audio
• เสี ยงทีม
่ าจากไมโครโฟน เครือ
่ งสั งเคราะหเสี
์ ยง
เครือ
่ งเลนเทป
เสี ยงตางจากธรรมชาติ
หรือที่
่
่
สรางขึ
น
้
้
• นาขอมู
นสั ญญาณดิจดตอล
้ ลทีไ่ ดมาแปลงเป็
้
• ขอมู
้ ลจะถูกสุ่มมาในรูปแบบ Bit หรือ Byte เรียก
อัตราการสุ่มวา่ “Sampling Rate” และขอมู
้ ลทีไ่ ด้
เรียกวา่ “Sampling Size”
• เสี ยงแบบนี้มข
ี นาดขอมู
้ ลใหญ่ ใช้ทรัพยากร
มากกวา่
เสี ยงชนิด PCM (Pulse Code
Modulation)
• เป็ นรูปแบบหลักในการแปลงขอมู
้ ลเสี ยงให้อยูใน
่
รูปแบบดิจต
ิ อล
• มีการสุ่มตัวอยางเสี
ยง 8000 ครัง้ ตอวิ
ึ้ ไป
่
่ นาทีขน
• การสุ่มตัวอยางเสี
ยงหนึ่งครัง้ จะถูกแปลงเป็ นขอมู
่
้ ลที่
มีขนาดอยางน
ั 1
ิ 6
่
้ อย 8 บิต และในทางปฏิบต
บิต
เสี ยงชนิด ADPCM
• ADPCM ยอมาจาก
Adaptive Differential Pulse
่
Code Modulation
• เป็ นวิธก
ี ารบีบอัดขอมู
าง
้ ลเฉพาะความแตกตางระหว
่
่
แตละ
Sample
่
• วิธน
ี ี้มค
ี ุณภาพเทียบเทา่ PCM แตใช
่ ้ อย
่ ้เนื้อทีน
กวา่
เสี ยงชนิด MP3 (MPEG-1 Layer 3)
• เป็ นรูปแบบการบีบอัดเสี ยง โดยจะยอข
่ อมู
้ ลเสี ยง
ไดมาก
แตจะสู
ญเสี ยคุณภาพเสี ยงส่วนน้อยไป
้
่
• เก็บขอมู
้ ลแบบ mono หรือ stereo
• อัตราการใช้ขอมู
้ ล(bit rate) 96-128 kbps
รูปแบบเสี ยงชนิดอืน
่ ๆ
• ไฟลเสี
์ ยงทีไ่ ม่ compress
– Wave (.wav) ไฟลเสี
์ ยงทีไ่ ดมาจากการ
้
บันทึกเสี ยง เก็บไวในระบบดิ
จต
ิ อล มีขนาด
้
ใหญ่ ความละเอียดมาก
– CD Audio (.cda)ไฟลเสี
่ น
ั ทึกลงบนแผน
์ ยงทีบ
่
ซีด ี ใช้เลนกั
่ งเสี ยงทัว่ ไป มีความคมชัด
่ บเครือ
ของสั ญญาณมาก
– Audio Interchange File Format (.aif ,aiff)
เป็ นไฟลลั
Wave แตใช
์ กษณะคลาย
้
่ ้สาหรับ
เครือ
่ งแมคอินทอช (Macintoch)
รูปแบบเสี ยงชนิดอืน
่ ๆ
• ไฟลเสี
์ ยงที่ compress
– WMA (.wma) คิดคนโดยบริ
ษท
ั ไมโครซอฟต ์
้
โดยใช้งานรวมกั
บโปรแกรม Windows Media
่
Player ของWindows
– Real Audio (.ra) เป็ นไฟลเสี
่ างานควบคู่
์ ยงทีท
กับ Real Player
– Audio Streaming Format (.asf) เป็ นไฟลเสี
์ ยง
รูปแบบ stream เน้นส่งขอมู
้ ลแบบ real time
– ACC (.acc) เป็ นไฟลเสี
่ ค
ี ุณภาพสูงมาก
์ ยงทีม
ใช้ในเครือ
่ งเลนเพลงดิ
จต
ิ อลยอดนิยมอยาง
่
่
ไฟลวิ์ ดโี อชนิดตางๆ
่
ไฟลวิ์ ดโี อชนิดตางๆ
่
• Audio Video Interleave (AVI)
ข้อดี
– งายต
อการแสดงผล
แกไข
และเปลีย
่ นแปลง
่
่
้
ขอมู
่
้ ลไปเป็ นรูปแบบอืน
ข้อเสี ย
– ไฟลมี
มาไว
ที
์ ขนาดใหญ่ ตองดาวโหลดไฟล
้
์
้ ่
เครือ
่ งทัง้ หมดจึงเลนได
่
้
วิธแ
ี จกจาย
่
าน
หรือดาวนโหลดผ
– ซีดรี อม เครือขาย
่
์
่
เว็บไซต ์
ไฟลวิ์ ดโี อชนิดตางๆ
่
• Adobe Flash (swf)
ข้อดี
– ไฟลมี
อ
่ งพีซท
ี ว่ ั ไปได้
์ ขนาดเล็ก ใช้เลนบนเครื
่
และสามารถเรียกผานบราวเซอร
่
์
ข้อเสี ย
– ตองใช
้
้โปรแกรมเสริมแสดงผล และไมสามารถ
่
แกไขได
้
้
วิธแ
ี จกจาย
่
– นาไปใช้บนเว็บเพจ
ไฟลวิ์ ดโี อชนิดตางๆ
่
• GIF Animation (GIF)
ข้อดี
– สนับสนุ นทุกโปรแกรม ไฟลมี
์ ขนาดเล็ก
เหมาะกับการนาเสนอแบบสั้ นๆ
ข้อเสี ย
– สี ของวิดโี อมีไดจ
้ ากัด 256 สี
วิธแ
ี จกจาย
่
– นาไปใช้บนเว็บเพจ หรือโปแกรมสาเร็จรูป
ทัว่ ไป
ไฟลวิ์ ดโี อชนิดตางๆ
่
• Camtasia for RealPlayer (CAMV)
ข้อดี
– ไฟลวิ์ ดโี อจะถูกบีบอัดแบบ Lossless ทาให้
คุณภาพของวิดโี อยังคงอยูครบ
่
ข้อเสี ย
– ไมเหมาะกั
บการส่งไฟลทางอี
เมล ์ ตองใช
่
์
้
้
streaming server
วิธแ
ี จกจาย
่
– นาไปใช้บนเว็บเพจ
ไฟลวิ์ ดโี อชนิดตางๆ
่
• RealMedia (RM)
ข้อดี
– ขนาดไฟลเล็
์ ก
ข้อเสี ย
– ตองใช
่ เรียกใช้ไฟล ์
้
้ streaming server เพือ
ผานเว็
บไซต ์ ไฟลถู
่
์ กบีบอัดแบบ Lossy ทาให้
เสี ยคุณภาพของวิดโี อ
วิธแ
ี จกจาย
่
บไซต ์
– ใช้งานผานเว็
่
ไฟลวิ์ ดโี อชนิดตางๆ
่
• QuickTime (MOV)
ข้อดี
– การบีบอัดไฟลที
และสามารถ
์ ใ่ ช้กันแพรหลาย
่
เลนได
บนระบบปฏิ
บต
ั ก
ิ ารหลายตัว
่
้
ข้อเสี ย
– เปลืองทีใ่ นดิสกเพราะจะมี
การดาวนโหลดมาเก็
บ
์
์
ทัง้ ไฟล ์
วิธแ
ี จกจาย
่
บไซตหรื
– ใช้งานผานเว็
์ อส่งแนบไปกับอีเมล ์
่
ไฟลวิ์ ดโี อชนิดตางๆ
่
• Windows Media (WMV)
ข้อดี
– ไฟลมี
์ ขนาดเล็ก
ข้อเสี ย
– ตองใช
่ เรียกใช้ไฟล ์
้
้ streaming server เพือ
ผานเว็
บไซต ์ ไฟลถู
่
์ กบีบอัดแบบ Lossy ทาให้
เสี ยคุณภาพของวิดโี อ
วิธแ
ี จกจาย
่
บไซตหรื
– ใช้งานผานเว็
์ อส่งแนบไปกับอีเมล ์
่
ไฟลวิ์ ดโี อชนิดตางๆ
่
• Pack and Show (EXE)
ข้อดี
– แสดงผลไดง้ ายไม
ต
ดตัง้ โปรแกรมเพิม
่
่
่ องติ
้
ข้อเสี ย
– ผูใช
นไฟล ์ .exe หรือรับ
้ ้บางรายไมสามารถรั
่
เมลที
่ นบไฟล ์ .exe จากภายนอกได้
์ แ
วิธแ
ี จกจาย
่
– ใช้งานผานเว็
บไซตหรื
่
์ อส่งแนบไปกับอีเมล ์
วีดโี อ [ Video ]
• Analog video
– บันทึกภาพ เสี ยงให้อยูในสั
ญญาณอะนาล็อก
่
– VHS(Video Home System) มวนเทปวี
ดโี อที่
้
ใช้ดูตามบาน
้
– การตัดตอข
่ อมู
้ ล อาจจะทาให้คุณภาพลดลง
• Digital video
– บันทึกภาพ เสี ยงจากกลองดิ
จต
ิ อลให้อยูใน
้
่
สั ญญาณดิจต
ิ อล(0,1)
– การตัดตอข
้ ล อาจจะทาให้คุณภาพเหมือน
่ อมู
ตนฉบั
บ
้
มาตราฐาน
• NTSC (National Television System
Committee)
• PAL (Phase Alternate Line)
• SECAM (Sequential Color And Memory
SECAM)
• HDTV (High Definition Television)
NTSC (National Television
System Committee)
• NTSC เป็ นหน่วยงานรับผิดชอบดาน
้ TV และ
Video ของ USA เริม
่ ใช้ตัง้ แตปี่ ค.ศ. 1953 และ
ตอมาใช
่ ่น
ุ แคนาดา โปรตุเกศ แม็กซิ
่
้ใน ญีป
โก
• เป็ นการเขารหั
สขอมู
้
้ ลแบบอิเล็กทรอนิกส์
• กาหนดให้สรางภาพด
วยเส
้
้
้ นในแนวนอน 525 L/F
• ความเร็ว 30 F/s
• 16 ลานสี
้
NTSC (National Television
System Committee)
ข้อดี
• มองเห็ น 30 F/s ทาให้ลดการสั่ นไหวของภาพ
ใช้ความกวางของคลื
น
่ สั ญญาณน้อยทาให้ถูก
้
รบกวนน้อย ภาพมีความคมชัดมาก
ข้อเสี ย
• เส้นสแกนภาพมีจานวนน้อย และถาใช
้
้จอภาพ
ใหญภาพจะมี
รายละเอียดน้อย ขาดความคมชัด
่
PAL (Phase Alternate Line)
• PAL เป็ นมาตราฐานในแถบยุโรป เยอรมัน
ตะวันตก อังกฤษ ออสเตรเลีย สวิสเซอรแลนด
์
์
และหลายประเทศในเอเชีย เช่น สิ งคโปร ์
มาเลเซีย และ ไทย เริม
่ ใช้ในปี 1967
• กาหนดให้สรางภาพด
วยเส
้
้
้ นในแนวนอน 625 L/F
• ความเร็ว 25 F/s
PAL (Phase Alternate Line)
ข้อดี
• เป็ นระบบทีพ
่ ฒ
ั นามาจากระบบ NTSC ทาให้มีการ
เพีย
้ นของสี น้อยลง ภาพให้รายละเอียดของภาพ
สูง ภาพเป็ นธรรมชาติ
ข้อเสี ย
• ภาพสั่ นไหวมากกวา่ NTSC เพราะมีความเร็ว
เพียง 25 F/s ถูกรบกวนสั ญญาณภาพสูงเพราะ
ความกวางของสั
ญญาณมาก จุดอิม
่ ตัวความสวาง
้
่
ของสี น้อย
Sequential Color And Memory
(SECAM) SECAM
• เป็ นมาตรฐานของการแพรสั
่ ญญาณโทรทัศนและ
์
วิดโี อทีใ่ ช้กันในประเทศฝรัง่ เศส รัสเซีย ยุโรป
ตะวันออก ตะวันออกกลาง
• ส่วนการสรางภาพจะเป็
น 819 เส้น ดวยอั
ตราการรี
้
้
เฟรช 25 F/s
• จะแตกตางจากมาตรฐาน
NTCS และ PAL ใน
่
เรือ
่ งเทคโนโลยีการผลิต วิธก
ี ารแพรภาพ
่
ออกอากาศ
High Definition Television (HDTV)
HDTV
• เป็ นเทคโนโลยีของการแพรภาพโทรทั
ศนที
่ ก
ู
่
์ ถ
พัฒนาขึน
้ มา เพือ
่ แสดงภาพทีม
่ ค
ี วามละเอียดสูง
คือ 1280 X 720 พิกเซล
• มาตรฐาน HDTV กาหนดให้มีความละเอียดของ
จอภาพเป็ น 1280 X 720 พิกเซล และ พัฒนา
ออกสู่ตลาดโลกในปี 1998 เป็ นตนมา
เป็ นความ
้
ละเอียดสาหรับการแสดงภาพเช่นเดียวกับ โรง
ภาพยนต ์
ไฟลวี์ ดโี อทีใ่ ช้บนเว็บ
•
•
•
•
*.rm/*.ra/*.ram
->Real Player
*.mpeg2/*.mpeg4 -> Windows Media Player
*.mov ->Quick Time
*.avi(Audio Video Interface) ->เป็ นของ
Microsoft ใช้ Windows Media Player
เอกสารอางอิ
ง
้
• เอกสารประกอบการสอน Multimedia อ.อุกฤษณ ์
มารังค ์