ให้เรตสมาชิก: 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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Q :ต้องการให้แผนที่เปลี่ยนตำแหน่งตามจังหวัดต้นทางและจังหวัดปลายทางที่ผู้ใช้เลือกใน listbox ใน joomla
โดย Parichat ศ 23 ก.พ. 2018 4:46 pm บอร์ด Joomla Development
0
4
ศ 23 ก.พ. 2018 4:46 pm โดย Parichat
การใช้งาน Python GUI (Tkinter) : การทำ ปุ่มกด Image
โดย Jom07 ศ 23 ก.พ. 2018 4:46 pm บอร์ด Python Knowledge
0
3
ศ 23 ก.พ. 2018 4:46 pm โดย Jom07
Responsive Post-it Note (เรสปอนซีฟโพสอิดโน๊ต)-Module สามารถจดบันทึกที่ต้องการได้ใน Joomla
โดย Parichat ศ 23 ก.พ. 2018 4:25 pm บอร์ด Joomla Extension Review
0
4
ศ 23 ก.พ. 2018 4:25 pm โดย Parichat
วิธีการเรียกใช้ function ที่อยู่ใน model ในส่วน view ใน Joomla
โดย Parichat ศ 23 ก.พ. 2018 2:54 pm บอร์ด Joomla Developing Knowledge
0
7
ศ 23 ก.พ. 2018 2:54 pm โดย Parichat
การติดตั้ง pyinstaller บนคอมพิวเตอร์สำหรับคอมไฟล์ Python GUI (Tkinter) เป็น .exe
โดย Jom07 ศ 23 ก.พ. 2018 2:21 pm บอร์ด Python Knowledge
0
4
ศ 23 ก.พ. 2018 2:21 pm โดย Jom07
ขอ 3 คำให้กับครูคนนี้
โดย Before Dong ศ 23 ก.พ. 2018 11:00 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
ศ 23 ก.พ. 2018 11:00 am โดย Before Dong
การอ่านค่าจาก URL หรือค่า GET ใน Joomla
โดย Parichat พฤ 22 ก.พ. 2018 11:12 pm บอร์ด Joomla Developing Knowledge
0
16
พฤ 22 ก.พ. 2018 11:12 pm โดย Parichat
การใช้งาน Python GUI (Tkinter) : การ Image (การเปิดภาพ)
โดย Jom07 พฤ 22 ก.พ. 2018 6:17 pm บอร์ด Python Knowledge
0
11
พฤ 22 ก.พ. 2018 6:17 pm โดย Jom07
การใช้งาน Python GUI (Tkinter) : การ Browse file (การค้นหาไฟล์)
โดย Jom07 พฤ 22 ก.พ. 2018 5:16 pm บอร์ด Python Knowledge
0
20
พฤ 22 ก.พ. 2018 5:16 pm โดย Jom07
Liverpool เจ้ายุโรป 5 สมัย
โดย Before Dong พฤ 22 ก.พ. 2018 11:14 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
40
พฤ 22 ก.พ. 2018 11:14 am โดย Before Dong
การใช้งาน Python GUI (Tkinter) :Label widget (วิดเจ็ตป้ายกำกับ)
โดย Jom07 พ 21 ก.พ. 2018 5:36 pm บอร์ด Python Knowledge
0
22
พ 21 ก.พ. 2018 5:36 pm โดย Jom07
รูปแบบการดึงข้อมูลจากฐานข้อมูลใน Joomla
โดย Parichat พ 21 ก.พ. 2018 5:25 pm บอร์ด Joomla Developing Knowledge
0
18
พ 21 ก.พ. 2018 5:25 pm โดย Parichat
การใช้ปุ่ม Button ชนิดต่างๆ ใน Python GUI (Tkinter)
โดย Jom07 พ 21 ก.พ. 2018 5:07 pm บอร์ด Python Knowledge
0
25
พ 21 ก.พ. 2018 5:07 pm โดย Jom07
Slideshow CK (สไลด์โชว์ ซีเค)-Module ที่สามารถแสดงรูปภาพและวีดีโอที่มีลิ้งที่มีลักษณะพิเศษได้
โดย Parichat พ 21 ก.พ. 2018 4:11 pm บอร์ด Joomla Extension Review
0
24
พ 21 ก.พ. 2018 4:11 pm โดย Parichat
มีใครใช้ Zoho Creator ทำแอพมั้ยคะ ช่วยด้วยค่ะ
โดย 156595465 พ 21 ก.พ. 2018 3:14 pm บอร์ด Mobile Programming - Android, iOS, Window Phone
0
28
พ 21 ก.พ. 2018 3:14 pm โดย 156595465
วิวัฒนาการของการเก็บข้อมูล
โดย Before Dong พ 21 ก.พ. 2018 10:42 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
174
พ 21 ก.พ. 2018 10:42 am โดย Before Dong
มีใครใช้ Zoho Creator เขียนแอพตัวเองมั้ยคะ
โดย 156595465 พ 21 ก.พ. 2018 6:25 am บอร์ด Mobile Programming - Android, iOS, Window Phone
0
28
พ 21 ก.พ. 2018 6:25 am โดย 156595465
Q :ต้องการบันทึกข้อมูลการคำนวนระยะทางตอนที่ผู้ใช้งานค้นหาจากจังหวัดต้นทางและจังหวัดปลายทาง ใน Joomla
โดย Parichat อ 20 ก.พ. 2018 6:43 pm บอร์ด Joomla Development
2
39
พฤ 22 ก.พ. 2018 11:00 pm โดย Parichat
Modals (โม'เดิล)-Plugin ที่ทำให้เชื่อมโยงที่เปิดในป็อปอัพโมเดิล
โดย Parichat อ 20 ก.พ. 2018 6:20 pm บอร์ด Joomla Extension Review
0
33
อ 20 ก.พ. 2018 6:20 pm โดย Parichat
การใช้งาน Python GUI (Tkinter) :Create List box (สร้างกล่องรายการ)
โดย Jom07 อ 20 ก.พ. 2018 3:07 pm บอร์ด Python Knowledge
0
43
อ 20 ก.พ. 2018 3:07 pm โดย Jom07