Пользовательский опыт с платформой Chromecast

Chromecast позволяет веб-приложениям Android, iOS и Chrome передавать контент, например видео, аудио и совместное использование экрана (зеркалирование), на устройства с поддержкой Cast, такие как:

  • Chromecast
  • Встроенный телевизор Chromecast (также известный как телевизор со встроенным Chromecast)
  • Встроенные динамики Chromecast (также известные как динамики со встроенным Chromecast)
  • Smart Displays (портативный ЖК-монитор с сенсорным экраном, используемый в качестве тонкого клиента)
  • Android-планшеты

В модели взаимодействия Cast мобильный телефон, планшет или ноутбук является отправителем , который выступает в качестве пульта дистанционного управления для управления воспроизведением, а телевизор, дисплей или подключенный к док-станции планшет является получателем , который получает инструкции от отправителя и отображает содержимое с устройства. Интернет-соединение ресивера. Все действия пользователя (нажатия и смахивания) могут выполняться как на устройстве-отправителе, так и на веб-приемнике.

Кастинг зависит от координации между двумя или более экранами; пользовательский интерфейс отправителя и пользовательский интерфейс получателя — они должны работать вместе. Например, если вы нажмете кнопку на мобильном устройстве, чтобы приостановить воспроизведение контента, телевизор должен указать, что воспроизведение приостановлено, а мобильное устройство должно предоставить кнопку воспроизведения для возобновления воспроизведения.

Соображения

Из-за аппаратных и ресурсных ограничений на приложения с поддержкой Chromecast накладываются определенные ограничения:

  • Устройство Cast — это маломощное устройство с ограничениями памяти, процессора и графического процессора, поэтому приложение Web Receiver должно быть как можно более легким.
  • Для Chromecast и встроенных моделей взаимодействия Chromecast вкладки, окна или всплывающие окна можно создавать как в веб-приемнике, так и в приложении-отправителе, а также напрямую принимать пользовательский ввод, например касания или смахивания. Например, приложение Web Receiver на закрепленном планшете или дисплее может отображать кнопку паузы и принимать касание пользователя. Таким образом, все действия над приложением должны инициироваться либо веб-приемником, либо приложением-отправителем.
  • Смарт-дисплеи поддерживают ввод данных пользователем через приложение-отправитель или касанием пользовательского интерфейса.
  • Web Receiver — это браузер Chrome, оптимизированный для воспроизведения видео. Таким образом, WebGL и собственный клиент Chrome (NaCL) в настоящее время не поддерживаются, равно как и расширения Chrome.
  • Cast поддерживает одновременное воспроизведение одного медиапотока в тегах <audio> и <video> или нескольких звуковых дорожек с использованием WebAudio API. В каждый момент времени в DOM может быть активен только один элемент видео. Кроме того, не поддерживаются компоновка видео, манипуляции, преобразования, повороты или масштабирование.

Общие принципы проектирования

При разработке пользовательского интерфейса помните следующее.

Интерфейс веб-приемника:

  • Веб-приемник может иметь как интерактивные, так и информационные элементы для описания состояния приложения, например, приостановлено или воспроизводится, или сообщения об ошибках. Взаимодействие с пользователем может происходить на отправителе трансляции (телефон, планшет или браузер Chrome) или веб-приемнике (телевизор, дисплеи или планшеты).
  • Помните, что действие видео происходит в середине экрана телевизора, и элементы пользовательского интерфейса не должны мешать презентации. Разместите элементы пользовательского интерфейса в нижней трети экрана веб-приемника, оставив 10% запаса от краев экрана для возможного выхода за пределы экрана.
  • Когда это возможно, переходы от одного состояния экрана к другому должны быть плавными и кинематографичными. Вместо резких переходов от состояния к состоянию используйте такие переходы, как нарастание и затухание. Например, состояние загрузки контента задерживается на экране и плавно переходит в процесс воспроизведения мультимедиа.

Интерфейс отправителя:

  • Отправитель поддерживает действия пользователя, а веб-приемник отображает информацию о состоянии. Например, если содержимое приостановлено, телевизор должен указать, что оно приостановлено, в то время как мобильное устройство указывает, что оно готово начать воспроизведение (например, показывая пользователю кнопку воспроизведения).
  • Скорость имеет значение. Пользователи должны иметь возможность быстро находить элемент управления трансляцией и сразу же видеть, как контент начинает воспроизводиться на большом экране. Во время загрузки контента предоставьте анимированные индикаторы загрузки и используйте переходы, чтобы ускорить процесс.

