Làm cách nào để tạo trình phát âm thanh trong HTML?
HTML5 giới thiệu hỗ trợ phương tiện tích hợp sẵn với thẻ 0, giúp dễ dàng nhúng phương tiện trực tiếp vào bất kỳ tài liệu HTML nào với mã hạn chế. Nó đi kèm với các điều khiển trình duyệt tích hợp, nếu bạn chỉ định và phát âm thanh hay và hiệu quả Show Đây thường là giao diện trong trình duyệt của bạn (một số có thể thay đổi) Ví dụBạn có thể thử chạy đoạn mã sau để thêm trình phát âm thanh vào trang web HTML Bản thử trực tiếp HTML audio Tag Trước tiên, hãy phân tích logic của trình phát và những gì chúng tôi triển khai ở đây, đồng thời triển khai chuyển đổi các bản nhạc và chính danh sách phát, đối với việc tạm dừng, thì trong HTML đã có sẵn theo tiêu chuẩn. HTMLLet's start with HTML, there is nothing complicated here, just write the tag < audio> inside the document and add an attribute controls. XHTML
Đây là kết quả.
Hãy chia nhỏ nó, < div> với rãnh âm thanh của lớp, đây là rãnh âm thanh, bên trong nó có một < div> với thời gian của lớp, đây là phần còn lại của thời gian còn lại để . CSSBây giờ hãy chuyển sang CSS, với sự trợ giúp của nó, chúng tôi sẽ chỉ thay đổi bản nhạc, chúng tôi sẽ để các nút theo mặc định, vì chúng được tạo trong trình duyệt.
Đây là kết quả. JavaScriptĐã đến lúc quan trọng nhất, tạo logic cơ bản bằng JavaScript thuần túy, trước tiên chúng ta sẽ lấy tất cả các thành phần từ HTML.
Ở đây chúng ta chỉ lấy các phần tử sẽ làm việc, chúng ta lấy phần tử
Điều thú vị nhất trong mã này là cửa sổ. onload, nó cần thực hiện một số hành động khi tải trang, trong trường hợp của chúng tôi, nó gán giá trị bằng 0 cho biến treck.
Ban đầu, chúng tôi chuyển chỉ mục của bài hát mà chúng tôi cần vào hàm, sau đó chúng tôi thay đổi đường dẫn đến bản nhạc, sử dụng âm thanh. src, chúng ta chỉ định đường dẫn đến bài hát chúng ta cần bằng cách lấy tên bài hát từ danh sách phát.
Đây có lẽ là phần khó nhất của chương trình, khi chúng ta nhấn nút "Play". Tôi nghĩ nó rõ ràng từ các nhận xét, tôi sẽ không giải thích cái gì cái gì. Đây là cách chuyển sang bài hát tiếp theo.
Đó là nơi nó kết thúc, mọi thứ hoạt động tốt và đây là kết quả Phần kết luậnTrong bài viết này, bạn đã biết cách tạo trình phát âm thanh bằng JavaScript và HTML, tôi nghĩ bạn thích nó. JavaScriptSoundPlayerÂm nhạcHtml Bài báo cáo Thưởng thức bài viết này? 3 Chia sẻ emiliabartner Nhà báo Tích lũy được nhiều kinh nghiệm viết bài về xu hướng và triển vọng phát triển của ngành game trên thế giới Tôi thấy mình là một Nhà báo tự do. Bây giờ tôi đang viết về blockchain và tiền điện tử |