Кнопка Cast открывает диалоговое окно для подключения, управления и отключения от веб-ресиверов.
См. раздел Значки трансляции , чтобы загрузить шаблоны кнопки трансляции.
Обратите внимание, что кнопка Cast не относится к Google Cast; его можно использовать для представления как веб-, так и не-веб-приемников (например, гарнитур Bluetooth). Веб-ресиверы всегда должны отображаться в диалоговом окне трансляции, а не в другом диалоговом окне, меню или элементе управления.
Познакомьте пользователей с Cast
Внедрение кнопки Cast помогает существующим пользователям узнать, что приложение-отправитель теперь поддерживает Casting, а также помогает пользователям, не знакомым с Google Cast.
Необходимый
Вводный экран Show a Cast, когда веб-ресиверы становятся доступными в первый раз. Для отправителей iOS покажите вводной экран Cast при первом появлении кнопки Cast.
B Визуально выделите кнопку трансляции, обведя ее кружком)
C Объясните, как работает кнопка «Трансляция» (например, отображение сообщения «Нажмите, чтобы транслировать видео на телевизор»).
Андроид
Введение в ролях
Домашний экран трансляции
iOS
Введение в ролях
Домашний экран трансляции
Хром
Введение в ролях
Домашний экран трансляции
Наличие кнопки трансляции
Необходимый
Кнопка «Трансляция» должна быть видна на каждом экране, где есть воспроизводимый контент, и находиться в одном и том же месте при просмотре или воспроизведении контента. Он также появится в заголовке Chrome для глобального контроля.
B Для отправителей, отличных от iOS, кнопка трансляции может быть скрыта, когда веб-приемники недоступны. Для отправителей iOS кнопка Cast всегда должна отображаться, когда устройство подключено к сети Wi-Fi, поэтому может быть оказана надлежащая помощь, если пользователь отключил доступ к локальной сети и в результате устройства становятся недоступными для обнаружения (дополнительные сведения см. в разделе Разрешения и обнаружение iOS). ).
C В мобильных приложениях кнопка трансляции должна находиться справа.
D В Chrome кнопка «Трансляция» должна находиться справа в элементах управления мультимедийным содержимым (например, см. встроенное видео). Если элементы управления мультимедиа содержат полноэкранную кнопку, поместите кнопку трансляции слева от нее.
Примечание
Google Cast использует многозадачную модель, которая позволяет пользователям просматривать приложение-отправитель и другие приложения во время трансляции. Кнопка Cast должна быть видна на каждом экране, где есть воспроизводимый контент, чтобы пользователю не приходилось искать, где приостановить или остановить воспроизведение контента на телевизоре.
Андроид
Отправитель отключен
Домашний экран трансляции
iOS
Отправитель отключен
Домашний экран трансляции
Хром
Отправитель отключен
Домашний экран трансляции
Состояние кнопки трансляции
Необходимый
A Недоступно: для Android, когда веб-ресиверы недоступны, кнопка трансляции не отображается.
B Отключено: когда веб-ресиверы доступны, появляется кнопка трансляции
C Подключение: при подключении веб-приемника кнопка трансляции постепенно анимирует волны на значке (подробности см. в примечании ниже).
D Подключено: когда это приложение подключено к веб-приемнику Cast, его кнопка Cast отображается с заполненной рамкой.
Лучшие практики
Для каждого из состояний кнопки используйте цвета, соответствующие стилю других элементов пользовательского интерфейса вашего приложения. Использование отдельного цвета выделения (например, желтого) для состояния ВКЛ / Подключено не является обязательным.
Примечания
- Значок Cast отображается в Chrome и iOS, чтобы обеспечить доступ к расширению Cast независимо от наличия устройств Cast.
- Состояние «Подключение (анимированное)» появляется, когда подключение к Cast API занимает больше времени, чем ожидалось (SDK для Android и Chrome автоматически анимируют значок Cast). После подключения запускается приложение Web Receiver.
- Состояние ВКЛ/Подключено значка трансляции было обновлено и теперь использует сплошную заливку внутри рамки значка. Новая иконка Cast и шаблоны иконок доступны здесь .
Андроид
Отправитель, актерский состав недоступен
Домашний экран трансляции
Отправитель, трансляция отключена
Домашний экран трансляции
Отправитель, Cast соединение
Домашний экран трансляции
Отправитель, Трансляция подключена
Загрузка приложения веб-приемника
Отправитель, Трансляция подключена
Приложение веб-приемника загружено/бездействует
iOS
Отправитель, актерский состав недоступен
Домашний экран трансляции
Отправитель, трансляция отключена
Домашний экран трансляции
Отправитель, Cast соединение
Домашний экран трансляции
Отправитель, Трансляция подключена
Загрузка приложения веб-приемника
Отправитель, Трансляция подключена
Приложение веб-приемника загружено/бездействует
Хром
Отправитель, актерский состав недоступен
Значок Cast отображается в Chrome, чтобы предоставить доступ к расширению Cast независимо от состояния подключения.
Домашний экран трансляции
Отправитель, трансляция отключена
Домашний экран трансляции
Отправитель, Cast соединение
Домашний экран трансляции
Отправитель, Трансляция подключена
Загрузка приложения веб-приемника
Отправитель, Трансляция подключена
Приложение веб-приемника загружено/бездействует
Изображения, использованные в этом руководстве по дизайну , предоставлены Blender Foundation и предоставлены в соответствии с авторскими правами или лицензией Creative Commons.
- Elephant's Dream: (c) авторское право 2006 г., Blender Foundation / Нидерландский институт медиаискусства / www.elephantsdream.org
- Sintel: (c) авторское право Blender Foundation | www.sintel.org
- Слезы стали: (CC) Blender Foundation | mango.blender.org
- Big Buck Bunny: (c) авторское право 2008 г., Blender Foundation / www.bigbuckbunny.org