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

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 24 มกราคม พ.ศ. 2559 | 05:50

เพราะตั้งใจจะนำไฟล์เสียงจาก 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 - มือใหม่หัดใช้เน็ต

1 comments:

PPP กล่าวว่า...

เยี่ยม!

แสดงความคิดเห็น