Как добавить несколько значков на вкладку Chrome? - PullRequest
0 голосов
/ 19 декабря 2018

Пример:

recording icon

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

Я пытался найти, как добавить дополнительные значки на вкладку Chrome, но большинство материалов посвящено добавлению изображения значка сайта.Можно ли вручную вставить дополнительный значок на вкладке Chrome?Если это так, я хочу знать, как это сделать.

Просто, чтобы вы знали, ребята, на скриншоте выше, когда я использую расширение loom chrome, которое может сделать классный видеомагнитофон.Мой проект немного отличается, но я хочу знать, какой классный эффект для UX, поэтому я действительно ценю, если кто-то знает об этом.

Ответы [ 2 ]

0 голосов
/ 20 декабря 2018

К сожалению, нет, нет Chrome API, который позволял бы расширение, чтобы сделать это.

В вашем примере, как показывает ответ TOGD, значок отображается автоматически, потому что вкладка предоставляет доступ к аудио/ video stream.

Комментарий wOxxOm предлагает две вещи, которые вы можете изменить с помощью chrome.tabs API: переопределить значок (вы даже можете анимировать его таким образом) или переименовать заголовок вкладки.

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

Макет: mockup

0 голосов
/ 19 декабря 2018

Я немного смущен тем, что вы имеете в виду , но я полагаю, что вы спрашиваете о значке записи.Если это так, то он автоматически появляется на вкладке, как только открытому на этой вкладке сайту предоставляется доступ к микрофону, камере и т. Д., Хотя я полагаю, что вы уже это знаете.Вместо того, чтобы дать прямой ответ (извините за это), я предлагаю вам использовать какой-то другой тип индикации, который был бы более очевидным.Другая причина этого заключается в том, что при переходе в полноэкранный режим (F11) он не показывает, что вкладка выполняет запись.Извините, что не очень помог, но, надеюсь, вы сможете сделать что-то из того, что я сказал.Я предлагаю что-то простое, например, изменение цвета фона (т. Е. Придание ему импульса путем установки значения RGBA с уменьшением непрозрачности в течение двух секунд или около того).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...