วันพฤหัสบดีที่ 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