Выбор размера шрифта в контенте

Материал из SmartPlayer
(разн.) ← Предыдущая версия | Текущая версия (разн.) | Следующая версия → (разн.)

Описание ситуации

Для развития индивидуальности контента и трансляций пользователям платформы SmartPlayer была добавлена возможность редактировать размер шрифта у типа контента "Текст". Теперь пользователи смогут сами выставлять нужный размер шрифта и кастомизировать его значение под нужный размер в трансляции.

Алгоритм действия

Чтобы воспользоваться функциональностью, пользователю необходимо авторизоваться в личном кабинете платформы SmartPlayer. Далее пользователь должен найти раздел "Контент" и перейти в него.

Пример отображения раздела "Контент" в личном кабинете SmartPlayer

На открывшейся странице пользователь в строке "Тип контента" должен найти контент "Текст".

Пример отображения типа контента "Текст" в окне выбора контента

Кликнув по типу контента "Текст" у пользователю изменится отображение страницы и ему необходимо по центру экрана найти и нажать на кнопку "Добавить новый текст".

Пример отображения кнопки "Добавить новый текст"

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

Пример отображения настройки "Размер шрифта"

Возможности настройки шрифта

Настройка шрифтов контента в виде текста включает в себя следующие возможности:

  • По умолчанию на странице отображается подсказка в виде слова «Поиск»;
Пример отображения подсказки с «Поиском»
  • По умолчанию пользователь увидит подсказку "Введите своё значение" внутри окна параметра "Размер шрифта"
Пример отображения подсказки "Введите своё значение"
  • Если пользователь хочет ввести свое значение, то он должен его ввести в пустое поле. После ввода значения пользователь увидит кликабельный вариант строки «Введите своё».
Пример отображения подписи "Ничего не найдено"

После этого появится модальное окно, которое позволит ввести размер шрифта в пикселях.

Пример отображения модального окна

Для завершения процесса по сохранению размера пользователю необходимо нажат на кнопку «Сохранить». Если пользователь захочет отменить внесенные изменения, ему необходимо нажать на кнопку «Отменить».

Масштабирование текста в редакторе трансляций

В этом разделе будет описано как работает масштабирование контента типа «Текст» в редакторе трансляций.
Редактор отображает не экран в его фактическом размере, а уменьшенную копию, вписанную в рабочую область интерфейса. Поэтому зоны, текст и другие элементы в редакторе выглядят меньше.

Если зона занимает только часть экрана, внутри неё отображается уменьшенная копия соответствующей области трансляции. В результате текст масштабируется вместе с экраном и зоной, в которой он расположен. Степень уменьшения зависит от:

  • разрешения трансляции;
  • размера рабочей области редактора;
  • размера зоны с контентом.

Например, при создании трансляции с разрешением 4K её предпросмотр на мониторе Full HD будет выглядеть примерно в два раза меньше, чем предпросмотр трансляции с разрешением Full HD. Уменьшение текста относится только к его отображению в редакторе. При воспроизведении трансляции размер и расположение текста рассчитываются относительно заданного разрешения экрана и размеров зоны (то есть он автоматически масштабируется до нужного размера). Пропорции между элементами при этом сохраняются.

Видеоинструкция

Выбор размера шрифта в контенте

Дополнительная информация

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

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"