ต่อจากบทความก่อนหน้านี้ เล่นไฟล์เสียงด้วย HTML5 และ Jquery ตอนที่ 1 คราวนี้เราจะมาใช้ความสามารถของ Jquery เพื่อเล่นเสียงและควบคุมการเปิดปิดเสียง เริ่มต้นเราก็ก็อปปี้ไฟล์ index.html มาเป็นไฟล์ใหม่โดยผมจะตั้งชื่อว่า indexjquery.html เพื่อที่เราจะได้เห็นความแตกต่างระหว่างการใช้ tag html 5 กับ jquery ว่า แตกต่างกันอย่างไร เรามาดูโค้ดกันเลยครับตอนแรกเราก็ต้องทำการสร้าง link 2 ลิงค์ให้มี id เป็น play กับ pause เพื่อจะได้เขียน jquery เพื่อควบคุมการเล่นเสียง ต่อมาเราก็สร้างฟังก์ชั่นสำหรับเล่นไฟล์เสียงโดยใช้ javascript ดึงความสามารถในการเล่นเสียงของ browser ที่รองรับ html 5 นั้นเองหลังจากนั้นก็ให้โหลด event ของ link ทั้งสองเมื่อเริ่มโหลดหน้าเว็บ โค้ดในส่วนแรกของการสร้าง link คือRead More →

หากพูดถึง HTML แล้ว ณ ตอนนี้คงเป็น เวอร์ชั่นที่ 5 แล้วหรือ HTML 5 นั้นเอง ซึ่งใน HTML 5 นี้สามารถเล่นไฟล์เสียงได้แล้วโดยไฟล์เสียงนี้แค่ใช้ tag 1 ใน HTML เท่านั้น เหมือนกับรูปภาพ เหมือน HTML 5 รองรับไฟล์เสียงแล้ว เราก็ใช้ความสามารถของ Jquery เพื่อควบคุมปุ่นในการสั่งให้เล่นแล้วก็หยุดเล่นไฟล์เสียง โดยใน HTML 5 นั้นจะรองรับไฟล์เสียง นามสกุล ogg กับ mp3 ซึ่งถ้าจะหาโปรแกรมแปลงไฟล์เสียงให้เป็น ogg ผมก็แนะนำโปรแกรม Audacity ซึ่งเป็นฟรีแวร์สามารถหา Download กันได้นะครับRead More →