ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 7 HTML5 audio
   ในการแทรกไฟล์เสียงลงบนเว็บไซต์ที่เขียนโดยภาษา HTML5 สามารถทำได้โดยใช้เเท็ก <audio>
วิธีการแทรกไฟล์เสียงด้วยแท้ก <audio> ทำได้ดังนี้

1. กำหนด Attributes controls=controls ช่วยกำหนดขนาดของ control ได้อีกด้วย โดยการกำหนด สูงและกว้างไป
<audio controls="controls" height="50px" width="100px">
</audio>2. source หรือที่อยู่ของไฟล์เสียง
<source src="/ไฟล์เสียงที่ต้องการใช้ในหน้าเว็บ" type="audio/mpeg" />
3.ต่อด้วย แท็ก พร้อมกับกำหนด ความกว้างและความสูง พร้อมกับกำหนด ที่อยู่ของไฟล์เสียง
<embed height="50px" width="100px" src="/SpotGamingGear.mp3" /><br />

ตัวอย่าง
<html>
<body>

<audio controls="controls">
  <source src="/horse.ogg" type="audio/ogg">
  <source src="/horse.mp3" type="audio/mp3">
  Your browser does not support the audio element.
</audio>

</body>
</html>
ผลลัพธ์คือ


ข้อมูลอ้างอิง
http://www.w3schools.com

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
MOD_MTB_NEWS_RECENT
วิธีตั้ง timezone บน Ubuntu หลังจากติดตั้ง OS Linux อุบันตูไว้แล้วเราสามารถเปลี่ยน
โดย mindphp พฤ 23 พ.ย. 2017 11:15 pm บอร์ด Linux - Web Server
1
5
พฤ 23 พ.ย. 2017 11:15 pm โดย mindphp
เชื่อมต่อฐานข้อมูลได้แล้ว แต่บันทึกข้อมูลไม่ได้ค่ะ
โดย Wallapa พฤ 23 พ.ย. 2017 7:19 pm บอร์ด Programming - C/C++ & java & Python
0
7
พฤ 23 พ.ย. 2017 7:19 pm โดย Wallapa
ห้องนอนของ IT Support
โดย Before Dong พฤ 23 พ.ย. 2017 6:23 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
20
พฤ 23 พ.ย. 2017 6:23 pm โดย konseo
สอบถามการเขียน Selenium
โดย Panchalee พฤ 23 พ.ย. 2017 5:03 pm บอร์ด Programming - C/C++ & java & Python
0
7
พฤ 23 พ.ย. 2017 5:03 pm โดย Panchalee
เกี่ยวกับ schema version
โดย Minanda พฤ 23 พ.ย. 2017 2:28 pm บอร์ด Joomla Development
5
33
พฤ 23 พ.ย. 2017 2:28 pm โดย Minanda
รวมบทความสอน selenium Webdriver ภาษา Python
โดย nuattawoot พฤ 23 พ.ย. 2017 1:37 pm บอร์ด Python Knowledge
0
11
พฤ 23 พ.ย. 2017 1:37 pm โดย nuattawoot
สอบถามเรื่อง Python Framework Flask ไม่พบ URL ใน Server
โดย Panchalee พฤ 23 พ.ย. 2017 10:39 am บอร์ด Programming - C/C++ & java & Python
1
14
พฤ 23 พ.ย. 2017 10:39 am โดย nuattawoot
กู้คืนอีเมล์
โดย บุคคลทั่วไป พฤ 23 พ.ย. 2017 10:18 am บอร์ด Programming - PHP
2
13
พฤ 23 พ.ย. 2017 10:18 am โดย บุคคลทั่วไป
บันทึกข้อมูล ลงฐานข้อมูลไม่ได้ค่ะ
โดย Wallapa พ 22 พ.ย. 2017 3:39 pm บอร์ด Programming - C/C++ & java & Python
4
45
พ 22 พ.ย. 2017 3:39 pm โดย nuattawoot
เชื่อมต่อ Server ใน pgadmin ไม่ได้ค่ะ
โดย Panchalee พ 22 พ.ย. 2017 2:59 pm บอร์ด PostgreSQL
1
28
พ 22 พ.ย. 2017 2:59 pm โดย mindphp
context diagram ระบบบริหารบัญชีครัวเรือน
โดย Maprang Kannika พ 22 พ.ย. 2017 11:24 am บอร์ด SQL - Database
1
25
พ 22 พ.ย. 2017 11:24 am โดย jataz2
เมื่อค้น Google ว่า How to fixed Error 500 ?
โดย Before Dong พ 22 พ.ย. 2017 10:27 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
58
พ 22 พ.ย. 2017 10:27 am โดย konseo
ปัญหา ออกแบบพัฒนา
โดย บุคคลทั่วไป อ 21 พ.ย. 2017 8:15 pm บอร์ด Programming - PHP
0
23
อ 21 พ.ย. 2017 8:15 pm โดย บุคคลทั่วไป
รันโค้ดแล้ว Error ค่ะ
โดย Wallapa อ 21 พ.ย. 2017 5:24 pm บอร์ด Programming - C/C++ & java & Python
4
61
อ 21 พ.ย. 2017 5:24 pm โดย Wallapa
รันโค้ดแล้ว Error ค่ะ
โดย Wallapa อ 21 พ.ย. 2017 4:58 pm บอร์ด Programming - C/C++ & java & Python
1
33
อ 21 พ.ย. 2017 4:58 pm โดย mindphp
PostgreSQL คืออะไร MySQL คืออะไร
โดย Panchalee อ 21 พ.ย. 2017 1:40 pm บอร์ด PostgreSQL
1
32
อ 21 พ.ย. 2017 1:40 pm โดย jataz2
PostgreSQL กับ MySQL ต่างกันยังไงค่ะ?
โดย Wallapa อ 21 พ.ย. 2017 1:40 pm บอร์ด PostgreSQL
0
18
อ 21 พ.ย. 2017 1:40 pm โดย Wallapa
แจกฟรี!! ปฏิทิน CMS 2018
โดย Before Dong อ 21 พ.ย. 2017 11:23 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
3
52
อ 21 พ.ย. 2017 11:23 am โดย konseo
ขอทราบวิธีติดตั้ง แพ็กเกจ FFmpeg บน Windows หน่อยค่ะ
โดย Panchalee อ 21 พ.ย. 2017 10:32 am บอร์ด Python Knowledge
2
22
อ 21 พ.ย. 2017 10:32 am โดย nuattawoot
เมื่อเอาคำว่า What is Error 500 ไปแปลภาษา
โดย Before Dong อ 21 พ.ย. 2017 9:37 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
26
อ 21 พ.ย. 2017 9:37 am โดย Before Dong