เพิ่มเพลงประกอบให้กับเว็บไซต์ของคุณเพื่อให้ผู้ใช้เพลิดเพลินขณะท่องเว็บ
วิธีการต่าง ๆ ในการฝังเพลงในหน้าเว็บได้กลายเป็นที่นิยมตั้งแต่วันแรกของเวิลด์ไวด์เว็บ โดยเฉพาะอย่างยิ่ง แท็ก "ฝัง" ใน HTML โปรแกรมเล่นเสียงที่ใช้ Java และโปรแกรมเล่นแบบ Flash เป็นตัวเลือกที่เป็นไปได้ทั้งหมดสำหรับการเพิ่ม เพลงประกอบไปยังหน้าเว็บ แต่ไม่มีโซลูชันใดที่ได้รับการยอมรับในระดับสากลหรือเข้ากันได้กับเบราว์เซอร์ทั้งหมดและ แพลตฟอร์ม มาตรฐาน HTML5 ที่ใหม่กว่ามีแท็ก "เสียง" ซึ่งกำหนดไว้โดยเฉพาะสำหรับการเล่นเสียงแบบฝัง
ขั้นตอนที่ 1
เพิ่มโค้ดต่อไปนี้ที่ใดก็ได้ในเนื้อหาของเอกสาร HTML เพื่อฝังไฟล์เพลงและเล่นโดยอัตโนมัติเมื่อผู้เยี่ยมชมเรียกดูเว็บไซต์ของคุณ
วีดีโอประจำวันนี้
เปลี่ยนแอตทริบิวต์ "src" เพื่อให้มีเส้นทางและชื่อไฟล์ของไฟล์เพลงที่คุณต้องการฝัง
ขั้นตอนที่ 2
เพิ่มแอตทริบิวต์ "loop" หากคุณต้องการให้ไฟล์เพลงเล่นซ้ำแล้วซ้ำอีก:
ขั้นตอนที่ 3
ใช้แท็ก "source" หลายแท็กแทนแอตทริบิวต์ "src" ของแท็ก "audio" หากคุณต้องการเสนอตัวเลือกรูปแบบไฟล์ต่างๆ ให้กับเบราว์เซอร์ของผู้ใช้:
ในตัวอย่างนี้ เบราว์เซอร์ของผู้ใช้จะตัดสินใจว่าจะเล่นไฟล์ MP3 หรือไฟล์ OGG เทคนิคนี้มีประโยชน์สำหรับการกำหนดเป้าหมายอุปกรณ์เคลื่อนที่ที่สามารถเล่นรูปแบบเสียงบางรูปแบบเท่านั้น
ขั้นตอนที่ 4
ซ้อนแท็ก "ฝัง" ไว้ในแท็ก "เสียง" เพื่อให้รองรับเบราว์เซอร์รุ่นเก่าที่ไม่รองรับ HTML5 โปรดทราบว่าการใช้แท็ก "ฝัง" นี้เลิกใช้แล้ว (หมายความว่าไม่จำเป็นต้องใช้อีกต่อไป รองรับ) ดังนั้นให้ทดลองเทคนิคนี้เฉพาะในกรณีที่คุณสงสัยว่าผู้ใช้ของคุณจะใช้ Web. ที่ล้าสมัย เบราว์เซอร์ นี่คือตัวอย่าง:
เคล็ดลับ
ลองเพิ่มแอตทริบิวต์ "controls" ลงในแท็ก "audio" เพื่อให้ผู้ใช้สามารถหยุดเพลงและปรับระดับเสียงได้ นอกจากนี้ ให้พิจารณาไม่ใช้แอตทริบิวต์ "เล่นอัตโนมัติ" เว้นแต่จะมีเหตุผลที่ดีสำหรับพฤติกรรมของเบราว์เซอร์นี้ ผู้ใช้หลายคนพบว่าเพลงประกอบที่ฝังไว้ซึ่งเล่นโดยไม่คาดคิดโดยไม่ได้รับอนุญาตซึ่งน่ารำคาญและจะออกจากเว็บไซต์ของคุณทันที
