Categories
Javascript Web Development

เล่นไฟล์เสียงโดยใช้ JavaScript


Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/chonable/domains/chonable.com/public_html/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

พอดีว่าผมได้ทำโปรเจคเป็น Web Application ที่ต้องมีการแจ้งเตือนโดยใช้เสียง ก็ได้ไปค้นหาวิธีการ เล่นไฟล์เสียงโดยใช้ JavaScript เลยเอามาแชร์ครับ

 

 

อันดับแรกใน block คำสั่ง javascript จะเป็นคำสั่งที่ใช้สร้าง Element

 
สองกำหนดค่าตำแหน่งที่อยู่ของไฟล์เสียงนั้น ในกรณีนี้ผมเอาไฟล์เสียงไว้ที่เดียวกับ html ไฟล์นี้

ต่อไปจะเป็นคำสั่งที่ทำให้เล่นไฟล์เสียง เมื่อ Web browser โหลดหน้า HTML เสร็จ

ถ้าจะให้มีปุ่ม play และ ปุ่ม stop ด้วย

function ที่เพิ่มใน block ของ javascript

โอเคเสร็จล่ะมารวมโค้ด

By Mai

ชื่อใหม่ครับ ชอบการพัฒนาเว็บไซต์ ศึกษาหาข้อมูลอยู่เรื่อย มีความรู้หรือเทคนิคอะไรใหม่ๆ ก็จะมาแบ่งปันกันครับ