Hộp thoại Truyền được hiển thị bất cứ khi nào bạn nhấn nút Truyền. Hộp thoại Truyền cho phép người dùng kết nối, kiểm soát và ngắt kết nối khỏi Bộ thu Web.
Nếu đang phát triển triển khai tuỳ chỉnh hoặc tạo ứng dụng cho iOS hoặc Chrome, bạn phải triển khai hộp thoại này theo cách nhất quán để người dùng nhận ra và tin tưởng hộp thoại này hoạt động một cách nhất quán trên nhiều thiết bị, ứng dụng và nền tảng. Tham khảo Ứng dụng tham khảo để xem ví dụ.
Truyền hộp thoại, chưa được kết nối (có bộ thu)
Bắt buộc (hành vi mặc định là
Android MediaRouter):
A Khi ứng dụng của người gửi không được kết nối với bộ thu Cast,
khi nhấn vào nút Truyền, hộp thoại Truyền sẽ xuất hiện
B Tiêu đề hộp thoại Truyền, "Truyền tới" xuất hiện
C Hộp thoại Truyền hiện một danh sách các Bộ thu web hiện có
D Mỗi receiver đang truyền sẽ hiển thị thông báo "Đang 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 bộ thu đ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 quyền kiểm soát nội dung truyền.
- Khi một người dùng khác kết nối với một bộ thu đ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 được kết nối
![Hộp thoại truyền, hình ảnh chưa được kết nối](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-available1_a.png?authuser=3&hl=vi)
Truyền màn hình chính
![Truyền hình ảnh màn hình chính](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=3&hl=vi)
iOS
Hộp thoại truyền, chưa được kết nối
![Hình ảnh hộp thoại truyền chưa được kết nối](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-available1_a.png?authuser=3&hl=vi)
Truyền màn hình chính
![Truyền hình ảnh màn hình chính](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=3&hl=vi)
Chrome
Hộp thoại truyền, chưa được kết nối
![Hình ảnh hộp thoại truyền chưa được kết nối](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-available1_a.jpg?authuser=3&hl=vi)
Truyền màn hình chính
![Truyền hình ảnh màn hình chính](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=3&hl=vi)
Truyền hộp thoại, chưa được kết nối (chỉ iOS)
Đối với iOS, khi truyền lần đầu, người dùng phải đồng ý cho phép truy cập mạng cục bộ (LNA) để Thiết bị truyền. Một màn hình thông tin về quảng cáo xen kẽ xuất hiện cho người dùng giải thích lý do tại sao cần có quyền này, theo sau là quy trình kiểm soát quyền truy cập theo chuẩn LNA của Apple hộp thoại quyền.
Sau khi truyền lần đầu tiên, nếu không tìm thấy thiết bị nào khi nhấn nút Truyền trong khi người dùng đang sử 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 Web receiver có thể không sử dụng được (ví dụ: truy cập mạng cục bộ đã bị tắt hoặc có sự cố 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 tiên
Quảng cáo xen kẽ phải xuất hiện để giải thích cho người dùng lý do tại sao 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 bao gồm thông tin về
lý do cầ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ó bộ thu: Nhấn vào nút Truyền
sẽ hiển thị màn hình trợ giúp giải thích các lý do có thể khiến người dùng
không thể khám phá Bộ thu web, cùng với các liên kết đến Cài đặt để khắc phục sự cố về quyền LNA.
Truyền lần đầu (iOS)
Truyền lần đầu tiên: quyền truy cập mạng cục bộ và quảng cáo xen kẽ
![Quy trình chấp nhận quyền truy cập mạng cục bộ trên Cast](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow1.png?authuser=3&hl=vi)
Không có bộ thu
Không có bộ thu
![Luồng truyền, quyền truy cập mạng cục bộ đã tắt](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/ios14/iOS14-Enable_LNA_flow2-devicesunavail.png?authuser=3&hl=vi)
Truyền hộp thoại, đã kết nối nhưng chưa truyền
Bắt buộc
A Khi ứng dụng của người gửi được kết nối với một Trình nhận trên web,
khi nhấn vào nút Truyền, hộp thoại Truyền sẽ xuất hiện
B Tiêu đề hộp thoại Truyền "Tên người nhận" xuất hiện
C Hộp thoại Truyền hiển thị một nút để dừng truyền
có nhãn nút "DỪNG TRUYỀN" (để biết thêm thông tin về việc ngắt kết nối, hãy xem
Người gửi sẽ ngừng truyền)
Android
Hộp thoại truyền, đã kết nối nhưng chưa truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1_a.png?authuser=3&hl=vi)
Ứng dụng của người nhận đã tải / ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=3&hl=vi)
iOS
Hộp thoại truyền, đã kết nối nhưng chưa truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1_a.png?authuser=3&hl=vi)
Ứng dụng của người nhận đã tải / ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1.png?authuser=3&hl=vi)
Truyền hộp thoại trong khi truyền
Bắt buộc
A Tiêu đề hộp thoại Truyền "Tên người nhận" xuất hiện
B Người nhận hoặc nội dung đang truyền xuất hiện bên dưới
tiêu đề
C Hộp thoại Truyền hiển thị thông báo "DỪNG TRUYỀN" nút dừng
truyền (để biết thêm thông tin, hãy xem
Người gửi sẽ ngừng truyền)
Phương pháp hay nhất
- Để người dùng có trải nghiệm tốt nhất, hãy cung cấp những biện pháp kiểm soát lâu dài ngoài các nút điều khiển trong hộp thoại Truyền.
Android
Truyền hộp thoại trong khi truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-active1_a.png?authuser=3&hl=vi)
Bộ thu đang phát nội dung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=vi)
iOS
Truyền hộp thoại trong khi truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-active1_a.png?authuser=3&hl=vi)
Bộ thu đang phát nội dung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=vi)
Chrome
Truyền hộp thoại trong khi truyền
![Truyền hộp thoại trong khi truyền](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-menu-active1_a.png?authuser=3&hl=vi)
Bộ thu đang phát nội dung
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-playing1.png?authuser=3&hl=vi)
Hình ảnh sử dụng trong hướng dẫn thiết kế này được sự cho phép của Bmate Foundation, được chia sẻ theo bản quyền hoặc giấy phép Creative Commons.
- Voi's Dream: (c) bản quyền 2006, Bmash Foundation / Viện Nghệ thuật Truyền thông Hà Lan / www.elephantsdream.org
- Sintel: (c) bản quyền Bmate Foundation | www.sintel.org
- Tears of Steel: (CC) Binder Foundation | mango.blender.org
- Big Buck Bunny: (c) bản quyền 2008, Bmash Foundation / www.bigbuckbunny.org