HTML 5 Code สำหรับวาง Audio ใน Blogger

เพราะตั้งใจจะนำไฟล์เสียงจาก Google Drive เอามาวางแชร์ในเวบบล็อก Blogger จึงผ่านไปเจอกับ Code ที่จะวางเป็น embed code ในรูปแบบ HTML5 เลยเก็บมาบันทึกไว้  เผื่อใครได้นำไปใช้ด้วยกันค่ะ

1. เป็นโค้ดพื้นฐานสำหรับวางไฟล์เสียงใน blogger

<audio controls> <source src="url-of-audio-file" /> If you cannot see the audio controls, your browser does not support the audio element </audio>

เพียงนำ url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

2.  สำหรับใครที่อยากจะให้ไฟล์เสียงเล่นอัตโนมัติ  ทันทีที่เปิดหน้าเวบมา

 

<audio controls autoplay> <source src="url-of-audio-file" /> If you cannot see the audio controls, your browser does not support the audio element </audio>

แก้ไข url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

3.ตั้งค่าให้เล่นเพลงต่อเนื่องแบบวนลูปไปเรื่อย ๆ

<audio controls loop> <source src="url-of-audio-file" /> If you cannot see the audio controls, your browser does not support the audio element </audio>

แก้ไข url ของไฟล์เสียงมาวางแทนที่    url-of-audio-file

เอาไปทดลองใช้กันดูค่ะ  สำหรับดิฉันทดสอบมาเรียบร้อยแล้ว ใช้ได้ผลดีด้วย 

สำหรับ Host ฝากไฟล์เสียง ใครกำลังมองหาแหล่งฝากฟรี ลองดูบริการ Google Drive สำหรับวิธีการนำไฟล์เสียงจาก Google Drive มาใช้งานกับ Blogger อ่านเพิ่มเติมได้ที่   การค้นหา Direct Linkของ ไฟล์เสียงใน Google Drive - มือใหม่หัดใช้เน็ต