HTML Multimedia

ในเนื้อหานี้จะพูดถึงเรื่องของสื่อต่างๆ โดยส่วนใหญ์มักจะเป็น เสียง (Audio)  และ วิดีโอ (Videos) ซึ่งสิ่งต่างๆที่เรามองเห็นหรือได้ยินเกือบทั้งหมดคือสื่อในรูปแบบที่แตกต่างกันออกไป เช่น ภาพวาด ภาพถ่าย ภาพยนต์ แอนิเมชั่น เพลง เป็นต้น

รูปแบบไฟล์ที่ HTML รองรับ

1.เสียง (Audio)

  • .mp3
  • .wav
  • .ogg

ตัวอย่างที่ 1 เล่นเสียงบนเบราว์เซอร์

<html>
<body>

  <audio controls>
    <source src="examplepath/filename.ogg" type="audio/ogg">
    <source src="examplepath/filename.mp3" type="audio/mpeg">
  </audio>

</body>
</html>

ไฟล์ที่ 1 sound.html

แอตทริบิวต์ในการเล่นไฟล์เสียง และวิดีโอประกอบด้วย

  • controls สามารถเล่น/หยุดเสียงได้
  • autoplay เล่น/หยุด อัตโนมัติ

2.วิดีโอ (Videos)

  • .mp4
  • .webm
  • .ogg

 

ตัวอย่างที่ 2 เล่นวิดีโอบนเบราว์เซอร์

<html>
<body>

<video width="320" height="240" controls>
  <source src="path/filename.mp4" type="video/mp4">
  <source src="path/filename.ogg" type="video/ogg">
</video>

</body>
</html>

ไฟล์ที่ 2 video.html

หากคุณพบคำที่สะกดผิด เว้นวรรคไม่ถูกต้อง ฯ โปรดแจ้งให้เราทราบ โดยลากคลุม (highlight) ข้อความนั้น แล้วกด Ctrl + Enter

ไม่สามารถคัดลอกเนื้อหานี้

Spelling error report

The following text will be sent to our editors: