Trải nghiệm người dùng với nền tảng Chromecast

Chromecast cho phép các ứng dụng web trên Android, iOS và Chrome "truyền trực tuyến" nội dung — như video, âm thanh và chia sẻ màn hình (phản chiếu) — sang các thiết bị hỗ trợ Cast như:

  • Chromecast
  • TV tích hợp Chromecast (còn được gọi là TV có Chromecast Tích hợp)
  • Loa Chromecast Tích hợp (còn gọi là Loa có Chromecast Tích hợp)
  • Màn hình thông minh (màn hình cảm ứng LCD di động được sử dụng như một máy khách mỏng)
  • Máy tính bảng Android

Trong mô hình tương tác Truyền, điện thoại di động, máy tính bảng hoặc máy tính xách tay là người gửi đóng vai trò là điều khiển từ xa để điều khiển hoạt động phát và TV, màn hình hoặc máy tính bảng được gắn vào đế sạc là trình thu nhận để nhận hướng dẫn từ người gửi và hiển thị nội dung từ kết nối Internet của thiết bị nhận. Tất cả các thao tác của người dùng (nhấn và vuốt) có thể diễn ra trên cả thiết bị gửi hoặc Trình nhận web.

Việc truyền phụ thuộc vào sự phối hợp giữa hai hoặc nhiều màn hình; giao diện người dùng của người gửi và giao diện người dùng của người nhận – cả hai màn hình phải hoạt động cùng nhau. Ví dụ: nếu bạn nhấn nút trên thiết bị di động để tạm dừng nội dung, thì TV sẽ cho biết rằng TV đang tạm dừng, trong khi thiết bị di động sẽ cung cấp nút phát để tiếp tục phát.

Những yếu tố nên cân nhắc

Do các hạn chế về phần cứng và tài nguyên, chúng tôi áp dụng một số hạn chế đối với các ứng dụng có hỗ trợ Chromecast:

  • Thiết bị truyền là thiết bị sử dụng công suất thấp với các giới hạn về bộ nhớ, CPU và GPU, vì vậy, ứng dụng Web receiver phải nhẹ nhất có thể.
  • Đối với các mô hình tương tác tích hợp của Chromecast và Chromecast, bạn có thể tạo thẻ, cửa sổ hoặc cửa sổ bật lên trong cả ứng dụng Trình thu nhận web hoặc ứng dụng gửi, cũng như trực tiếp chấp nhận hoạt động đầu vào của người dùng, chẳng hạn như thao tác nhấn hoặc vuốt. Ví dụ: ứng dụng Web receiver trên máy tính bảng hoặc màn hình được gắn vào đế sạc có thể hiển thị nút tạm dừng và nhận lượt nhấn của người dùng. Theo cách này, tất cả các thao tác trên ứng dụng phải được kích hoạt từ ứng dụng Trình thu nhận web hoặc ứng dụng của người gửi.
  • Màn hình thông minh hỗ trợ hoạt động đầu vào của người dùng thông qua một ứng dụng gửi hoặc bằng cách chạm trên giao diện người dùng.
  • Bộ nhận tín hiệu web là trình duyệt Chrome được tối ưu hoá để phát lại video. Do đó, WebGL và Ứng dụng gốc Chrome (NaCL) hiện không được hỗ trợ và các tiện ích của Chrome cũng không được hỗ trợ.
  • Tính năng Truyền hỗ trợ phát một luồng nội dung nghe nhìn đồng thời duy nhất trong các thẻ <audio><video> hoặc nhiều bản âm thanh bằng WebAudio API. Chỉ một phần tử video có thể hoạt động trong DOM bất cứ lúc nào. Ngoài ra, tính năng kết hợp, thao tác, biến đổi, xoay hoặc thu phóng video không được hỗ trợ.

Nguyên tắc thiết kế chung

Hãy lưu ý những điều sau khi bạn phát triển giao diện người dùng.

