Asked Jul 10th, 2020 10:14 a.m. 922 0 1
  • 922 0 1
0

Thay đổi css thẻ audio

Share
  • 922 0 1

Mình muốn thay đổi css mặc định thẻ audio như hình dưới thì phải css thuộc tính gì ạ? Cảm ơn đã giúp đỡ link codepen: https://codepen.io/hieuhumg/pen/LYGrZYL

Avatar Son Dao Thai @dao.thai.son
Jul 10th, 2020 10:17 a.m.
Avatar hieu nguyen @hieuhumg
Jul 10th, 2020 10:30 a.m.

@dao.thai.son minh mới cập nhật link rồi đấy ạ

0
| Reply
Share

1 ANSWERS


Answered Jul 10th, 2020 12:03 p.m.
Accepted
+2

@hieuhumg Nếu dùng thẻ audio đơn thuần như kia thôi thì khó mà có giao diện như bạn mong muốn. Bạn cần build lại một cái audio player khác bằng tạo UI bằng HTML/CSS như bình thường, sau đó gọi các JavaScript API để play/pause... khi click vào các element tương ứng. Với thẻ audio thì tùy vào browser bạn dùng là gì mà UI lại khác nhau nên hầu hết các website như Zing MP3, Nhaccuatui, SoundCloud... đều tự build player riêng.

Hoặc bạn có thể sử dụng những player đã được build sẵn mà vẫn cho phép bạn customize lại giao diện, như vậy sẽ đỡn tốn công hơn là phải build từ đầu. Một số player khá đẹp mà mình tìm được như:

Bạn tham khảo nhé.

Share
Avatar hieu nguyen @hieuhumg
Jul 10th, 2020 4:11 p.m.

cảm ơn bạn nhiều

+1
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.