Bạn có thể phát âm thanh bằng JavaScript không?

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");

7

const 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");

8

const audio = new Audio("freejazz.wav");

0

Bạ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");

6

Bạn cũng có thể lặp âm thanh với thuộc tính

const audio = new Audio("freejazz.wav");

04

const audio = new Audio("freejazz.wav");

8

Phươ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");

9

Sau đó, đí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 dac

const audio = new Audio("freejazz.wav");

2

Cuối cùng, phát âm thanh

const audio = new Audio("freejazz.wav");

0

Mặ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 thanh

const audio = new Audio("freejazz.wav");

9

Bâ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ôi

const audio = new Audio("freejazz.wav");

4

Bâ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");

0

Tả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. "

Làm cách nào để nhập âm thanh trong JavaScript?

Làm cách nào để phát JavaScript tải âm thanh?

Làm cách nào để phát tệp mp3 trong JavaScript?