Полезные мелочи

Мой рассказ о сервисе H5P был бы неполным, если бы я забыла поведать о разных полезных мелочах, которые могут украсить блог или сайт и которые тоже можно смастерить в этом чудном сервисе.

О том, как зарегистрироваться на сайте сервиса, вы уже наверняка знаете. Но на всяких случай всё равно напомню: подробная инструкция -здесь. А теперь приступим...

Диаграммы и коллажи

Для создания диаграммы нажимаем "Create New Content", выбираем шаблон “Chart” и устанавливаем её тип: круговая (Pie Chart) или гистограмма (Bar Chart).

В раздел “Data elements” вносим название параметра для диаграммы, его значение, выбираем цвет изображения и фона. Для добавления нового элемента в диаграмму нажимаем “Add option”. Для сохранения нажимаем “Save”.

Вот что может получиться: диаграмма, рассказывающая о положительных качествах одного очень известного литературного персонажа (может быть, догадаетесь, о ком идёт речь?)

Для создания коллажа выбираем одноимённый шаблон - “Collage”. Можно создать коллаж из 2-6 фотографий. Изображения масштабируем, нажимая на значки "+" и "-" в левом верхнем углу каждой фотографии.

Сервис помогает установить расстояния между фотографиями, добавить рамки и отрегулировать высоту готовой работы. Для сохранения нажимаем “Save”.

А это то, что получилось в итоге - "Атомоходы Мурманска".

Диаграммы и коллажи можно сохранить как картинку или вставить на страницу блога / сайта с помощью кода (Embed).

Слайдеры

С помощью H5P можно смастерить интересную фотогалерею. Например, вот такую - выставку "Книги с летним настроением".

https://h5p.org/h5p/embed/296347

А согласитесь, ведь это удобно? Для фотоотчетов, выставки, портфолио, виртуальной экскурсии и многого другого. Всё очень просто: загружаем нужные фотографии в определённом порядке и устанавливаем параметры слайдера: автоматический режим, заданный вручную (Custom) или свободный (Not Fixed). По умолчанию режим автоматический.

Да, чуть не забыла! Шаблон для создания фотогалереи называется "Image Slider".

А вот ещё одно интересное решение - взять две фотографии одного и того же места из серии "что было - что стало" и соединить их в необычном слайдере с помощью шаблона "Image Juxtaposition".

Загружаем фотографии, добавляем, если нужно, пояснительные надписи, нажимаем "Save" - и вуаля!

https://h5p.org/h5p/embed/151045

Слайдеры легко добавить на сайт с помощью кода (Embed).

Аудиоплеер

Ещё одна хорошая штука - создание аудиоплеера. Так можно добавить в блог или на сайт аудиозаписи с чтением стихов и прозы, музыкальные файлы, "говорящие книги"...

Выбираем шаблон “Audio”. Придумываем название аудиозаписи и загружаем её с ПК (не более 16 Mb). Для аудиоплеера можно устанавливать размер, выбирать дизайн (обычный или минималистичный), настраивать автозапуск. Для сохранения нажимаем “Save”. Вставить аудиоплеер на сайт или в блог можно с помощью кода (Embed).

А вот что в итоге может получиться: стихотворение мурманского поэта Виктора Тимофеева "Рябиновый город".