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

Google Cast cho phép các ứng dụng web 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)) đến các thiết bị hỗ trợ Cast như:

  • Google Chromecast
  • TV hoạt động với Google Cast
  • Loa hoạt động với Google Cast
  • Màn hình thông minh (màn hình LCD cảm ứng cầm tay dùng làm máy khách mỏng)
  • Máy tính bảng Android

Trong mô hình tương tác với Google Cast, điện thoại di động, máy tính bảng hoặc máy tính xách tay là trình gửi đóng vai trò là điều khiển từ xa để điều khiển quá trình phát còn TV, màn hình hoặc máy tính bảng được gắn vào đế là receiver 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 người nhận. Tất 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ị của người gửi hoặc Trình nhận web.

Tính năng truyền dựa trên việc điều phối giữa hai hoặc nhiều màn hình; giao diện người dùng của trình gửi và giao diện người dùng của trình nhận — các giao diện này phải hoạt động cùng nhau. Ví dụ: nếu bạn nhấn một nút trên thiết bị di động để tạm dừng nội dung, thì TV sẽ cho biết rằng nội dung đó bị 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 những hạn chế về phần cứng và tài nguyên, có một số hạn chế nhất định đối với các ứng dụng hỗ trợ Google Cast:

  • Thiết bị truyền là thiết bị tiết kiệm pin có các hạn chế về bộ nhớ, CPU và GPU, vì vậy, ứng dụng Trình nhận web phải nhẹ nhất có thể.
  • Đối với các mô hình tương tác của Cast và Google Cast, bạn có thể tạo thẻ, cửa sổ hoặc cửa sổ bật lên trong cả ứng dụng Web receiver 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ư nhấn hoặc vuốt. Ví dụ: ứng dụng Web Receiver trên màn hình hoặc máy tính bảng được kết nối có thể hiển thị nút tạm dừng và nhận thao tác nhấn của người dùng. Bằng cách này, tất cả thao tác trên ứng dụng phải được kích hoạt từ ứng dụng Trình nhận hoặc Trình gửi web.
  • Màn hình thông minh hỗ trợ hoạt động nhập của người dùng thông qua ứng dụng gửi hoặc thông qua thao tác chạm trên giao diện người dùng.
  • Web Receiver là một trình duyệt Chrome được tối ưu hoá để phát video. Do đó, WebGL và Ứng dụng gốc của 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 trong thẻ <audio><video> hoặc nhiều kênh âm thanh bằng cách sử dụng API WebAudio. 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ế tổng thể

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 Web Receiver:

  • Web receiver có thể có cả phần tử tương tác và phần tử thông tin để mô tả trạng thái ứng dụng, chẳng hạn như đang tạm dừng hoặc đ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 Trình truyền Cast (điện thoại, máy tính bảng hoặc trình duyệt Chrome) hoặc Trình thu web (TV, màn hình hoặc máy tính bảng).
  • Hãy nhớ rằng hành động trong video đang 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 cản trở nội dung trình bày. Đặt các thành phần giao diện người dùng trong phần ba dưới cùng của màn hình Web Receiver, để lại lề 10% từ các cạnh màn hình để có thể quét quá.
  • Nếu có thể, quá trình chuyển đổi từ trạng thái màn hình này sang trạng thái màn hình khác phải diễn ra suôn sẻ và mang lại cảm giác điện ảnh. Thay vì chuyển đổi độ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à rõ dần. Ví dụ: trạng thái tải nội dung vẫn hiển thị trên màn hình và mờ dần trong trải nghiệm phát nội dung nghe nhì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 trê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 sẽ cho biết rằng nội dung đó bị tạm dừng, trong khi thiết bị di động cho biết nội dung đã sẵn sàng phát (ví dụ: hiển thị cho người dùng nút phát).
  • Tốc độ có ý nghĩa quan trọng. Người dùng cần có thể nhanh chóng xác định vị trí của nút điều khiển truyền và thấy nội dung bắt đầu phát ngay trên màn hình lớn. Trong khi nội dung đang tải, hãy cung cấp chỉ báo tải dạng ảnh động và sử dụng hiệu ứng chuyển đổi để giúp mọi thứ diễn ra nhanh hơn.

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