Giao diện Bộ thu trên web:

  • Trình thu nhận web có thể có cả phần tử tương tác và phần tử thông tin để mô tả trạng thái của ứng dụng (chẳng hạn như phần tử đang tạm dừng/đang phát) hoặc thông báo lỗi. Hoạt động tương tác của người dùng có thể diễn ra trên thiết bị phát Cast (điện thoại, máy tính bảng hoặc trình duyệt Chrome) hoặc Thiết bị thu trên web (TV, màn hình hoặc máy tính bảng).
  • Hãy nhớ rằng hành động trong video diễn ra ở giữa màn hình TV và các thành phần trên giao diện người dùng không được ảnh hưởng đến bản trình bày. Đặt các thành phần giao diện người dùng vào một phần ba phía dưới của màn hình Trình thu nhận web, chừa ra 10% lề so với các cạnh của màn hình để có thể quét quá mức.
  • Khi có thể, quá trình chuyển đổi từ trạng thái màn hình này sang trạng thái khác phải mượt mà và có cảm giác điện ảnh. Thay vì di chuyển đột ngột từ trạng thái này sang trạng thái khác, hãy sử dụng các hiệu ứng chuyển đổi như rõ dần và mờ dần. Ví dụ: trạng thái tải nội dung sẽ hiển thị trên màn hình và mờ dần trong trải nghiệm phát nội dung đa phương tiện.

Giao diện người gửi:

  • Người gửi hỗ trợ các thao tác của người dùng và Trình nhận web hiển thị thông tin trạng thái. Ví dụ: nếu nội dung bị tạm dừng, thì TV phải cho biết rằng nội dung đó đã tạm dừng, còn thiết bị di động cho biết nội dung đã sẵn sàng bắt đầu phát (ví dụ: cho người dùng thấy nút phát).
  • Tốc độ có ý nghĩa quan trọng. Người dùng cần có thể nhanh chóng tìm thấy nút điều khiển truyền và thấy nội dung bắt đầu phát ngay lập tức trên màn hình lớn. Trong khi nội dung đang tải, hãy cung cấp các chỉ báo tải ảnh động và sử dụng hiệu ứng chuyển đổi để giúp mọi thứ có cảm giác nhanh hơn.

Cách dễ nhất để đảm bảo ứng dụng Truyền của bạn tuân thủ các nguyên tắc này là kiểm tra giao diện người dùng bằng Danh sách kiểm tra thiết kế Truyền và kiểm thử các ứng dụng Truyền của bạn.

Nguyên tắc về thương hiệu

Sau đây là các nguyên tắc về thương hiệu Chromecast dành cho nhà phát triển ứng dụng và tập trung vào các yêu cầu bổ sung mà bạn phải tuân thủ để mô tả ứng dụng dưới dạng văn bản. Đối với nguyên tắc sử dụng thương hiệu đối với thiết bị truyền, vui lòng xem Trung tâm tiếp thị dành cho đối tác. Bạn có thể cho người khác biết rằng ứng dụng của bạn hoạt động với Chromecast Tích hợp bằng cách dùng thuật ngữ "hỗ trợ Chromecast". Tuy nhiên, hãy đảm bảo rằng ứng dụng tuân thủ Điều khoản dịch vụ bổ sung dành cho nhà phát triển SDK truyền và Danh sách kiểm tra thiết kế, đồng thời việc sử dụng thiết bị "có hỗ trợ Chromecast" tuân thủ nguyên tắc sử dụng thương hiệu của chúng tôi.

Tương tự, bạn cũng có thể sử dụng huy hiệu Chromecast, miễn là ứng dụng hoặc thiết bị của bạn tuân thủ các nguyên tắc về huy hiệu của chúng tôi. Google giữ quyền yêu cầu bạn sửa đổi hoặc ngừng sử dụng huy hiệu nếu huy hiệu đó không tuân thủ các nguyên tắc sử dụng thương hiệu.

Sử dụng "Chromecast" trong văn bản

  • Khi mô tả một ứng dụng (không phải sản phẩm phần cứng) là có hỗ trợ Cast, hãy sử dụng cụm từ "hỗ trợ Chromecast". Ví dụ: "Ứng dụng này có hỗ trợ Chromecast".
  • Khi mô tả sản phẩm phần cứng của bên thứ ba tương thích với Cast, hãy sử dụng "TV tích hợp Chromecast", "Loa tích hợp sẵn Chromecast" hoặc chỉ "Chromecast Tích hợp".
  • Khi viết bằng văn bản, bạn phải viết hoa "Chromecast" và viết thường từ "tích hợp".
  • Trong mọi tài sản tiếp thị có sử dụng "Chromecast" trong văn bản hoặc huy hiệu/biểu trưng, bạn phải thêm thuộc tính pháp lý sau đây: Chromecast là một nhãn hiệu của Google LLC.
  • Không đặt Chromecast vào tiêu đề của ứng dụng (chẳng hạn như Ứng dụng Chromecast XYZ).

