Tìm hiểu API Phương tiện [Video & Âm thanh] của HTML 5
Chúng ta đã quen với việc sử dụng thẻ video và âm thanh để phát các tập tin phim và nhạc trên web. Tuy nhiên, đó là trình phát với giao diện người dùng mặc định của trình duyệt. Vì vậy, chúng ta có thể tự tạo cho mình một trình phát đa phương tiện html 5 không? . Các nhà phát triển đã cung cấp cho họ một loạt các phương thức để họ có thể làm chủ hoàn toàn các phần tử của người chơi như nút phát, tạm dừng, tắt tiếng, âm lượng, dòng thời gian,….
#Design UI with HTML 5
Trong phần này, mình sẽ hướng dẫn các bạn tạo một phayer cực đơn giản với API của HTML 5. Nhưng trước tiên chúng ta cần phải có ui của một media player cái đã.
Mã.
Your user agent does not support the HTML5 Video element.
Tất nhiên, cái đầu tiên chúng ta cần phải khai báo đó chính là thẻ video cùng với các nguồn video khác nhau. Bây giờ nếu chạy trên trình duyệt thì bạn đã thấy một ô màu đen rồi, nhưng video vẫn chưa hoạt động. Tiếp theo thì chúng ta cần phải thêm các nút cơ bản để điều khiển video như play, pause, fullscreen, timelife, volume,…
Mã.
play
pause
full screen
Current: 0 /