Nguyên tắc sử dụng thương hiệu

Các nguyên tắc sử dụng thương hiệu Google Cast sau đây là dành cho các nhà phát triển ứng dụng. 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 của mình bằng văn bản. Để biết nguyên tắc sử dụng thương hiệu cho thiết bị Cast, hãy xem Partner Marketing Hub. 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 Google Cast bằng cách sử dụng cụm từ "Hỗ trợ Google Cast". Tuy nhiên, hãy đảm bảo ứng dụng của bạn tuân thủ Điều khoản dịch vụ bổ sung dành cho nhà phát triển về SDKDanh sách kiểm tra thiết kế, cũng như việc bạn sử dụng "Hỗ trợ Google Cast" tuân thủ các nguyên tắc sử dụng thương hiệu của chúng tôi.

Tương tự, bạn có thể sử dụng huy hiệu Google Cast miễn là ứng dụng hoặc thiết bị của bạn tuân thủ nguyên tắc cấp 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ủ nguyên tắc sử dụng thương hiệu.

"Google Cast" 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ợ tính năng Truyền, hãy dùng cụm từ "Google Cast-enabled". Ví dụ: "Ứng dụng này hỗ trợ Google Cast".
  • Khi mô tả một sản phẩm phần cứng tương thích với tính năng Truyền của bên thứ ba, hãy dùng câu lệnh "{TV} này hoạt động với Google Cast", "Các {speakers} này hoạt động với Google Cast".
  • Khi viết bằng văn bản, bạn phải viết hoa "Google" và "Cast".
  • Trong mọi tài sản tiếp thị sử dụng "Google Cast" trong văn bản hoặc huy hiệu/biểu trưng, bạn phải thêm nội dung ghi công pháp lý sau: Google Cast là nhãn hiệu của Google LLC.
  • Đừng đặt Google Cast trong tiêu đề của ứng dụng (chẳng hạn như Ứng dụng Google Cast XYZ).

Tính năng nhắn tin trên ứng dụng hỗ trợ Google Cast

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

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

Huy hiệu Google Cast

Bạn có thể sử dụng huy hiệu "Google Cast" 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á để 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 được sử dụng cùng với biểu trưng của các công nghệ thành phần khác (ví dụ: Bluetooth, Spotify Connect, AirPlay, v.v.), huy hiệu Google Cast phải có kích thước bằng hoặc lớn hơn.
  • Đừng đặt huy hiệu làm thành phần chính trên trang.
  • Giữ 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.
  • Khi sử dụng trên nền trắng, sáng hoặc trung tính, hãy sử dụng huy hiệu màu đen.
  • Khi sử dụng trên nền đen hoặc nền tối, hãy sử dụng huy hiệu màu trắng.
  • Không được sử dụng huy hiệu này trên trang chứa hoặc hiển thị nội dung người lớn, cổ xuý hành vi đánh bạc, kích động bạo lực, chứa lời nói hận thù, 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 hay quy định hiện hành khác hoặc gây phản cảm.

Liên kết huy hiệu

Khi được sử dụng trên mạng, huy hiệu Google Cast phải liên kết đến một trong những nội dung sau:

  • Danh sách các sản phẩm và ứng dụng hỗ trợ Google Cast của Google tại g.co/castapps.
  • Danh sách sản phẩm mà 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 phát hành.
  • Một trang chi tiết ứng dụng cụ thể do bạn xuất bản trên Google Play hoặc trong App Store của Apple.

Tải các thành phần của huy hiệu Google Cast 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 Google Cast

Hãy tham khảo trang Nguyên tắc sử dụng huy hiệu trên Trung tâm đối tác để biết tất cả huy hiệu hiện có và hướng dẫn sử dụng.