Howler.js có lẽ là Thư viện âm thanh JavaScript tốt nhất xung quanh
Máy nghe nhạc lỗi thời là một điều của quá khứ nhờ âm thanh HTML5 hiện đại và áp dụng nhanh chóng hỗ trợ trình duyệt. Nhưng các nhà thiết kế web có thể tiến thêm một bước với thư viện âm thanh thuần túy nhu la Howler.js.
Thư viện JS mã nguồn mở miễn phí này cho phép bạn phát tệp âm thanh từ các định dạng tiêu chuẩn được nhúng với người chơi tùy chỉnh. Howler đi kèm với một API đầy đủ, để bạn có thể xây dựng một máy nghe nhạc đơn giản, một danh sách nhạc lớn, hoặc là nhạc nền cho trò chơi HTML5 trên trình duyệt.
Howler lần đầu tiên được tạo lại vào đầu năm 2013 và đã trải qua nhiều lần lặp lại. Hiện tại, dự án ngồi tại v2.x với hơn 7k sao trên GitHub.
Dự án là được tạo bởi một studio trò chơi sử dụng Howler trong các trò chơi web của họ cho âm thanh FX và nhạc nền. Nó hỗ trợ một nhiều loại tập tin và codec kể cả MP3, OGG, WAV, AAC, CAF, M4A, MP4, WEBA, FLAC Đặt tên cho một tệp âm thanh và tôi đảm bảo rằng nó được hỗ trợ.
Nếu bạn chỉ muốn một trình phát âm thanh đơn giản thì HTML5 có thể là đủ. Nhưng Howler đi kèm với nhiều tính năng bạn không thể nhận được bằng HTML, nhu la mờ dần / ra với mỗi bản nhạc, hoặc bộ nhớ đệm tự động để tập tin nhạc giảm thời gian tải.
Howler là một thư viện JavaScript thuần túy không có phụ thuộc và nó hỗ trợ tất cả các trình duyệt chính kể cả:
- Chrome 7+
- Internet Explorer 9+
- Firefox 4+
- Safari di động 6+
- Opera 12+
- Microsoft Edge (tất cả các phiên bản)
Các trình duyệt cũ hơn mặc định cho trình phát âm thanh HTML5, vì vậy nó có các tùy chọn dự phòng hợp lý.
Mọi thứ trong Howler.js là mô-đun, vì vậy bạn có thể chọn những tính năng cần bao gồm và những tính năng cần loại bỏ. Cái này có thể giảm đáng kể các yêu cầu HTTP làm cho trình phát âm thanh dễ sử dụng hơn nhiều.
Bạn có thể tìm thấy tài liệu đầy đủ trong repo GitHub cùng với bản demo sống trên trang web chính.
Đây là thư viện âm thanh rộng lớn nhất trên web. Nó bao gồm trò chơi âm thanh FX cho các trò chơi trình duyệt và lặp đi lặp lại có thể được gọi bất cứ khi nào người dùng di chuyển hoặc nhấp vào cái gì đó trên trang.
Dưới đây, bạn có thể thấy một ứng dụng web điều chỉnh bass từ CodePen đó thể hiện một phần nhỏ về những gì Howler có thể làm. Và, nếu bạn muốn tìm hiểu thêm ghé thăm repo Howler GitHub để tìm tài liệu và liên kết tải xuống cho phiên bản mới nhất.
