Nút tải xuống âm thanh html5

Có một số cân nhắc dành riêng cho thiết bị mà bạn nên biết khi nhúng âm thanh và video bằng HTML5

Tối ưu hóa cho màn hình nhỏ

Hiện tại, Safari tối ưu hóa bản trình bày video cho màn hình nhỏ hơn trên iPhone hoặc iPod touch bằng cách phát video ở chế độ toàn màn hình—các điều khiển video xuất hiện khi chạm vào màn hình và video được chia tỷ lệ để vừa với màn hình ở chế độ dọc hoặc ngang. Video không được trình bày trong trang web. Thuộc tính

9 và
0 chỉ ảnh hưởng đến không gian được phân bổ trên trang web và thuộc tính 
1 bị bỏ qua. Điều này chỉ đúng với Safari trên thiết bị có màn hình nhỏ. Trên Mac OS X, Windows và iPad, Safari phát video trực tuyến, được nhúng trong trang web

Ghi chú. Trước iOS 4. 0, iPhone và iPod touch không phát âm thanh nội tuyến. Âm thanh được trình bày ở chế độ toàn màn hình. Âm thanh phát nội tuyến trên iOS 4. 0 trở lên, trên tất cả các thiết bị

Người dùng kiểm soát tải xuống qua mạng di động

Trong Safari trên iOS (dành cho tất cả các thiết bị, kể cả iPad), khi người dùng có thể đang sử dụng mạng di động và bị tính phí trên mỗi đơn vị dữ liệu, tính năng tải trước và tự động phát bị tắt. Không có dữ liệu nào được tải cho đến khi người dùng khởi tạo nó. Điều này có nghĩa là các phương thức

2 và 
3 của JavaScript cũng không hoạt động cho đến khi người dùng bắt đầu phát lại, trừ khi phương thức 
2 hoặc 
3 được kích hoạt bởi hành động của người dùng. Nói cách khác, nút Phát do người dùng khởi tạo hoạt động nhưng sự kiện 
6 thì không

cái này đóng phim.

7

Điều này không làm gì trên iOS.

8

Ghi chú. Yêu cầu này áp dụng cho phương tiện được phát bằng thẻ

9, thẻ 
10 và Âm thanh trên web. Để biết thêm thông tin về API âm thanh trên web, hãy đọc chương tiếp theo, Phát âm thanh bằng API âm thanh trên web . 

Chiều cao và chiều rộng mặc định trên iOS

Vì kích thước gốc của video không được xác định cho đến khi siêu dữ liệu phim tải, chiều cao và chiều rộng mặc định là 150 x 300 được phân bổ trên các thiết bị chạy iOS nếu chiều cao hoặc chiều rộng không được chỉ định. Hiện tại, chiều cao và chiều rộng mặc định không thay đổi khi tải phim, vì vậy bạn nên chỉ định chiều cao và chiều rộng ưu tiên để có trải nghiệm người dùng tốt nhất trên iOS, đặc biệt là trên iPad, nơi video phát trong không gian được phân bổ

Trình giữ chỗ video trên iPhone

Trên iPhone và iPod touch, trình giữ chỗ có nút phát được hiển thị cho đến khi người dùng bắt đầu phát lại, như thể hiện trong Hình 2-1 . Trình giữ chỗ trong mờ, do đó nền hoặc bất kỳ hình ảnh áp phích nào hiển thị xuyên qua. Trình giữ chỗ cung cấp một cách để người dùng phát phương tiện. Nếu thiết bị iOS không thể phát phương tiện được chỉ định, có một thanh chéo xuyên qua điều khiển, cho biết thiết bị không thể phát.

Hình 2-1  Trình giữ chỗ video trên iPhone
Nút tải xuống âm thanh html5

Trên máy tính để bàn và iPad, khung hình đầu tiên của video sẽ hiển thị ngay khi có sẵn. Không có trình giữ chỗ.

Điều khiển phát lại phương tiện

