Автор страницы
Марина Орешко
Информация о сервисе
- Проект Н5Р предназначен для создания разнообразного интерактивного контента: презентаций, видео, лент времени, интерактивных плакатов, упражнений, опросов и игр. Пользователи могут создавать интерактивный контент на сервисах проекта и затем использовать его на страницах сайтов или блогов. Проект не требует оплаты за использование. Поддерживает кириллицу. Групповая работа в сервисе не предусмотрена. Созданные в сервисе работы можно встроить на страницу сайта или блога и поделиться им в социальных сетях (Twitter, Facebook), также можно получить прямую ссылку на созданную работу.
- Для создания интерактивного плаката используется шаблон "“Image Hotspots”. К интерактивным меткам можно прикреплять тексты, ссылки, другие изображения или видео.
Как работать в сервисе
Регистрация
- Для работы в сервисе необходима регистрация. Для этого заходим на сайт 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.
Как разместить в вики
- 1. Откройте страницу вики, куда хотите вставить виджет, и переходите в режим Правка
- 2. Разместите код для вставки виджета
-
{{#widget:Iframe
|url=
|width=600
|height=400
|border=0
}}
- 3. Откройте страницу сервиса с вашей работой, найдите html-код, скопируйте часть кода
- 4.Вставьте скопированное в код виджета после url=
{{#widget:Iframe
|url=
|width=600
|height=400
|border=0
}}
Примеры
Ссылки на полезные материалы
|