Самый простой способ убедиться, что ваше приложение Cast соответствует этим принципам, — просмотреть пользовательский интерфейс с помощью контрольного списка Cast Design и протестировать ваши приложения Cast .

Руководство по бренду

Следующие рекомендации по бренду Chromecast предназначены для разработчиков приложений и сосредоточены на дополнительных требованиях, которым вы должны соответствовать, чтобы описать свое приложение в текстовом виде. Рекомендации по брендам устройств Cast см. в Partner Marketing Hub . Вы можете сообщить другим, что ваше приложение работает со встроенным Chromecast, используя термин "Chromecast-enabled". Однако убедитесь, что ваше приложение соответствует Дополнительным условиям использования Cast SDK для разработчиков и Контрольному списку дизайна , а также что использование вами «Chromecast-enabled» соответствует нашим рекомендациям по брендингу.

Аналогичным образом вы можете использовать значок Chromecast , если ваше приложение или устройство соответствует нашим правилам использования значков. Google оставляет за собой право потребовать, чтобы вы изменили или прекратили использование значка, если он не соответствует правилам использования бренда.

Использование «Chromecast» в тексте

  • Описывая приложение (не аппаратный продукт) как поддерживающее Cast, используйте фразу «с поддержкой Chromecast». Например: «Это приложение поддерживает Chromecast».
  • При описании стороннего аппаратного продукта, совместимого с Cast, используйте «Встроенный телевизор Chromecast», «Встроенный динамик Chromecast» или просто «Встроенный Chromecast».
  • При написании в тексте «Chromecast» следует писать с заглавной буквы, а «встроенный» — со строчной.
  • В любом маркетинговом ресурсе, который использует «Chromecast» в тексте или на значке/логотипе, вы должны указать следующее юридическое указание авторства: Chromecast является товарным знаком Google LLC.
  • Не указывайте Chromecast в названии приложения (например, XYZ Chromecast App).

Обмен сообщениями в приложениях с поддержкой Chromecast

Вы можете продвигать свое приложение следующим образом:

  • «XYZ — это приложение с поддержкой Chromecast, которое позволяет транслировать ваши любимые развлечения с мобильного устройства на телевизор».
  • «Приложение XYZ теперь доступно для телевизоров со встроенным Chromecast».
  • «Приложение XYZ теперь доступно для всех продуктов Chromecast, включая Chromecast, Chromecast Audio, телевизоры и динамики со встроенным Chromecast».
  • «Приложение XYZ поддерживает Chromecast, что позволяет вам наслаждаться всеми вашими любимыми шоу/фильмами/музыкой/играми на телевизоре со встроенным Chromecast».
  • «Приложение XYZ теперь поддерживает Chromecast, что позволяет пользователям транслировать контент со своего телефона на телевизор со встроенным Chromecast».

Значок Chromecast

Вы можете использовать значки «Chromecast» на своем веб-сайте, в списке магазинов приложений, маркетинговых и рекламных материалах для отображения совместимости с устройствами, использующими протокол Cast.

  • Не изменяйте цвет, пропорции, расстояние или любой другой аспект изображения значка.
  • При использовании вместе с логотипами других технологий компонентов (например, Bluetooth, Spotify Connect, AirPlay и т. д.) значок Chromecast должен быть такого же или большего размера.
  • Не делайте значок основным элементом на странице.
  • Держите значок на некотором расстоянии от других логотипов и значков на странице.
  • При использовании на белом, светлом или среднем фоне используйте черный значок.
  • При использовании на черном или темном фоне используйте белый значок.
  • Не используйте значок на странице, которая содержит или отображает контент для взрослых, пропагандирует азартные игры, пропагандирует насилие, содержит разжигание ненависти, предполагает продажу табака или алкоголя лицам моложе двадцати одного года, нарушает другие применимые законы или правила или в остальном вызывает возражения.

Связь со значком

При использовании в Интернете значок Chromecast должен быть связан с одним из следующих элементов:

  • Список приложений и продуктов с поддержкой Chromecast от Google, в настоящее время на странице g.co/castapps .
  • Список продуктов, опубликованных вами.
  • Страница сведений о конкретном продукте, опубликованная вами.
  • Список приложений, опубликованных вами.
  • Страница сведений о конкретном приложении, опубликованная вами в Google Play или Apple App Store.

Загрузите активы значка Chromecast

Пакет загрузки включает форматы Portable Network Graphics (.png), Adobe Illustrator (.ai) и Enapsulated Postscript (.eps).

Предварительный просмотр значков Chromecast

Синий логотип и белый текст на черном фоне
Белый логотип и белый текст на черном фоне
Синий логотип и серый текст на белом фоне