Share Tạo chương trình nghe nhạc đơn giản bằng HTML5

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Kể từ khi HTML5 ra đời, việc thiết kế các website đã trở nên dễ dàng hơn, không phải sử dụng nhiều thư viện ngoài cho các tính năng thông dụng. Một trong số đó phải kể đến đó là khả năng nhúng các tập tin âm thanh vào website. Các bạn có thể sử dụng tính năng này của HTML5 để xây dựng website nghe nhạc đơn giản phục vụ nhu cầu cá nhân của các bạn hoặc nếu các bạn đầu tư thêm chút ít kỹ thuật thì hoàn toàn có thể cung cấp dịch vụ nghe nhạc trực tuyến trên website cho tất cả các bạn yêu thích âm nhạc.

HTML5 mặc định có thể hỗ trợ tốt định dạng âm thanh MP3 trên hầu hết các trình duyệt web, bên cạnh đó thì định dạng WAV và OGG cũng được hỗ trợ trên một số trình duyệt web. Vì vậy, tốt nhất các bạn nên sử dụng các bài nhạc có định dạng MP3 sẽ đảm bảo hơn cho việc xây dựng website nghe nhạc của các bạn.

Sau đây, các bạn thử tạo một chương trình nghe nhạc đơn giản bằng HTML5 như sau:
HTML:
<audio controls>
    <source src="path/to/music.mp3" type="audio/mpeg">
</audio>
Các bạn cũng có thể khai báo thuộc tính để nhạc tự động phát ngay khi vào website như sau:
HTML:
<audio controls autoplay>
    <source src="path/to/music.mp3" type="audio/mpeg">
</audio>
Trên đây chỉ là một ví dụ rất đơn giản để xây dựng một chương trình nghe nhạc bằng HTML5, các bạn có thể tham khảo thêm về thẻ <audio> trong HTML5 tại địa chỉ https://www.w3schools.com/html/html5_audio.asp.
 
Back
Top