Các điều khiển luôn được cung cấp trong quá trình phát lại toàn màn hình trên iPhone và iPod touch và trình giữ chỗ cho phép người dùng bắt đầu phát lại toàn màn hình. Trên máy tính để bàn hoặc iPad, bạn phải bao gồm thuộc tính

1 hoặc cung cấp các điều khiển phát lại bằng JavaScript. Điều đặc biệt quan trọng là cung cấp các điều khiển cho người dùng trên iPad vì tính năng tự động phát bị tắt để ngăn tải xuống di động không mong muốn

Phương tiện được hỗ trợ

Safari trên máy tính để bàn hỗ trợ mọi phương tiện mà phiên bản QuickTime đã cài đặt có thể phát. Điều này bao gồm phương tiện được mã hóa bằng cách sử dụng codec QuickTime không hỗ trợ nguyên bản, miễn là codec được cài đặt trên máy tính của người dùng dưới dạng các thành phần codec QuickTime

Safari trên iOS (bao gồm cả iPad) hiện hỗ trợ âm thanh WAV và AIF không nén, âm thanh MP3 và âm thanh AAC-LC hoặc HE-AAC. HE-AAC là định dạng ưa thích

Safari trên iOS (bao gồm cả iPad) hiện hỗ trợ video MPEG-4 (Cấu hình cơ sở) và phim QuickTime được mã hóa bằng H. 264 (Cấu hình cơ bản) và một trong các loại âm thanh được hỗ trợ

iPad và iPhone 3G trở lên hỗ trợ H. 264 Hồ sơ cơ bản 3. 1. Các phiên bản trước của iPhone hỗ trợ H. 264 Hồ sơ cơ bản 3. 0

Nhiều luồng âm thanh hoặc video đồng thời

Hiện tại, tất cả các thiết bị chạy iOS đều bị giới hạn phát lại một luồng âm thanh hoặc video bất kỳ lúc nào. Phát nhiều video—cạnh nhau, chồng chéo một phần hoặc chồng lấp hoàn toàn—hiện không được hỗ trợ trên thiết bị iOS. Phát nhiều luồng âm thanh đồng thời cũng không được hỗ trợ. Tuy nhiên, bạn có thể tự động thay đổi nguồn âm thanh hoặc video. Xem Thay thế tuần tự nguồn phương tiện để biết chi tiết.

Điều khiển âm lượng trong JavaScript

Trên máy tính để bàn, bạn có thể đặt và đọc thuộc tính

12 của phần tử 
9 hoặc 
10. Điều này cho phép bạn đặt âm lượng của phần tử tương ứng với cài đặt âm lượng hiện tại của máy tính. Giá trị 1 phát âm thanh ở mức bình thường. Giá trị 0 tắt âm thanh. Các giá trị từ 0 đến 1 làm giảm âm thanh

Điều chỉnh âm lượng này có thể hữu ích vì nó cho phép người dùng tắt tiếng trò chơi, chẳng hạn như trong khi vẫn nghe nhạc trên máy tính

Trên thiết bị iOS, mức âm thanh luôn nằm trong tầm kiểm soát vật lý của người dùng. Thuộc tính

12 không thể giải quyết được trong JavaScript. Đọc thuộc tính 
12 luôn trả về 1

Tốc độ phát lại trong JavaScript

You can set the audio or video

17 property to nonzero values to play media in slow motion (values >0 and <1) or fast forward (values >1) in Safari on the desktop. Setting 
17 is not currently supported on iOS.

Thuộc tính vòng lặp

Bạn có thể đặt thuộc tính âm thanh hoặc video

19 trong Safari trên máy tính để bàn và trên iOS 5. 0 trở lên khiến phương tiện lặp lại vô tận. Để lặp lại âm thanh hoặc video theo cách tương thích với các phiên bản iOS cũ hơn, hãy sử dụng JavaScript để cài đặt phương thức 
2 làm trình lắng nghe sự kiện cho sự kiện 
21. Kỹ thuật này được minh họa trong Danh sách 2-1 . 

Liệt kê 2-1  Âm thanh vòng lặp tương thích ngược

3______0
1
2
8
9
0
1
2
9
1
1
3
4
5
6
7
8