Trình thu nhận phát nội dung và phản ánh trạng thái nội dung cho người dùng. Người nhận phải phản hồi ngay lập tức với các tác vụ trong ứng dụng của người gửi . Ví dụ: Khi nội dung bị tạm dừng trên trình nhận, nội dung sẽ hiển thị biểu tượng tạm dừng. Khi người dùng nhấn vào phát trên ứng dụng của người gửi, trình nhận sẽ bắt đầu phát nội dung và xoá biểu tượng tạm dừng.
Ví dụ về phản hồi trên giao diện người dùng của trình nhận:
- Đang phát
- Bị tạm dừng
- Vị trí phát / di chuyển
- Đang lưu vào bộ đệm
Giao diện người dùng của người nhận
Bắt buộc
A Đặt hầu hết các thành phần trên giao diện người dùng vào phần 1/4 phía dưới màn hình và giữ cho các thành phần này nhất quán với trải nghiệm người dùng khác.
B Không trình bày các phần tử dưới dạng chế độ điều khiển tương tác. Ví dụ: không tạo lại giao diện người dùng của người gửi trên giao diện người nhận.
Các phương pháp hay nhất
- Sử dụng hiệu ứng chuyển đổi (làm mờ), độ trong suốt và sắc thái để làm mềm hiệu ứng hình ảnh.
- Cân nhắc đến thực tế là người dùng muốn xem nhiều nội dung nhất có thể. Người dùng thường tạm dừng nội dung để kiểm tra nội dung đó, vì vậy, hãy làm mờ giao diện người dùng không cần thiết khi có thể.
Android
Giao diện người dùng của người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-persistent-control2.png?authuser=9&hl=vi)
Giao diện người dùng của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-elements1_a.png?authuser=9&hl=vi)
iOS
Giao diện người dùng của người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-persistent-control2.png?authuser=9&hl=vi)
Giao diện người dùng của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-elements1_a.png?authuser=9&hl=vi)
Chrome
Giao diện người dùng của người gửi
![Giao diện người dùng của người gửi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-persistent-control2.png?authuser=9&hl=vi)
Giao diện người dùng của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-elements1_a.png?authuser=9&hl=vi)
Ứng dụng của người nhận chuyển sang trạng thái rảnh
Màn hình ở trạng thái rảnh sẽ hiển thị trên trình thu nhận khi trình thu nhận kết nối với máy gửi nhưng không truyền nội dung.
Bắt buộc
A Xác định ứng dụng nhận nào được tải
Các phương pháp hay nhất
- Sử dụng màn hình chờ để quảng cáo nội dung hoặc tính năng từ ứng dụng của người gửi.
- Thay đổi nội dung sau mỗi 30 đến 60 giây để hiển thị nhiều hơn và ngăn chặn hiện tượng lưu ảnh trên màn hình.
- Ngắt kết nối khỏi ứng dụng nhận và ngừng chạy ứng dụng nếu ứng dụng ở trạng thái rảnh trong 5 phút. Khi dừng lại, màn hình chính của bộ thu sẽ xuất hiện và giúp tránh hiện tượng ghi màn hình.
Android
Hộp thoại truyền, đã kết nối nhưng không truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-menu-connected1.png?authuser=9&hl=vi)
Ứng dụng bộ thu đã tải / ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1_a.png?authuser=9&hl=vi)
iOS
Hộp thoại truyền, đã kết nối nhưng không truyền
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-menu-connected1.png?authuser=9&hl=vi)
Ứng dụng bộ thu đã tải / ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-idle1_a.png?authuser=9&hl=vi)
Đang tải ứng dụng của người nhận
Khi người dùng kết nối với bộ thu, trước tiên, ứng dụng nhận phải tải trước khi có thể hiển thị trạng thái rảnh của ứng dụng hoặc bắt đầu phát nội dung.
Bắt buộc
A Xác định ứng dụng nhận đang tải bằng cách hiển thị biểu trưng ứng dụng
B Xác định rằng ứng dụng nhận đang tải bằng cách hiển thị vòng quay tải ảnh động
Android
Đang kết nối người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states4.png?authuser=9&hl=vi)
Đang tải ứng dụng bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1_a.gif?authuser=9&hl=vi)
iOS
Đang kết nối người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4.png?authuser=9&hl=vi)
Đang tải ứng dụng bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1_a.gif?authuser=9&hl=vi)
Chrome
Đang kết nối người gửi
![Đang kết nối người gửi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4.png?authuser=9&hl=vi)
Đang tải ứng dụng bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-player-loading1_a.gif?authuser=9&hl=vi)
Đang tải nội dung người nhận
Sau khi ứng dụng receiver tải xong, nội dung có thể bắt đầu truyền trực tuyến đến receiver.
Bắt buộc
A Xác định nội dung đang được tải bằng cách hiển thị tiêu đề nội dung hoặc hình minh hoạ
B Xác định nội dung đang tải bằng cách hiển thị một vòng quay tải ảnh động
Các phương pháp hay nhất
Khi tiếp tục phát nội dung đã tạm dừng, hãy tua lại từ 5 đến 10 giây để người xem không bỏ lỡ bất kỳ nội dung nào
trong quá trình chuyển đổi từ người gửi sang người nhận.
Android
Đang tải nội dung người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-elements1.gif?authuser=9&hl=vi)
Đang tải nội dung bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1_a.gif?authuser=9&hl=vi)
iOS
Đang tải nội dung người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-elements1.gif?authuser=9&hl=vi)
Đang tải nội dung bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1_a.gif?authuser=9&hl=vi)
Chrome
Đang tải nội dung người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-elements1.gif?authuser=9&hl=vi)
Đang tải nội dung bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-content-loading1_a.gif?authuser=9&hl=vi)
Phát bằng máy thu
Bắt buộc
A Xác định nội dung đang phát khi nội dung bắt đầu
B Xác định vị trí phát khi vị trí được điều chỉnh
C Xác định rằng bộ thu đang tìm kiếm nội dung khi vị trí phát thay đổi, nhưng chưa phát
Android
Người gửi điều chỉnh vị trí phát
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-elements3.gif?authuser=9&hl=vi)
Đang tìm kiếm nội dung của bộ nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=9&hl=vi)
iOS
Người gửi điều chỉnh vị trí phát
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-elements3.gif?authuser=9&hl=vi)
Đang tìm kiếm nội dung của bộ nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=9&hl=vi)
Chrome
Người gửi điều chỉnh vị trí phát
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-elements3.gif?authuser=9&hl=vi)
Đang tìm kiếm nội dung của bộ nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-seek1_a.gif?authuser=9&hl=vi)
Người nhận đã tạm dừng
Bắt buộc
A Xác định nội dung đang tạm dừng bằng cách hiển thị biểu tượng đã tạm dừng và vị trí phát
B Xác định nội dung nào bị tạm dừng bằng cách hiển thị tiêu đề hoặc hình minh hoạ nội dung
C Xác định ứng dụng nhận được tải bằng cách hiển thị biểu trưng ứng dụng
Các phương pháp hay nhất
- Người dùng thường sẽ tạm dừng nội dung để kiểm tra, vì vậy, hãy làm mờ giao diện người dùng không cần thiết khi bị tạm dừng trong vài giây bằng cách hiển thị biểu tượng tạm dừng.
- Ứng dụng nhận không được tiếp tục phát nội dung trừ phi có yêu cầu rõ ràng từ người dùng để bắt đầu phát, chẳng hạn như tiếp tục hoặc bỏ qua một mục trong hàng đợi.
- Ngắt kết nối khỏi ứng dụng nhận và ngừng chạy ứng dụng nếu ứng dụng ở trạng thái rảnh trong 20 phút. Khi dừng lại, màn hình chính của bộ thu sẽ xuất hiện và giúp tránh hiện tượng ghi màn hình. Lưu trữ vị trí đã tạm dừng để người dùng có thể tiếp tục phát từ thời điểm đó vào lúc khác.
Android
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-persistent-control2.png?authuser=9&hl=vi)
Đã tạm dừng nội dung của người nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause1_a.png?authuser=9&hl=vi)
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-persistent-control2.png?authuser=9&hl=vi)
Bộ thu đã tạm dừng sau 5 giây
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause2.png?authuser=9&hl=vi)
iOS
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-persistent-control2.png?authuser=9&hl=vi)
Đã tạm dừng nội dung của người nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause1_a.png?authuser=9&hl=vi)
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-persistent-control2.png?authuser=9&hl=vi)
Bộ thu đã tạm dừng sau 5 giây
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause2.png?authuser=9&hl=vi)
Chrome
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-persistent-control2.jpg?authuser=9&hl=vi)
Đã tạm dừng nội dung của người nhận
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause1_a.png?authuser=9&hl=vi)
Đã tạm dừng người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-persistent-control2.jpg?authuser=9&hl=vi)
Bộ thu đã tạm dừng sau 5 giây
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-pause2.png?authuser=9&hl=vi)
Tải vào bộ đệm của bộ thu
Lưu vào bộ đệm trên bộ thu xảy ra khi độ trễ mạng hoặc các yếu tố khác làm chậm trễ việc phát.
Bắt buộc
A Xác định rằng trình thu nhận đang lưu vào bộ đệm sau một vài giây bằng cách hiển thị vòng quay lưu vào bộ đệm. Việc chờ vài giây cho biết hiện tượng tải vào bộ đệm sẽ ngăn vòng quay vào bộ đệm xuất hiện quá thường xuyên trong điều kiện mạng xấu
Các phương pháp hay nhất
Xác định nội dung nào đang tải vào bộ đệm nếu tiếp tục lưu vào bộ đệm sau 5 giây.
Android
Người gửi cho biết người nhận đang tải vào bộ đệm
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-control-elements3.gif?authuser=9&hl=vi)
Lưu nội dung vào bộ đệm của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=9&hl=vi)
iOS
Người gửi cho biết người nhận đang tải vào bộ đệm
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-control-elements3.gif?authuser=9&hl=vi)
Lưu nội dung vào bộ đệm của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=9&hl=vi)
Chrome
Người gửi cho biết người nhận đang tải vào bộ đệm
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-control-elements3.gif?authuser=9&hl=vi)
Lưu nội dung vào bộ đệm của bộ thu
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-buffer1_a.gif?authuser=9&hl=vi)
Người nhận dừng truyền
Khi quá trình phát bị dừng hoặc hết thời gian, giao diện người nhận sẽ quảng bá nội dung hoặc tính năng khác có trong ứng dụng của người gửi.
Bắt buộc
A Xác định ứng dụng nhận nào được tải hoặc đang ở trạng thái rảnh bằng cách
hiển thị biểu trưng của ứng dụng
Các phương pháp hay nhất
- Sử dụng màn hình ở trạng thái rảnh sau khi phát để đề xuất nội dung hoặc tính năng từ ứng dụng của người gửi, dựa trên nội dung vừa truyền
- Thay đổi nội dung trên màn hình ở trạng thái rảnh 30 đến 60 giây một lần để tránh hiện tượng lưu ảnh trên màn hình
- Ngắt kết nối khỏi ứng dụng nhận và ngừng chạy ứng dụng nếu ứng dụng ở trạng thái rảnh trong 5 phút. Khi dừng lại, màn hình chính của bộ thu sẽ xuất hiện và giúp tránh hiện tượng ghi màn hình.
Android
Ứng dụng gửi ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states4.png?authuser=9&hl=vi)
Ứng dụng bộ thu ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-complete1_a.png?authuser=9&hl=vi)
Đã ngắt kết nối người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/a/sender-cast-icon-states2.png?authuser=9&hl=vi)
Truyền màn hình chính
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=9&hl=vi)
iOS
Ứng dụng gửi ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states4.png?authuser=9&hl=vi)
Ứng dụng bộ thu ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-complete1_a.png?authuser=9&hl=vi)
Đã ngắt kết nối người gửi
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/i/sender-cast-icon-states2.png?authuser=9&hl=vi)
Truyền màn hình chính
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=9&hl=vi)
Chrome
Ứng dụng gửi ở trạng thái rảnh
![Ứng dụng gửi ở trạng thái rảnh](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states4.png?authuser=9&hl=vi)
Ứng dụng bộ thu ở trạng thái rảnh
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-ui-complete1_a.png?authuser=9&hl=vi)
Đã ngắt kết nối người gửi
![Đã ngắt kết nối người gửi](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/w/sender-cast-icon-states2.png?authuser=9&hl=vi)
Truyền màn hình chính
![](https://developers-dot-devsite-v2-prod.appspot.com/static/cast/images/r/receiver-home2.png?authuser=9&hl=vi)
Những hình ảnh dùng trong hướng dẫn thiết kế này là do Butter Foundation, được chia sẻ theo bản quyền hoặc giấy phép Creative Commons.
- Giấc mơ của voi: (c) bản quyền 2006, Tổ chức Blender / Viện nghệ thuật Truyền thông Hà Lan/ www.elephantsdream.org
- Sintel: (c) bản quyền Blender Foundation | www.sintel.org
- Nước mắt thép: (CC) Blender Foundation | mango.bfragment.org
- Big Buck Bunny: (c) bản quyền 2008, Blender Foundation / www.bigbuckbunny.org