ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

HTML มัลติมีเดีย


มัลติมีเดียบนเว็บเป็นเสียงเพลง, วิดีโอ, ภาพยนตร์และภาพเคลื่อนไหว


มัลติมีเดียคืออะไร?

มัลติมีเดียมาในรูปแบบที่แตกต่างกันมาก มันอาจจะเป็นเกือบทุกอย่างที่คุณสามารถได้ยินหรือเห็น

ตัวอย่าง: รูปภาพ, เพลง, เสียง, วิดีโอ, บันทึก, ภาพยนตร์, ภาพเคลื่อนไหวและอื่น ๆ

หน้าเว็บมักจะมีองค์ประกอบมัลติมีเดียประเภทที่แตกต่างกันและรูปแบบ

ในบทนี้คุณจะได้เรียนรู้เกี่ยวกับรูปแบบมัลติมีเดียที่แตกต่างกัน


สนับสนุนเบราว์เซอร์

เว็บเบราว์เซอร์แรกที่ได้รับการสนับสนุนสำหรับข้อความเพียง จำกัด ตัวอักษรเดียวในสีเดียว

ต่อมาเบราว์เซอร์ที่มีการสนับสนุนสำหรับสีและแบบอักษรและแม้กระทั่งการสนับสนุนสำหรับภาพ!

การสนับสนุนสำหรับเสียงภาพเคลื่อนไหวและวิดีโอจะถูกจัดการที่แตกต่างจากเบราว์เซอร์ต่างๆ ชนิดที่แตกต่างกันและรูปแบบได้รับการสนับสนุนและรูปแบบบางอย่างต้องใช้โปรแกรมผู้ช่วยพิเศษ (plug-ins) ในการทำงาน

เราหวังว่านี้จะกลายเป็นประวัติศาสตร์ HTML5 มัลติมีเดียสัญญาในอนาคตง่ายขึ้นสำหรับมัลติมีเดีย


รูปแบบมัลติมีเดีย

องค์ประกอบมัลติมีเดีย (like sounds or videos) จะถูกเก็บไว้ในไฟล์มีเดีย

วิธีที่ใช้กันมากที่สุดในการค้นพบชนิดของไฟล์ที่คือดูที่นามสกุลไฟล์ เมื่อเบราว์เซอร์เห็น .htm นามสกุลไฟล์หรือ .html ก็จะรักษาไฟล์เป็นไฟล์ HTML นามสกุล .xml บ่งชี้ไฟล์ XML และขยาย .css ระบุไฟล์สไตล์ชีท ภาพที่เป็นที่ยอมรับจากส่วนขยายเช่น .gif, .png และ .jpg

ไฟล์มัลติมีเดียยังมีรูปแบบของตัวเองและส่วนขยายที่แตกต่างกันเช่น: .swf, .wav, .mp3 .mp4, .mpg, .wmv และ .avi


รูปแบบวิดีโอทั่วไป

Videoformats MP4 เป็นรูปแบบใหม่และที่จะเกิดขึ้นสำหรับวิดีโออินเทอร์เน็ต

MP4 แนะนำโดย YouTube

MP4 ได้รับการสนับสนุนจากผู้เล่นแฟลช

MP4 ได้รับการสนับสนุนโดย HTML5

รูป ไฟล์ ลักษณะ
MPEG.mpg
.mpeg
MPEG ที่พัฒนาโดยการย้ายรูปภาพกลุ่มผู้เชี่ยวชาญ เป็นครั้งแรกในรูปแบบวิดีโอยอดนิยมบนเว็บ ที่ใช้ในการรับการสนับสนุนจากเบราว์เซอร์ทั้งหมด แต่ก็ไม่ได้รับการสนับสนุนใน HTML5 (See MP4)
AVI.avi AVI (Audio Video Interleave) ที่พัฒนาโดยไมโครซอฟท์ ที่ใช้ในกล้องวิดีโอและฮาร์ดแวร์ทีวี เล่นได้ดีบนคอมพิวเตอร์ Windows แต่ไม่ได้อยู่ในเว็บเบราเซอร์
WMV.wmv WMV (Windows Media Video) ที่พัฒนาโดยไมโครซอฟท์ ที่ใช้ในกล้องวิดีโอและฮาร์ดแวร์ทีวี เล่นได้ดีบนคอมพิวเตอร์ Windows แต่ไม่ได้อยู่ในเว็บเบราเซอร์
QuickTime.mov QuickTime พัฒนาโดยแอปเปิ้ล ที่ใช้ในกล้องวิดีโอและฮาร์ดแวร์ทีวี เล่นได้ดีบนคอมพิวเตอร์แอปเปิ้ล แต่ไม่ได้อยู่ในเว็บเบราเซอร์ (See MP4)
RealVideo.rm
.ram
RealVideo พัฒนาโดยสื่อจริงที่จะอนุญาตให้สตรีมมิ่งวิดีโอที่มีแบนด์วิดท์ต่ำ มันก็ยังคงใช้สำหรับวิดีโอออนไลน์และอินเทอร์เน็ตทีวี แต่ไม่ได้เล่นในเว็บเบราเซอร์
Flash.swf
.flv
แฟลช. พัฒนาโดย Macromedia มักจะต้องเป็นองค์ประกอบเสริม (plug-in) ที่จะเล่นในเว็บเบราเซอร์
Ogg.ogg ธิอร่าอ็อก พัฒนาโดยมูลนิธิ Xiph.Org สนับสนุนโดย HTML5
WebM.webm WebM พัฒนาโดยยักษ์ใหญ่เว็บ, Mozilla, Opera, Adobe, และ Google สนับสนุนโดย HTML5
MPEG-4
or MP4
.mp4 MP4 ที่พัฒนาโดยการย้ายรูปภาพกลุ่มผู้เชี่ยวชาญ ขึ้นอยู่กับ QuickTime ที่ใช้ในกล้องวิดีโอรุ่นใหม่และฮาร์ดแวร์ทีวี การสนับสนุนจากทุกเบราว์เซอร์ HTML5 แนะนำโดย YouTube

เพียง MP4, วิดีโอ WebM และ Ogg รับการสนับสนุนโดย HTML5 มาตรฐานใหม่ล่าสุด


รูปแบบเสียง

MP3 เป็นรูปแบบใหม่ล่าสุดสำหรับการบันทึกเสียงดนตรีที่ถูกบีบอัด คำ MP3 ได้กลายเป็นตรงกันกับเพลงดิจิตอล

หากเว็บไซต์ของคุณเป็นเรื่องเกี่ยวกับการบันทึกเพลง MP3 เป็นทางเลือก

รูป ไฟล์ ลักษณะ
MIDI.mid
.midi
MIDI (Musical Instrument Digital Interface) รูปแบบหลักสำหรับอุปกรณ์ดนตรีอิเล็กทรอนิกส์ทั้งหมดเช่นสังเคราะห์และการ์ดเสียงเครื่องคอมพิวเตอร์ ไฟล์ MIDI ไม่ได้มีเสียง แต่บันทึกดิจิตอลที่สามารถเล่นได้โดยอุปกรณ์อิเล็กทรอนิกส์ เล่นได้ดีบนเครื่องคอมพิวเตอร์และฮาร์ดแวร์เพลงทั้งหมด แต่ไม่ได้อยู่ในเว็บเบราเซอร์
RealAudio.rm
.ram
RealAudio พัฒนาโดยสื่อจริงที่จะอนุญาตให้สตรีมมิ่งของเสียงที่มีแบนด์วิดท์ต่ำ ไม่ได้เล่นในเว็บเบราเซอร์
WMA.wma WMA (Windows Media Audio) ที่พัฒนาโดยไมโครซอฟท์ ที่ใช้ในการเล่นดนตรี เล่นได้ดีบนคอมพิวเตอร์ Windows แต่ไม่ได้อยู่ในเว็บเบราเซอร์
AAC.aac AAC (Advanced Audio Coding) พัฒนาโดยแอปเปิ้ลเป็นรูปแบบเริ่มต้นสำหรับ iTunes เล่นได้ดีบนคอมพิวเตอร์แอปเปิ้ล แต่ไม่ได้อยู่ในเว็บเบราเซอร์
WAV.wav WAV ที่พัฒนาโดยไอบีเอ็มและไมโครซอฟท์ เล่นได้ดีบน Windows, Macintosh และระบบปฏิบัติการลินุกซ์ สนับสนุนโดย HTML5
Ogg.ogg Ogg พัฒนาโดยมูลนิธิ Xiph.Org สนับสนุนโดย HTML5
MP3.mp3 ไฟล์ MP3 เป็นจริงส่วนเสียงของไฟล์ MPEG MP3 เป็นรูปแบบที่นิยมมากที่สุดสำหรับเครื่องเล่นเพลง รวมการบีบอัดที่ดี (small files) ที่มีคุณภาพสูง สนับสนุนโดยเบราว์เซอร์
MP4.mp4 MP4 เป็นรูปแบบวิดีโอ แต่ยังสามารถนำมาใช้สำหรับเสียง วิดีโอ MP4 เป็นรูปแบบวิดีโอที่จะเกิดขึ้นบนอินเทอร์เน็ต นี้นำไปสู่การสนับสนุนโดยอัตโนมัติสำหรับเสียง MP4 โดยเบราว์เซอร์

เพียง MP3, WAV, และเสียง Ogg รับการสนับสนุนโดย HTML5 มาตรฐานใหม่ล่าสุด