А хотите создать интерактивную книгу с гиперссылками, картинками, аудио, видео и даже встраиваемыми объектами?

Нет ничего невозможного, если под рукой замечательный сервис Heyzine. Он умеет превращать PDF-файлы с любым количеством страниц в интерактивные флипбуки.

В бесплатном аккаунте можно создать до 5 электронных книг. 

Вот такая книга у меня получилась. 

Регистрация

Заходим на сайт сервиса и нажимаем на кнопку «Sign Up». В дальнейшем, чтобы попасть в личный кабинет, понадобится кнопка «Log in».

Для регистрации достаточно адреса электронной почты и пароля. Можно зарегистрироваться и через аккаунт Google.

Создание книги

И вот мы в личном кабинете. Можно сразу же приступать к созданию книги! Для этого нажимаем на кнопку «New flipbook».

Загружаем PDF-файл, из которого будем создавать флипбук.

Несколько секунд ожидания — и откроется конструктор с нашей книгой-листалкой. 

Справа находится панель инструментов, с помощью которых можно настроить оформление книги и добавить в неё интерактив.

Настройки

В разделе «Style» можно дать название книге, добавить к ней фон, музыкальное сопровождение и настроить показ.

Пойдём по порядку. 

В разделе «Title» указываем название и описание флипбука. Чтобы сохранить изменения, нажимаем «Save».

В разделе «Page Effect» из выпадающего списка выбираем тип издания: есть книга, журнал, альбом, ноутбук и даже карточки.

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

Чтобы открыть больше настроек, нажимаем на кнопку «More options».

Так выглядят дополнительные настройки.

Переходим к выбору фона. Сделать это можно в разделе «Background»

Выбираем фоновую картинку из библиотеки сервиса (Image), заливаем фон одним цветом (Color) или загружаем изображение с ПК.

Во вкладке «Style» можно настроить фоновую картинку: размыть, сделать прозрачной и отцентровать.

Переходим в раздел «Controls». Здесь надо выбрать кнопки, которые будут отображаться на панели инструментов для просмотра. По умолчанию включено две кнопки: для увеличения и открытия книги на весь экран. 

Во вкладке «Icons» определяемся с видом будущих кнопок: доступно шесть вариантов.

Во вкладке «Options» настраиваем, где будет находиться панель управления, какая страница будет открываться при загрузке и даже как будет действовать колёсико «мыши».

В разделе «Pagination bar» настраиваем показ миниатюр страниц и нумерации.

В разделе «Background Audio» добавляем фоновую музыку: нажимаем на кнопку «Browse Files» и загружаем файл с компьютера.

Дальше переходим во вкладку «Flipbook audio». Чтобы добавить музыку к книге, выбираем загруженный файл из выпадающего списка и нажимаем «Add».

После этого можно настроить параметры прослушивания музыки: выбрать, на какой странице она заиграет, а на какой закончится. 

Под кнопкой «Options» скрываются ещё более подробные настройки.

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

Перепрыгиваем в раздел «Settings». Здесь можно защитить публикацию паролем и скопировать внутрь этого флипбука страницы из другой книги (если флипбуков создано больше одного, конечно).

Пароль можно задать один общий для всех читателей, а можно выдать свой личный пароль каждому, для этого добавляем в список пользователей и придумываем пароли. Сохраняем изменения нажатием кнопки «Save».

Добавляем интерактив

Переходим к самому интересному — к добавлению интерактива. В флипбук можно добавить гиперссылку, изображение, видео, аудио и встраиваемый объект.

Кнопки для добавления интерактива находятся в разделе «Interactions».

Чтобы добавить что-то из вышеперечисленного, нажимаем на нужную кнопку, дальше «мышкой» на странице книги выделяем область, в которую надо встроить интерактив, и щёлкаем в этом месте. А дальше приступаем к редактированию.

Когда интерактивность добавится, возвращаемся в режим просмотра, нажав кнопку «Stop editing» слева.

Чтобы добавить новую интерактивность, нажимаем «Edit mode».

Это окошко для добавления гиперссылки. 

Ссылки двух типов: ссылка для перехода на другую страницу книга (Go To Page) и для перехода на другой веб-ресурс (Open Link). Есть ещё Zoom — увеличение фрагмента страницы.

Можно настроить цветовое выделение ссылки и возможность открыть её в новой вкладке. 

Если прикрепляем ссылку с переходом на другую страницу книги, просто из выпадающего списка выбираем номер нужной страницы.

Чтобы добавить картинку, загружаем её с ПК.

Видео добавляем по ссылке из YouTube, настраиваем показ во вкладке «Player options».

Среди настроек видео — отключение звука и автозапуск.

Аудио добавляется по ссылке и из библиотеки уже загруженных файлов. 

Чтобы добавить файл, переходим во вкладку «Library».

Загружаем трек, нажав на кнопку «Browse Files».

А потом снова возвращаемся во вкладку «Audio interaction», где выбираем загруженный файл для добавления.

Встраиваемый объект можно добавить по ссылке или по html-коду. Добавляем их в нужное окошко и нажимаем «Apply».

В разделе «Web options» настриваем показ объекта.

Любую интерактивность можно дополнительно подредактировать. Когда мы добавляем её на страницу, сверху открывается новая панель инструментов.

С её помощью можно удалить интерактив, копировать или вырезать его. Тут же кнопка для того, чтобы вернуться к редактированию.

А к картинке можно ещё и гиперссылку добавить. 

Публикация

Чтобы сохранить проект, нажимаем на кнопку «Save» вверху слева.

Рядом — кнопка «Share», чтобы поделиться публикацией.

Можно получить ссылку на флипбук, код для встраивания его на страницу сайта или блога и даже QR-код.

Чтобы вернуться в личный кабинет, нажимаем на кнопку «Dashboard» вверху. Здесь хранятся все созданные флипбуки.

Щёлкнув по любому, открываем список действией, которые можно совершить с публикацией.