Thông báo qua ứng dụng hỗ trợ Chromecast

Bạn có thể quảng bá ứng dụng của mình như sau:

  • "XYZ là một ứng dụng có hỗ trợ Chromecast, cho phép bạn truyền trực tuyến nội dung giải trí yêu thích của mình từ thiết bị di động đến TV."
  • "Ứng dụng XYZ hiện đã có trên TV có Chromecast Tích hợp."
  • "Ứng dụng XYZ hiện có sẵn cho tất cả các sản phẩm Chromecast bao gồm Chromecast, Chromecast Audio, TV và loa có Chromecast Tích hợp".
  • "Ứng dụng XYZ hỗ trợ Chromecast, cho phép bạn thưởng thức tất cả các chương trình/phim/nhạc/trò chơi yêu thích của mình trên TV bằng Chromecast Tích hợp."
  • "Ứng dụng XYZ hiện có hỗ trợ Chromecast, cho phép người dùng phát trực tuyến nội dung từ điện thoại đến TV của họ bằng Chromecast Tích hợp."

Huy hiệu Chromecast

Bạn có thể sử dụng huy hiệu "Chromecast" trên trang web, trang thông tin trên cửa hàng ứng dụng, tài liệu tiếp thị và tài liệu quảng bá của mình để cho thấy khả năng tương thích với các thiết bị sử dụng giao thức Cast.

  • Đừng sửa đổi màu sắc, tỷ lệ, khoảng cách hoặc bất kỳ khía cạnh nào khác của hình ảnh huy hiệu.
  • Khi sử dụng cùng biểu trưng cho các công nghệ nguyên liệu khác (ví dụ: Bluetooth, Spotify Connect, AirPlay, v.v.), huy hiệu Chromecast phải có kích thước bằng hoặc lớn hơn.
  • Đừng lấy huy hiệu làm thành phần chính trên trang của bạn.
  • Giữ một khoảng cách giữa huy hiệu với các biểu trưng và biểu tượng khác trên trang của bạn.
  • Khi sử dụng nền trắng, sáng hoặc nền tông màu trung bình, hãy sử dụng huy hiệu màu đen.
  • Khi dùng trên nền đen hoặc tông màu tối, hãy sử dụng huy hiệu màu trắng.
  • Không được sử dụng huy hiệu trên trang chứa hoặc hiển thị nội dung người lớn, quảng bá hoạt động cờ bạc, kích động bạo lực, chứa lời nói hận thù, nội dung liên quan đến việc bán thuốc lá hoặc đồ uống có cồn cho người dưới 21 tuổi, vi phạm các luật hoặc quy định hiện hành khác hoặc nội dung phản cảm khác.

Liên kết huy hiệu

Khi được sử dụng trực tuyến, huy hiệu Chromecast phải liên kết với một trong các trang sau:

  • Danh sách các ứng dụng và sản phẩm hỗ trợ Chromecast của Google, hiện có tại g.co/castapps.
  • Danh sách sản phẩm do bạn xuất bản.
  • Một trang chi tiết sản phẩm cụ thể do bạn xuất bản.
  • Danh sách ứng dụng do bạn xuất bản.
  • Trang chi tiết cụ thể về ứng dụng do bạn phát hành, trên Google Play hoặc trong Apple App Store.

Tải tài sản huy hiệu Chromecast xuống

Gói tải xuống bao gồm các định dạng Đồ hoạ mạng di động (.png), Adobe Illustrator (.ai) và Enapsulated Postscript (.eps).

Xem trước huy hiệu Chromecast

Biểu trưng màu xanh dương và văn bản màu trắng trên nền đen
Biểu trưng màu trắng và văn bản màu trắng trên nền đen
Biểu trưng màu xanh dương và văn bản màu xám trên nền trắng