Hộp thoại Truyền sẽ xuất hiện mỗi khi bạn 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 trên web.
Nếu đang phát triển một phương thức triển khai tuỳ chỉnh hoặc xây dựng một ứ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 Ứng dụng tham khảo để biết ví dụ.
Hộp thoại Truyền, chưa kết nối (có receiver)
Bắt buộc (hành vi mặc định của
Android MediaRouter):
A Khi ứng dụng gửi không được kết nối với trình nhận Truyền, thao tá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ị "Truyền tên ứng dụng"
Lưu ý 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 một thiết bị nhậ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 chế độ đ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 một thiết bị nhận đang truyền từ một ứng dụng không truyền, ứng dụng gửi trước đó sẽ ngắt kết nối và ứng dụng gửi mới sẽ kết nối.
Android
Hộp thoại Truyền, chưa kết nối
Truyền màn hình chính
iOS
Hộp thoại Truyền, chưa kết nối
Truyền màn hình chính
Chrome
Hộp thoại Truyền, chưa kết nối
Truyền màn hình chính
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) cho các thiết bị Cast. Màn hình thông tin xen kẽ sẽ hiển thị cho người dùng, giải thích lý do cần có quyền này, theo 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àn hình trợ giúp sẽ xuất hiện để giải thích lý do có thể không dùng được Trình thu web (ví dụ: quyền truy cập mạng cục bộ bị tắt hoặc có vấn đề với mạng Wi-Fi).
Bắt buộc:
A Truyền lần đầu: Sau khi nhấn vào nút Truyền lần đầu,
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ị 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 mạng cục bộ để tăng khả năng người dùng chấp nhận quyền truy cập cục bộ.
B Không có Receiver: Khi nhấn vào nút Truyền,
màn hình trợ giúp sẽ hiển thị giải thích lý do có thể khiến người dùng
không thể khám phá Web Receiver, cùng với các đường liên kết đến phần Cài đặt để khắc phục vấn đề về quyền LNA.
Truyền lần đầu (iOS)
Lần truyền đầu tiên: quyền truy cập vào mạng cục bộ và quyền hiển thị quảng cáo xen kẽ
Không có bộ thu
Không có bộ thu
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 được kết nối với Trình nhận trên web,
thao tá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
với nhãn nút "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 / 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 / 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 "Receiver-Name" (Tên thiết bị nhận) xuất hiện
B Thiết bị nhận hoặc nội dung đang truyền sẽ xuất hiện bên dưới
tiêu đề
C Hộp thoại Truyền hiển thị nút "STOP CASTING" (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 chế độ điều khiển ổn định ngoài các chế độ điều khiển trong hộp thoại Truyền.
Android
Hộp thoại truyền, trong khi truyền
Thiết bị nhận phát nội dung
iOS
Hộp thoại truyền, trong khi truyền
Receiver phát nội dung
Chrome
Hộp thoại truyền, trong khi truyền
Receiver 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 Quỹ Blender, được chia sẻ theo bản quyền hoặc giấy phép Creative Commons.
- Elephant's Dream: (c) bản quyền 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
- Sintel: (c) bản quyền của Blender Foundation | www.sintel.org
- Tears of Steel: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) bản quyền 2008, Blender Foundation / www.bigbuckbunny.org