Создать html страницу с интегрированной 3d моделью со sketchfab.com. Синхронизировать вывод информации (текста и звука) на html странице с 3d моделью через встроенный API. Никаких кастомных решений.
1. Реализовать кнопки управления и вывод информации согласно иллюстрации 1 (см приложение).
2. Синхронизировать точки аннотации на 3d моделе с выводом информации и проигрываением звука на html странице.
3. Пример готовой реализованной страницы:
4. Примеры синхронизации точек аннотации и html через API:
– выбрать Annotations Synchronisation
Краткое описание задачи:
1. При переключении на 3d модели точек аннотации (иллюстрация 2) на html странице запускается проигрывание звука соответсвующего звука и вывод текста соответствующего каждой точке (иллюстрация 1)
2. Присутствует кнопка включения / отключения звука на странице (иллюстрация 1).
3. Реализовать плашку поверх 3d модели, которая содержит кнопку звука (см выше) и стрелки переключения точек аннотаций. Точки аннотации можно переключать как внутри 3d модели (штатные стрелки, иллюстрация 2) так и кнопками на плашке. Плашка адаптируется под разрешение экрана (пример bbc выше)
4. Ниже 3d модели блок для текста. При каждом переключении точки аннотации текст обновляется на соответсвующий. Текст может содержать примерно до 10-20 строк
5. Ссылка на 3d модель, которую надо интегрировать на html страницу: