Câu hỏi tự luận mức độ vận dụng Khoa học máy tính 12 cd bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung

Câu 1: 

Thuộc tính controls trong thẻ <audio> và <video> cho phép hiển thị các điều khiển như nút phát, tạm dừng, âm lượng và thanh tiến trình cho người dùng. Khi thuộc tính này được thêm vào, trình duyệt sẽ tự động tạo ra giao diện người dùng cho phép người xem tương tác với nội dung đa phương tiện. Ví dụ:

<audio controls>

  <source src="audio.mp3" type="audio/mpeg">

  Your browser does not support the audio tag.

</audio>

<video controls>

  <source src="video.mp4" type="video/mp4">

  Your browser does not support the video tag.

</video>

Câu 2: 

Bước 1: Chọn định dạng phù hợp: Sử dụng JPEG cho hình ảnh có nhiều màu sắc và độ chi tiết cao, PNG cho hình ảnh có nền trong suốt, và GIF cho hình ảnh động.

Bước 2: Giảm kích thước file: Sử dụng công cụ nén hình ảnh (như TinyPNG hoặc ImageOptim) để giảm dung lượng mà không làm giảm chất lượng quá nhiều.

Bước 3: Thay đổi kích thước: Đảm bảo hình ảnh có kích thước phù hợp với bố cục trang web, tránh sử dụng hình ảnh lớn hơn cần thiết.

Bước 4: Sử dụng thuộc tính alt: Thêm mô tả cho hình ảnh bằng thuộc tính alt để cải thiện khả năng truy cập và SEO.

Bước 5: Kiểm tra tốc độ tải trang: Sử dụng các công cụ như Google PageSpeed Insights để kiểm tra ảnh hưởng của hình ảnh đến tốc độ tải trang và điều chỉnh nếu cần.

Câu 3: 

Thẻ <source> cho phép bạn chỉ định nhiều định dạng video khác nhau trong thẻ <video>, giúp trình duyệt chọn định dạng mà nó hỗ trợ. Ví dụ:

<video controls>

  <source src="video.mp4" type="video/mp4">

  <source src="video.webm" type="video/webm">

  <source src="video.ogg" type="video/ogg">

  Your browser does not support the video tag.

</video>