วันพฤหัสบดีที่ 19 กุมภาพันธ์ พ.ศ. 2558

โค้ดใส่เสียง หรือเพลงใน html5


การใส่เสียงใน HTML5

 ส่วนโค้ด
<audio controls>
       <source src="music.ogg" type="audio/ogg">
</audio>

อธิบายโค้ด                       
          <audio controls>                                                              คือแท็กหรือคำสั่งเปิดโปรแกรมเล่นเสียง
          <source src="ไฟล์เสียง" type="นามสุกลไฟล์เสียง">          คือแหล่งไฟล์เพลงที่ต้องการเปิด  
          </audio>                                                                           คือแท็กหรือคำสั่งปิดโปรแกรมเล่นเสียง
  **การที่เราจะเล่นไฟล์เสียงควรดูไฟล์เเสียงที่เรานำมาด้วยว่าเป็นไฟล์อะไรต้องใช้นามสกุลอะไร เช่น ตัวอย่าง ใช้ไฟล์ .ogg   ดังนั้นนามสกุลไฟล์เสียง ก็ต้องใช้ audio/ogg ถ้า .mp3  ก็ใช้ audio/mpeg
 **ถ้าต้องการให้เข้าเว็บแล้วเล่นเสียงทันทีให้ใส่ autoplay หลัง controls เช่น <audio controls autoplay></audio>

ไฟล์และนามสกุลเสียง
     ไฟล์เสียง                      นามสกุลไฟล์เสียง
        MP3                               audio/mpeg
        Ogg                                audio/ogg
        Wav                               audio/wav

ตัวอย่างการเขียน

โค้ดเสียง HTML5




หน้าตาโปรแกรมเล่นเสียง HTML5

6 ความคิดเห็น:

  1. แทรกเพลงยังไงครับ เอาโค้ตใส่ไปแล้ว แต่ไม่รู้ว่าจะเอาเพลงใส่ไปในโค้ตยังไงให้เพลงเล่น

    ตอบลบ
    คำตอบ
    1. เพลงที่คุนแทรกต้องอยู่ที่เดียวกับ html ครับ เช่น html อยู่ใน desktop เพลงก็ต้องอยู้ใน Desktop เหมือนกันครับ

      ลบ
  2. ไม่ระบุชื่อ27 พฤษภาคม 2559 เวลา 01:52

    อยากให้เล่นเพลงในโฟลเดอร์ปลายทางที่เรากำหนดไว้อะครับ เล่นทั้งโฟลเดอร์

    ตอบลบ
  3. ให้มันเล่นอัตโนมัติ ยังไงครับ

    ตอบลบ
  4. เขียนตามนี้ แต่ไม่เล่นอัตโนมัติคะ

    ตอบลบ