HTML มัลติมีเดีย
มัลติมีเดียคืออะไร?
มัลติมีเดียมาในรูปแบบที่แตกต่างกันมาก มันอาจจะเป็นเกือบทุกอย่างที่คุณสามารถได้ยินหรือเห็นตัวอย่างเช่นรูปภาพ, เพลง, เสียง, วิดีโอ, บันทึก, ภาพยนตร์, ภาพเคลื่อนไหวและอื่น ๆ
หน้าเว็บมักจะมีองค์ประกอบมัลติมีเดียประเภทที่แตกต่างกันและรูปแบบ
ในบทนี้คุณจะได้เรียนรู้เกี่ยวกับรูปแบบมัลติมีเดียที่แตกต่างกัน
สนับสนุนเบราว์เซอร์
เว็บเบราว์เซอร์แรกที่ได้รับการสนับสนุนสำหรับข้อความเพียง จำกัด ตัวอักษรเดียวในสีเดียวต่อมาเบราว์เซอร์ที่มีการสนับสนุนสำหรับสีและแบบอักษรและภาพ!
เสียงวิดีโอและภาพเคลื่อนไหวที่ได้รับการจัดการที่แตกต่างจากเบราว์เซอร์ที่สำคัญ รูปแบบที่แตกต่างกันได้รับการสนับสนุนและรูปแบบบางอย่างต้องใช้โปรแกรมผู้ช่วยพิเศษ (ปลั๊กอิน) ในการทำงาน
เราหวังว่านี้จะกลายเป็นประวัติศาสตร์ HTML5 มัลติมีเดียสัญญาในอนาคตง่ายขึ้นสำหรับมัลติมีเดีย
รูปแบบมัลติมีเดีย
องค์ประกอบมัลติมีเดีย (เช่นเสียงหรือวิดีโอ) จะถูกเก็บไว้ในไฟล์สื่อวิธีที่ใช้กันมากที่สุดในการค้นพบชนิดของไฟล์ที่คือดูที่นามสกุลไฟล์
ไฟล์มัลติมีเดียมีรูปแบบที่แตกต่างกันและส่วนขยายที่ชอบ: .swf, .wav, .mp3 .mp4, .mpg, .wmv และ .avi
MP4 เป็นรูปแบบใหม่และที่จะเกิดขึ้นสำหรับวิดีโออินเทอร์เน็ต
MP4 แนะนำโดย YouTube
MP4 ได้รับการสนับสนุนจากผู้เล่นแฟลช
MP4 ได้รับการสนับสนุนโดย HTML5
เพียง MP4, WebM และวิดีโอ Ogg รับการสนับสนุนโดยมาตรฐาน HTML5
รูปแบบเสียง
MP3 เป็นรูปแบบใหม่ล่าสุดสำหรับการบันทึกเสียงดนตรีที่ถูกบีบอัด คำ MP3 ได้กลายเป็นตรงกันกับเพลงดิจิตอลหากเว็บไซต์ของคุณเป็นเรื่องเกี่ยวกับการบันทึกเพลง MP3 เป็นทางเลือก
เพียง MP3, WAV, และเสียง Ogg รับการสนับสนุนโดยมาตรฐาน HTML5
HTML5 วิดีโอ
HTML ตัวอย่างวิดีโอ มารยาทของบิ๊กบั๊กบันนี่
ทดลองกดตรงนี้
การเล่นวิดีโอในรูปแบบ HTML
ก่อน HTML5 วิดีโอสามารถเล่นได้เฉพาะในเบราว์เซอร์ที่มีปลั๊กอิน (เช่นแฟลช)HTML5 วิดีโอ <> องค์ประกอบระบุวิธีมาตรฐานในการฝังวิดีโอในหน้าเว็บ
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ <video> องค์ประกอบ
ใช้ HTML <video> ธาตุ
ในการแสดงวิดีโอในรูปแบบ HTML ให้ใช้<video>องค์ประกอบ:ทดลองกดตรงนี้
มันทำงานอย่างไร
ควบคุมแอตทริบิวต์เพิ่มการควบคุมวิดีโอเช่นเล่นหยุดและปริมาณมันเป็นความคิดที่ดีที่จะเสมอรวมความกว้างและความสูงแอตทริบิวต์ ถ้าความสูงและความกว้างไม่ได้ตั้งค่าหน้าอาจสั่นไหวขณะโหลดวิดีโอ
<แหล่ง>องค์ประกอบที่ช่วยให้คุณสามารถระบุไฟล์วิดีโอทางเลือกซึ่งเบราว์เซอร์อาจเลือกจาก เบราว์เซอร์จะใช้รูปแบบแรกที่ได้รับการยอมรับ
ข้อความระหว่าง <video> และ </ วิดีโอ> แท็กจะปรากฏเฉพาะในเบราว์เซอร์ที่ไม่สนับสนุน <video> องค์ประกอบ
HTML <video> แบบอัตโนมัติ
ในการเริ่มต้นวิดีโอโดยอัตโนมัติใช้แบบอัตโนมัติแอตทริบิวต์:ทดลองกดตรงนี้
แอตทริบิวต์แบบอัตโนมัติไม่ทำงานในอุปกรณ์มือถือเช่น iPad และ iPhone
HTML วิดีโอ - การสนับสนุนเบราว์เซอร์
ใน HTML5 มี 3 รูปแบบวิดีโอที่รองรับ: MP4, WebM และ Oggสนับสนุนเบราว์เซอร์สำหรับรูปแบบที่แตกต่างกันคือ
HTML วิดีโอ - ประเภทสื่อ
HTML Video - วิธีคุณสมบัติและกิจกรรม
HTML5 กำหนดวิธีการ DOM คุณสมบัติและกิจกรรมสำหรับ <video> องค์ประกอบนี้ช่วยให้คุณโหลดเล่นและหยุดวิดีโอเช่นเดียวกับการตั้งค่าระยะเวลาและปริมาณ
นอกจากนี้ยังมีเหตุการณ์ DOM ที่สามารถแจ้งให้ทราบเมื่อวิดีโอเริ่มเล่นถูกหยุดชั่วคราว ฯลฯ
ทดลองกดตรงนี้
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น