ใช้ฟังก์ชัน JavaScript เพื่อให้ผู้เยี่ยมชมเว็บไซต์เล่นไฟล์ MP3
มีหลายวิธีในการฝังและเล่นไฟล์เสียง MP3 บนเว็บเพจของคุณ ตัวอย่างแท็ก "ฝัง" ที่เลิกใช้แล้วใน HTML โปรแกรมเล่น Flash ต่างๆ และโปรแกรมเล่นที่ใช้ Java เป็นตัวอย่างทั้งหมด มาตรฐาน HTML5 โดยเน้นที่การเขียนสคริปต์และขาดการพึ่งพาซอฟต์แวร์ของบริษัทอื่น เป็นวิธีที่เข้ากันได้มากที่สุดในการฝังและเล่น MP3 บนเว็บเพจในอนาคต ฝังไฟล์ MP3 ด้วยออบเจ็กต์ "audio" ของ HTML5 แล้วใช้ฟังก์ชัน JavaScript เพื่อเริ่มเล่น
ขั้นตอนที่ 1
เพิ่มรหัสต่อไปนี้ในเนื้อหาของเอกสาร HTML ของคุณ:
วิดีโอประจำวันนี้
รหัสนี้จะฝังและโหลดไฟล์ MP3 แต่ไม่สามารถเล่นได้ ค่าของแท็ก "src" ประกอบด้วยพาธไปยังและชื่อไฟล์ของไฟล์ MP3
ขั้นตอนที่ 2
เพิ่มโค้ด JavaScript ต่อไปนี้ระหว่างแท็ก "head" ของเอกสาร HTML ของคุณ:
เมื่อเรียกใช้ฟังก์ชันนี้ จะเข้าถึงองค์ประกอบ "เสียง" โดยใช้รหัส ("mp3") และใช้วิธีการเล่น () เพื่อเล่น
ขั้นตอนที่ 3
เพิ่มปุ่มในหน้าเว็บเพื่อเรียกใช้ฟังก์ชัน "playMP3" เมื่อผู้ใช้คลิก เพิ่มรหัสต่อไปนี้ในเนื้อหาของเอกสาร HTML:
เปลี่ยนแอตทริบิวต์ "value" เพื่อให้ปุ่มมีชื่ออื่น
ขั้นตอนที่ 4
ใช้ฟังก์ชันต่อไปนี้แทน "playMP3" เพื่อให้ผู้ใช้หยุดไฟล์ชั่วคราวหลังจากเริ่มใช้งาน:
ฟังก์ชั่น playpauseMP3(){ if (document.getElementById("mp3")).paused){ document.getElementById("mp3").play(); }อื่น{ document.getElementById("mp3")).pause(); } }
เปลี่ยนแอตทริบิวต์ "onClick" ของแท็ก "input" ในขั้นตอนที่ 3 เพื่อให้ตรงกับชื่อของฟังก์ชันนี้
