Video: Hướng dẫn chèn Flash, Violet vào bài e-learning 2025
Hiệu ứng âm thanh từ lâu đã là một trong những điểm yếu lớn nhất của web như là một nền tảng chơi game HTML. Trình duyệt web có nhiều tính năng âm thanh không nhất quán và rắc rối. May mắn thay, HTML5 giải quyết vấn đề âm thanh (ít nhất ở một mức độ nào đó).
Thư viện simpleGame làm cho việc xây dựng âm thanh mới rất dễ dàng bằng cách thêm một đối tượng Sound. Dưới đây là một chương trình rất đơn giản mà đóng một hiệu ứng âm thanh:
âm thanh. cảnh html var; var ribbit; chức năng init () {scene = new Scene (); owMP3 = new Âm thanh ("ow. mp3"); owOgg = new Âm thanh ("ow. ogg"); bối cảnh. start ();} // end update function () {if (keysDown [K_SPACE]) {owMP3. chơi(); oOgg. play ();} // end if} // end update KHÔNG nhấn phím space bar! !
Hiệu ứng âm thanh dễ quản lý với thư viện SimpleGame:
-
Tạo hiệu ứng âm thanh của bạn.
Các định dạng tốt nhất là mp3 và ogg. Đặt tập tin âm thanh của bạn vào cùng một thư mục với chương trình của bạn.
Để tối đa khả năng tương thích của trình duyệt, hãy tiếp tục Bước 2.
-
Tạo một biến để giữ hiệu ứng âm thanh của bạn.
Giống như mọi nội dung trò chơi, bạn sẽ có một biến chứa âm thanh của mình. Xác định biến bên ngoài bất kỳ hàm nào.
-
Xây dựng một đối tượng Sound để khởi tạo hiệu ứng âm thanh của bạn.
Thư viện SimpleGame có một đối tượng Sound. Tạo một thể hiện của đối tượng này để tạo âm thanh của bạn. Đối tượng yêu cầu một tham số: tên của tệp có chứa hiệu ứng âm thanh của bạn. Thông thường, bạn sẽ làm điều này trong init () của trò chơi của bạn.
-
Phát âm thanh bằng phương thức play ().
Khi bạn đã xác định hiệu ứng âm thanh, bạn có thể phát lại nó một cách dễ dàng bằng phương pháp chơi của đối tượng âm thanh ().
Hiệu ứng âm thanh thêm rất nhiều vào trò chơi của bạn. Nó đã từng khá khó khăn để làm việc với các hiệu ứng âm thanh trong các trang web, nhưng HTML5 có một thẻ mới tuyệt vời mà cuối cùng cung cấp cho trình duyệt truy cập vào các hiệu ứng âm thanh mà không có bên thứ ba plug-in. Đối tượng Sound trong thư viện SimpleGame được dựa trên thẻ HTML5.
Tuyệt vời vì yếu tố âm thanh, có một số vấn đề. Mặc dù tất cả trình duyệt tuân theo chuẩn HTML5 phát các tệp âm thanh nhưng chúng không chơi các loại tệp giống nhau. Định dạng mp3 rất nổi tiếng, nhưng không phải tất cả các trình duyệt đều hỗ trợ nó. Nhiều trình duyệt thích định dạng OGG mới hơn (và mã nguồn mở). Nếu điều này không gây nhầm lẫn, sự hỗ trợ sẽ thay đổi từ phiên bản sang phiên bản của cùng một trình duyệt.
Đề xuất của tôi là sử dụng cả hai định dạng mp3 và Ogg và để cho trình duyệt phát một cái nào đó có thể. Điều đó sẽ giải quyết hầu hết các vấn đề.
Tất nhiên, không dễ tìm thấy hiệu ứng âm thanh giống nhau ở cả hai định dạng. Xem xét sử dụng trình chỉnh sửa âm thanh miễn phí, Audacity.Công cụ này cho phép bạn ghi và chỉnh sửa hiệu ứng âm thanh ở nhiều định dạng. Tùy thuộc vào phiên bản của Audacity bạn nhận được, bạn cũng có thể cần trình cắm thêm LAME. Với những công cụ này, bạn có thể dễ dàng ghi âm hiệu ứng âm thanh của riêng bạn và lưu chúng trong cả Ogg và các định dạng mp3.