Hộp thoại Truyền sẽ xuất hiện bất cứ khi nào người dùng nhấn vào nút Truyền. Hộp thoại Truyền cho phép người dùng kết nối, điều khiển và ngắt kết nối với Trình nhận web.
Nếu đang phát triển một cách triển khai tuỳ chỉnh hoặc xây dựng ứng dụng cho iOS hoặc Chrome, bạn phải triển khai hộp thoại này một cách nhất quán để người dùng nhận ra và tin tưởng rằng hộp thoại này hoạt động nhất quán trên các thiết bị, ứng dụng và nền tảng. Hãy tham khảo phần Ứng dụng tham chiếu để xem ví dụ.
Hộp thoại Truyền, chưa kết nối (có trình nhận)
Bắt buộc (hành vi mặc định của
Android MediaRouter):
A Khi ứng dụng gửi chưa kết nối với trình nhận Truyền,
việc nhấn vào nút Truyền sẽ hiển thị hộp thoại Truyền
B Tiêu đề hộp thoại Truyền, "Truyền đến" sẽ xuất hiện
C Hộp thoại Truyền sẽ hiển thị danh sách các Trình nhận web hiện có
D Mỗi trình nhận hiện đang truyền sẽ hiển thị "Đang truyền
tên ứng dụng"
Lưu ý về các trường hợp có nhiều người dùng:
- Khi một người dùng khác kết nối với trình nhận hiện đang truyền từ cùng một ứng dụng và tài khoản, ứng dụng gửi sẽ cung cấp các nút điều khiển cho nội dung truyền.
- Khi một người dùng khác kết nối với trình nhận hiện đang truyền từ một ứng dụng không truyền, ứng dụng gửi trước đó ngắt kết nối và ứng dụng gửi mới kết nối.
Android
Hộp thoại Truyền, chưa kết nối
Màn hình chính của tính năng Truyền
iOS
Hộp thoại Truyền, chưa kết nối
Màn hình chính của tính năng Truyền
Chrome
Hộp thoại Truyền, chưa kết nối
Màn hình chính của tính năng Truyền
Hộp thoại Truyền, chưa kết nối (chỉ dành cho iOS)
Đối với iOS, khi truyền lần đầu tiên, người dùng phải đồng ý cho phép truy cập vào mạng cục bộ (LNA) đối với các thiết bị Truyền. Một màn hình thông tin xen kẽ sẽ xuất hiện để giải thích cho người dùng lý do cần có quyền này, sau đó là hộp thoại quyền LNA tiêu chuẩn của Apple.
Sau lần truyền đầu tiên, nếu không tìm thấy thiết bị nào khi người dùng nhấn vào nút Truyền trong khi đang dùng Wi-Fi, thì một màn hình trợ giúp sẽ xuất hiện để giải thích lý do Trình nhận web có thể không hoạt động (ví dụ: quyền truy cập vào mạng cục bộ bị tắt hoặc mạng Wi-Fi gặp vấn đề).
Bắt buộc:
A Truyền lần đầu tiên: Sau khi nhấn vào nút Truyền
lần đầu tiên,
một Quảng cáo xen kẽ phải xuất hiện để giải thích cho người dùng lý do họ nên cho phép
ứng dụng truy cập vào các thiết bị trong mạng cục bộ. Quảng cáo xen kẽ phải cung cấp thông tin về
lý do cần có quyền truy cập vào mạng cục bộ để tăng khả năng người dùng chấp nhận
quyền truy cập vào mạng cục bộ.
B Không có trình nhận: Khi nhấn vào nút Truyền,
một màn hình trợ giúp sẽ xuất hiện để giải thích các lý do có thể khiến người dùng
không thể phát hiện Trình nhận web, cùng với các đường liên kết đến phần Cài đặt để khắc phục các vấn đề về quyền LNA.
Truyền lần đầu tiên (iOS)
Truyền lần đầu tiên: quảng cáo xen kẽ và quyền truy cập vào mạng cục bộ
Không có trình nhận
Không có trình nhận
Hộp thoại Truyền, đã kết nối nhưng không truyền
Bắt buộc
A Khi ứng dụng gửi kết nối với Trình nhận web,
việc nhấn vào nút Truyền sẽ hiển thị hộp thoại Truyền
B Tiêu đề hộp thoại Truyền "Tên trình nhận" sẽ xuất hiện
C Hộp thoại Truyền sẽ hiển thị một nút để dừng truyền
có nhãn "DỪNG TRUYỀN" (để biết thêm thông tin về cách ngắt kết nối, hãy xem phần
Trình gửi dừng truyền)
Android
Hộp thoại Truyền, đã kết nối nhưng không truyền
Ứng dụng trình nhận đã tải / ở trạng thái rảnh
iOS
Hộp thoại Truyền, đã kết nối nhưng không truyền
Ứng dụng trình nhận đã tải / ở trạng thái rảnh
Hộp thoại Truyền, trong khi truyền
Bắt buộc
A Tiêu đề hộp thoại Truyền "Tên trình nhận" sẽ xuất hiện
B Trình nhận hoặc nội dung hiện đang truyền sẽ xuất hiện bên dưới
tiêu đề
C Hộp thoại Truyền sẽ hiển thị nút "DỪNG TRUYỀN" để dừng
truyền (để biết thêm thông tin, hãy xem phần
Trình gửi dừng truyền)
Phương pháp hay nhất
- Để mang lại trải nghiệm tốt nhất cho người dùng, hãy cung cấp các nút điều khiển liên tục ngoài các nút điều khiển trong hộp thoại Truyền.
Android
Hộp thoại Truyền, trong khi truyền
Trình nhận đang phát nội dung
iOS
Hộp thoại Truyền, trong khi truyền
Trình nhận đang phát nội dung
Chrome
Hộp thoại Truyền, trong khi truyền
Trình nhận đang phát nội dung
Hình ảnh được sử dụng trong hướng dẫn thiết kế này là của Blender Foundation, được chia sẻ theo bản quyền hoặc giấy phép Creative Commons.
- Elephant's Dream: (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) copyright Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org