Howler.js น่าจะเป็น JavaScript Audio Library ที่ดีที่สุด
เครื่องเล่นเสียงล้าสมัย เป็นสิ่งที่ผ่านมาต้องขอบคุณ เสียง HTML5 ที่ทันสมัย และ การยอมรับอย่างรวดเร็วของการสนับสนุนเบราว์เซอร์. แต่นักออกแบบเว็บไซต์สามารถก้าวไปอีกขั้นด้วย ห้องสมุดเสียงบริสุทธิ์ เช่น Howler.js.
ไลบรารี JS แบบโอเพนซอร์สฟรีนี้ให้คุณได้ เล่นไฟล์เสียงจากรูปแบบมาตรฐาน ฝังตัวกับผู้เล่นที่กำหนดเอง ฮาวเลอร์มาพร้อมกับ API แบบเต็ม, เพื่อให้คุณสามารถสร้าง เครื่องเล่นเสียงที่เรียบง่าย, เพลย์ลิสต์ขนาดใหญ่, หรือ เพลงพื้นหลังวนลูป สำหรับเกม HTML5 ในเบราว์เซอร์.
Howler ถูกสร้างขึ้นครั้งแรกในช่วงต้นปี 2013 และ ผ่านการวนซ้ำหลายครั้ง. ปัจจุบันโครงการ ตั้งอยู่ที่ v2.x ที่มีดาวมากกว่า 7k บน GitHub.
โครงการคือ สร้างโดยสตูดิโอเกม ที่ใช้ Howler ในเกมบนเว็บเพื่อเสียง FX และเพลงประกอบ มันสนับสนุน ประเภทไฟล์และตัวแปลงสัญญาณที่หลากหลาย รวมไปถึง MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC ... ตั้งชื่อไฟล์เสียงและฉันรับประกันว่ารองรับ.
หากคุณต้องการเครื่องเล่นเพลงธรรมดา HTML5 อาจเพียงพอ แต่ Howler มาพร้อมกับคุณสมบัติมากมายที่คุณ ไม่สามารถรับได้ด้วย HTML, เช่น เฟดออก / เข้า กับแต่ละแทร็กหรือ แคชอัตโนมัติ สำหรับไฟล์เพลงเพื่อลดเวลาในการโหลด.
ฮาวเลอร์เป็น ไลบรารี JavaScript ล้วนๆที่ไม่มีการพึ่งพา และมัน รองรับเบราว์เซอร์ที่สำคัญทั้งหมด รวมไปถึง:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- มือถือ Safari 6+
- Opera 12+
- Microsoft Edge (ทุกรุ่น)
เบราว์เซอร์รุ่นเก่า เริ่มต้นกับเครื่องเล่นเสียง HTML5, ดังนั้นจึงมีตัวเลือกทางเลือกที่สมเหตุสมผล.
ทุกอย่างใน Howler.js คือ แบบแยกส่วน, เพื่อให้คุณสามารถเลือกคุณลักษณะที่จะรวมและคุณสมบัติที่จะออก นี้สามารถ ลดคำขอ HTTP อย่างมาก ทำให้ผู้เล่นเสียงใช้งานง่ายขึ้นมาก.
คุณสามารถค้นหา เอกสารเต็มรูปแบบ ใน repit GitHub พร้อมด้วย การสาธิตสด บนเว็บไซต์หลัก.
นี่เป็นห้องสมุดเสียงที่มีเนื้อหาครอบคลุมมากที่สุดบนเว็บ มันรวมถึง เสียงของเกม FX สำหรับเกมเบราว์เซอร์และ ผีสางที่ทำซ้ำได้ ที่สามารถเรียกได้เมื่อใดก็ตามที่ผู้ใช้เลื่อนหรือคลิกบางอย่างบนหน้า.
ด้านล่างคุณสามารถดู เว็บแอปเบสจูน จาก CodePen นั้น แสดงให้เห็นเพียงเล็กน้อย ในสิ่งที่ Howler สามารถทำได้ และถ้าคุณต้องการ เรียนรู้เพิ่มเติม เยี่ยมชม repo Howler GitHub เพื่อ ค้นหาเอกสาร และ ลิงค์ดาวน์โหลด สำหรับเวอร์ชั่นล่าสุด.
