Cách dễ nhất để tải và phát tệp âm thanh thực sự không yêu cầu bất kỳ JavaScript nào. HTML bao gồm thẻ
const audio = new Audio["freejazz.wav"];
1, thẻ này có thuộc tính const audio = new Audio["freejazz.wav"];
2 mà bạn có thể đặt để tải bất kỳ tệp âm thanh nào bạn muốn. [Lưu ý rằng một số trình duyệt nhất định chỉ có thể phát một số loại tệp nhất định; bạn có thể tìm thấy bảng tương thích tại trang web Mozilla Developer Network. ] Thẻ const audio = new Audio["freejazz.wav"];
1 chứa một số thuộc tính hữu ích khác, như const audio = new Audio["freejazz.wav"];
4, const audio = new Audio["freejazz.wav"];
5 và const audio = new Audio["freejazz.wav"];
6
Phương pháp 2. JavaScript
Bạn cũng có thể tải tệp âm thanh bằng JavaScript, với
const audio = new Audio["freejazz.wav"];
7const audio = new Audio["freejazz.wav"];
Sau đó, bạn có thể phát lại âm thanh bằng phương pháp
const audio = new Audio["freejazz.wav"];
8const audio = new Audio["freejazz.wav"];
0Bạn có thể thay đổi tốc độ phát lại tệp âm thanh bằng thuộc tính
const audio = new Audio["freejazz.wav"];
9. Tốc độ const audio = new Audio["freejazz.wav"];
00 là tốc độ bình thường; const audio = new Audio["freejazz.wav"];
6Bạn cũng có thể lặp âm thanh với thuộc tính
const audio = new Audio["freejazz.wav"];
04const audio = new Audio["freejazz.wav"];
8Phương pháp 3. Web Audio API [đồng bộ]
Mặc dù việc phát tệp âm thanh bằng Web Audio API phức tạp hơn một chút để thiết lập, nhưng cuối cùng nó sẽ giúp bạn linh hoạt hơn nhiều đối với âm thanh. Bắt đầu bằng cách tạo ngữ cảnh và tệp âm thanh
const audio = new Audio["freejazz.wav"];
9Sau đó, đính kèm tệp âm thanh vào một
const audio = new Audio["freejazz.wav"];
05 và const audio = new Audio["freejazz.wav"];
05 đó vào dacconst audio = new Audio["freejazz.wav"];
2Cuối cùng, phát âm thanh
const audio = new Audio["freejazz.wav"];
0Mặc dù trong ví dụ này, chúng tôi đang kết nối trực tiếp
const audio = new Audio["freejazz.wav"];
07 với dac, nhưng ưu điểm của phương pháp này là chúng tôi có thể đặt const audio = new Audio["freejazz.wav"];
08 trung gian ở giữa chuỗi tín hiệu. Điều này có thể cho phép chúng tôi kiểm soát âm lượng, xoay, hồi âm, độ trễ, v.v.Phương pháp 4. Web Audio API [không đồng bộ]
Phương pháp trước tải tệp âm thanh của bạn tại thời điểm bạn tải trang web. Mặc dù phương pháp này sẽ đủ khi tải một số tệp âm thanh, nhưng nó sẽ làm chậm đáng kể máy tính của bạn nếu bạn muốn tải cả đống tệp âm thanh. Vì vậy, thay vì tải tất cả các tệp âm thanh của chúng tôi cùng một lúc, thay vào đó, chúng tôi có thể tải từng tệp âm thanh một cách không đồng bộ, nghĩa là chúng tôi sẽ chỉ lấy tệp đó từ máy chủ khi chúng tôi yêu cầu rõ ràng
Trong JavaScript, bạn có thể thực hiện các yêu cầu không đồng bộ tới máy chủ bằng
const audio = new Audio["freejazz.wav"];
09. Thường thì bạn sẽ nghe thấy chức năng này được mô tả là AJAX, viết tắt của "JavaScript và XML không đồng bộ". Chúng tôi muốn xây dựng một yêu cầu const audio = new Audio["freejazz.wav"];
60, đơn giản là sao chép dữ liệu từ máy chủHãy bắt đầu bằng cách thiết lập
const audio = new Audio["freejazz.wav"];
61 của chúng tôi, cũng như biến cấp cao nhất để giữ dữ liệu trong tệp âm thanhconst audio = new Audio["freejazz.wav"];
9Bây giờ, hãy thực hiện yêu cầu
const audio = new Audio["freejazz.wav"];
60. const audio = new Audio["freejazz.wav"];
63 cho chương trình biết rằng chúng tôi đang tải tệp âm thanh. Hàm const audio = new Audio["freejazz.wav"];
64 là hàm gọi lại chạy sau khi tệp đã được lấy từ máy chủ. Ở đây, chúng tôi chỉ đơn giản là lấy tệp âm thanh thô và lưu trữ tệp đó trong const audio = new Audio["freejazz.wav"];
05 của chúng tôiconst audio = new Audio["freejazz.wav"];
4Bây giờ, chúng tôi có thể phát tệp âm thanh bằng cách tạo một
const audio = new Audio["freejazz.wav"];
05, gắn bộ đệm của chúng tôi vào nó, kết nối nó với dac và phát nóconst audio = new Audio["freejazz.wav"];
0Tải xuống
Tải xuống các tệp được sử dụng trong các ví dụ trên bằng cách nhấp chuột phải vào liên kết, sau đó chọn "Lưu liên kết dưới dạng. "