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

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

  • Гугл Хромкаст
  • Телевизоры, поддерживающие Google Cast
  • Динамики, работающие с Google Cast
  • Smart Displays (портативный сенсорный ЖК-монитор, используемый в качестве тонкого клиента)
  • Android-планшеты

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

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

Соображения

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

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

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

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

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

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

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

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

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

Рекомендации по бренду

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

Вы также можете использовать значок Google Cast , если ваше приложение или устройство соответствует нашим рекомендациям по использованию значков. Google оставляет за собой право потребовать от вас изменить или прекратить использование значка, если он не соответствует правилам бренда.

«Google Cast» в тексте

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

Обмен сообщениями приложений с поддержкой Google Cast

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

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

Значок Google Cast

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

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

Связывание значков

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

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

Загрузите ресурсы значка Google Cast

В комплект загрузки входят форматы Portable Network Graphics (.png), Adobe Illustrator (.ai) и Enapsulated Postscript (.eps).

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

На странице «Правила использования значков Partner Hub» вы найдете все доступные значки и инструкции по использованию.