วิธีเพิ่มเสียงลงในเว็บเพจ HTML5

HTML5 ช่วยเพิ่มเสียงและเพลงลงในเว็บเพจของคุณด้วยองค์ประกอบ อันที่จริงแล้วสิ่งที่ยากที่สุดคือสร้างแหล่งข้อมูลหลายแหล่งที่คุณต้องการเพื่อให้แน่ใจว่าไฟล์เสียงของคุณเล่นบนเบราว์เซอร์ที่หลากหลายที่สุด

ประโยชน์ของการใช้ HTML5 คือคุณสามารถฝังเสียงได้โดยใช้แท็ก 2 แท็ก จากนั้นเบราว์เซอร์จะเล่นเสียงเหมือนกับว่าพวกเขาจะแสดงภาพเมื่อคุณใช้

IMG ธาตุ.

วิธีเพิ่มเสียงลงในเว็บเพจ HTML5

คุณจำเป็นต้องมีตัวแก้ไข HTML, ไฟล์เสียง (ควรอยู่ในรูปแบบ MP3) และตัวแปลงไฟล์เสียง

1. ขั้นแรกคุณต้องมีไฟล์เสียง เป็นการดีที่สุดที่จะบันทึกไฟล์เป็น MP3 (

   .mp3) เนื่องจากมีคุณภาพเสียงสูงและได้รับการสนับสนุนจากเบราว์เซอร์ส่วนใหญ่ (Android 2.3 ขึ้นไป Chrome 6+, IE 9+, iOS 3+ และ Safari 5+)

2. แปลงไฟล์ของคุณเป็นรูปแบบ Vorbis (

   .ogg) เพื่อเพิ่มใน Firefox 3.6+ และ Opera 10.5+ คุณสามารถใช้ตัวแปลงเช่นเดียวกับที่พบใน Vorbis.com คุณสามารถแปลงไฟล์ MP3 เป็นรูปแบบ WAV (

   .wav) เพื่อรับการสนับสนุน Firefox และ Opera ผมขอแนะนำให้คุณโพสต์ไฟล์ของคุณทั้ง 3 ประเภทเพื่อความปลอดภัย แต่ส่วนใหญ่ที่คุณต้องการก็คือ MP3 และอีกรูปแบบหนึ่ง

3. อัปโหลดไฟล์เสียงทั้งหมดไปยังเว็บเซิร์ฟเวอร์ของคุณและจดบันทึกไดเรกทอรีที่คุณจัดเก็บไว้เป็นความคิดที่ดีที่จะวางไว้ในไดเรกทอรีย่อยสำหรับไฟล์เสียงเช่นเดียวกับนักออกแบบส่วนใหญ่ที่บันทึกภาพใน

   ภาพ ไดเรกทอรี

4. เพิ่ม

   AUDIO ในไฟล์ HTML ของคุณที่คุณต้องการให้การควบคุมไฟล์เสียงแสดงขึ้น

5. สถานที่

   แหล่งที่มา องค์ประกอบสำหรับไฟล์เสียงแต่ละไฟล์ที่คุณอัปโหลดภายใน

   AUDIO ธาตุ:

6. 1. HTML ใดก็ได้ภายใน

      AUDIO จะใช้เป็นตัวสำรองสำหรับเบราว์เซอร์ที่ไม่สนับสนุน

      AUDIO ธาตุ. เพื่อเพิ่ม HTML บางส่วน วิธีที่ง่ายที่สุดคือการเพิ่ม HTML เพื่อให้พวกเขาดาวน์โหลดไฟล์ แต่คุณยังสามารถใช้วิธีการฝัง HTML 4.01 เพื่อเล่นเสียง นี่เป็นทางเลือกที่ง่าย:

      เบราเซอร์ของคุณไม่สนับสนุนการเล่นเสียงให้ดาวน์โหลดไฟล์: MP3,

   2. Vorbis, WAV

7. สิ่งสุดท้ายที่คุณต้องทำก็คือปิดส่วนประกอบ AUDIO ของคุณ:

   1. เมื่อทำเสร็จแล้ว HTML ของคุณควรมีลักษณะดังนี้:

   4. เบราเซอร์ของคุณไม่รองรับการเล่นเสียงให้ดาวน์โหลดไฟล์:

   5. MP3,

   6. Vorbis,

   7. WAV

เคล็ดลับเพิ่มเติม

• อย่าลืมใช้ doctype HTML5 () เพื่อให้ HTML ของคุณสามารถตรวจสอบได้
• ดูแอตทริบิวต์ที่มีให้สำหรับองค์ประกอบเพื่อดูว่ามีตัวเลือกอื่นใดที่คุณสามารถเพิ่มลงในองค์ประกอบของคุณได้
• โปรดทราบว่าเราได้สร้าง HTML เพื่อรวมการควบคุมตามค่าเริ่มต้นแล้วและได้ปิดการเล่นอัตโนมัติแล้ว แน่นอนคุณสามารถเปลี่ยนได้ แต่โปรดจำไว้ว่าหลาย ๆ คนพบว่าเสียงเริ่มต้นโดยอัตโนมัติ / ไม่สามารถควบคุมให้น่ารำคาญได้ดีที่สุดและมักจะออกจากหน้าเว็บเมื่อเกิดเหตุการณ์เช่นนี้ขึ้น