H5P
Материал из Wiki-Сибириада
(Различия между версиями)
(→Примеры) |
(→Как работать в сервисе) |
||
(не показаны 2 промежуточные версии 1 участника) | |||
Строка 12: | Строка 12: | ||
= Как работать в сервисе = | = Как работать в сервисе = | ||
+ | ===Регистрация=== | ||
+ | *Для работы в сервисе необходима регистрация. Для этого заходим на сайт [https://h5p.org/ H5P] и нажимаем “Create free account”. В дальнейшем можно заходить на сервис, используя клавишу “Log in”. | ||
+ | *В форме для регистрации указываем имя (никнейм), адрес электронной почты, придумываем и подтверждаем пароль. По желанию можно рассказать о себе в разделе “Description”, подписаться на новости проекта или отказаться от них (снять “галочку”), в заключение пройти проверку, ответив на контрольный вопрос (так называемая “капча”) и в соответствующее окно записав ответ на него в виде слова. Контрольный вопрос и ответ - на английском языке. Для перевода можно использовать переводчик Google. | ||
+ | *Открывается учетная запись. Чтобы приступить к созданию интерактивного видео, нажимаем “Create New Content”. | ||
+ | |||
+ | ===Создание интерактивного плаката=== | ||
+ | *Интерактивный плакат создается на основе изображения. К нему можно прикреплять метки с текстовой информацией, другим изображением или видео. | ||
+ | *Даем название будущей работе (Title). Выбираем из выпадающего списка “Image Hotspots”. Загружаем с ПК изображение для плаката (не более 16 Mb), выбираем цвет метки (“горячей точки”). | ||
+ | *Далее выбираем на изображении место для метки (Hotspot Position), указываем название метки (Header) и её тип (Content Item): видео (Video) изображение (Image), текст (Text). К одной метке можно прикрепить сразу несколько типов контента (видео с текстом, изображение и видео и т.д.): для этого нажимаем “Add item”. По желанию можно выбрать опцию “Cover entire background image”: при нажатии на метку открывшееся окно будет закрывать всё фоновое изображение. | ||
+ | *Видео загружается по ссылке из YouTube или с ПК (не более 16 Mb). К видео можно применить некоторые настройки. В разделе “Visuals” настраиваем параметры видеоплеера. В разделе “Playback” выбираем опции автоматического воспроизведения и воспроизведения “по кругу”. | ||
+ | *Изображение для метки загружается с ПК (не более 16 Mb). Указываем текст, который будет появляться, если изображение не удастся загрузить (Alternative text) и текст, который будет появляться при наведении на метку курсора (необязательно). | ||
+ | *Чтобы добавить новую метку на изображение, нажимаем “Add hotspot”. | ||
+ | *В разделе “Text overrides and translations” можно перевести на русский язык надписи, которые будут появляться при работе с интерактивным плакатом. В заключение нажимаем “Save”. | ||
+ | |||
+ | ===Распространение=== | ||
+ | *Во вкладке “View” все созданные работы доступны для предварительного просмотра. Для того, чтобы получить ссылку на готовую работу, заходим в личный кабинет (кнопка “My account” вверху справа), выбираем её из списка и открываем. Ссылку на работу копируем из строки браузера. | ||
+ | *Для того, чтобы получить код для встраивания видео на страницу сайта или блога, нажимаем “Embed”. Также готовой работой можно поделиться в социальных сетях (Twitter, Facebook) и скачать ее в формате h5.p. | ||
=Как разместить в вики = | =Как разместить в вики = | ||
Строка 36: | Строка 53: | ||
=Примеры = | =Примеры = | ||
*[https://h5p.org/node/44927 Животные Лапландского заповедника] | *[https://h5p.org/node/44927 Животные Лапландского заповедника] | ||
+ | *[https://h5p.org/h5p/embed/45574 Красная книга Ковровского района. Животные] | ||
*[https://h5p.org/node/48390 Саамы] | *[https://h5p.org/node/48390 Саамы] | ||
Текущая версия на 11:12, 8 марта 2017
Автор страницыИнформация о сервисе
Как работать в сервисеРегистрация
Создание интерактивного плаката
Распространение
Как разместить в вики
{{#widget:Iframe |url= |width=600 |height=400 |border=0 }}
{{#widget:Iframe |url= |width=600 |height=400 |border=0 }} ПримерыСсылки на полезные материалы |