Выбор размера шрифта в контенте: различия между версиями

Материал из SmartPlayer
Нет описания правки
 
(не показано 8 промежуточных версий этого же участника)
Строка 1: Строка 1:
<languages/>
<translate>
<!--T:1-->
== '''Описание ситуации''' ==
== '''Описание ситуации''' ==
Для развития индивидуальности контента и трансляций пользователям платформы SmartPlayer была добавлена возможность редактировать размер шрифта у типа контента "Текст". Теперь пользователи смогут сами выставлять нужный размер шрифта и кастомизировать его значение под нужный размер в трансляции.
Для развития индивидуальности контента и трансляций пользователям платформы SmartPlayer была добавлена возможность редактировать размер шрифта у типа контента "Текст". Теперь пользователи смогут сами выставлять нужный размер шрифта и кастомизировать его значение под нужный размер в трансляции.
== '''Алгоритм действия''' ==
== '''Алгоритм действия''' ==
Чтобы воспользоваться функциональностью пользователю необходимо авторизоваться в личном кабинете платформы SmartPlayer.
Чтобы воспользоваться функциональностью, пользователю необходимо авторизоваться в личном кабинете платформы SmartPlayer.
Далее пользователь должен найти раздел "Контент" и перейти в него.
Далее пользователь должен найти раздел "Контент" и перейти в него.
[[File:Раздел_контент_в_лк.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете SmartPlayer|800px]]
[[File:Раздел_контент_в_лк.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете SmartPlayer|800px]]
На открывшейся странице пользователь в строке "Тип контента" должен найти контент "Текст".
На открывшейся странице пользователь в строке "Тип контента" должен найти контент "Текст".
[[File:Текст_тип_контента.png|thumb|center| Пример отображения типа контента "Текст" в окне выбора контента |800px]]
[[File:Текст_тип_контента.png|thumb|center| Пример отображения типа контента "Текст" в окне выбора контента |800px]]
Кликну по типу контента "Текст" у пользователю изменится отображение страницы и ему необходимо по центру экрана найти и нажать на кнопку "Добавить новый текст".
Кликнув по типу контента "Текст" у пользователю изменится отображение страницы и ему необходимо по центру экрана найти и нажать на кнопку "Добавить новый текст".
[[File:Добавление_текста.png|thumb|center| Пример отображения кнопки "Добавить новый текст"|800px]]
[[File:Добавление_текста.png|thumb|center| Пример отображения кнопки "Добавить новый текст"|800px]]
Следующим шагом у пользователя снова изменится отображение страницы и откроется список параметров для настройки текстового контента. Среди этих настроек ему необходимо выбрать параметр настройки "Размер шрифта".
Следующим шагом у пользователя снова изменится отображение страницы, и откроется список параметров для настройки текстового контента. Среди этих настроек ему необходимо выбрать параметр настройки "Размер шрифта".
[[File:Настройка_размера_шрифта.png|thumb|center| Пример отображения настройки "Размер шрифта"|800px]]
[[File:Настройка_размера_шрифта.png|thumb|center| Пример отображения настройки "Размер шрифта"|800px]]
== '''Возможности настройки шрифта''' ==
== '''Возможности настройки шрифта''' ==
Настройка шрифтов контента в виде текста включает в себя следующие возможности:
Настройка шрифтов контента в виде текста включает в себя следующие возможности:
* По умолчанию пользователь увидит подсказку "Поиск" внутри окна параметра "Размер шрифта"
* По умолчанию на странице отображается подсказка в виде слова «Поиск»;
[[File:Подпись_ничего_не_найдено.png|thumb|center| Пример отображения подписи "Ничего не найдено" |800px]]
[[File:Система_поиск.png|thumb|center| Пример отображения подсказки с «Поиском» |800px]]
* Если введенное значение отличается от базовых значений система оповестит об этом пользователя подписью "Ничего не найдено".
* По умолчанию пользователь увидит подсказку "Введите своё значение" внутри окна параметра "Размер шрифта"
[[File:Подпись_ничего_не_найдено.png|thumb|center| Пример отображения подписи "Ничего не найдено" |800px]]
[[File:Введите_свео.png|thumb|center| Пример отображения подсказки "Введите своё значение" |800px]]
* Проскроллив список размеров пользователь может нажать на строку "Своё значение" и ввести нужное ему значение размера для шрифта
* Если пользователь хочет ввести свое значение, то он должен его ввести в пустое поле. После ввода значения пользователь увидит кликабельный вариант строки «Введите своё».
[[File:Подпись_ничего_не_найдено.png|thumb|center| Пример отображения подписи "Ничего не найдено" |800px]]
[[File:Добавление_своего_значения.png|thumb|center| Пример отображения подписи "Ничего не найдено" |800px]]
После этого появится модальное окно, которое позволит ввести размер шрифта в пикселях.
[[File:Модальное_окно.png|thumb|center| Пример отображения модального окна|800px]]
Для завершения процесса по сохранению размера пользователю необходимо нажат на кнопку «Сохранить». Если пользователь захочет отменить внесенные изменения, ему необходимо нажать на кнопку «Отменить».
== '''Масштабирование текста в редакторе трансляций''' ==
В этом разделе будет описано как работает масштабирование контента типа «Текст» в редакторе трансляций.<br>
Редактор отображает не экран в его фактическом размере, а уменьшенную копию, вписанную в рабочую область интерфейса. Поэтому зоны, текст и другие элементы в редакторе выглядят меньше.<br>
<br>
Если зона занимает только часть экрана, внутри неё отображается уменьшенная копия соответствующей области трансляции. В результате текст масштабируется вместе с экраном и зоной, в которой он расположен. Степень уменьшения зависит от:
* разрешения трансляции;
* размера рабочей области редактора;
* размера зоны с контентом.
Например, при создании трансляции с разрешением 4K её предпросмотр на мониторе Full HD будет выглядеть примерно в два раза меньше, чем предпросмотр трансляции с разрешением Full HD.
Уменьшение текста относится только к его отображению в редакторе. При воспроизведении трансляции размер и расположение текста рассчитываются относительно заданного разрешения экрана и размеров зоны (то есть он автоматически масштабируется до нужного размера). Пропорции между элементами при этом сохраняются.
 
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239057 Выбор размера шрифта в контенте]
[https://vk.com/video-227547238_456239057 Выбор размера шрифта в контенте]
Строка 25: Строка 42:
[[File:Обсуждение_выбора.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_выбора.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</translate>

Текущая версия от 09:34, 3 июля 2026

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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