К блогу
Продукт и UX5 min1 608 просмотров

360° из видео товара примерно за 2 минуты

Уже есть ролик с поворотным столом? Загрузите короткий MP4, WebM или MOV в Spinnify Studio. Мы соберём 36 кадров, и 360°-виджет готов к публикации.

Как сделатьЗагрузка видео360°
Spinnify 360° Studio: перетащите короткое видео с оборотом в зону загрузки на spinnify.io

Краткий ответ

Если полный оборот на поворотном столе уже снят, не обязательно выгружать тридцать шесть отдельных фото. В веб-панели Spinnify Studio перетащите короткое видео с оборотом в ту же зону, что и кадры серии. Браузер проверит файл, равномерно извлечёт 36 кадров, загрузит их в облако, и интерактивный 360°-просмотр на витрине работает как после обычной серии фото.

У команд каталога часто уже есть аккуратный клип с телефона или ролик со склада, а времени на пакетную переименовку JPEG нет. Привычный путь: считать файл «запасным» и снова экспортировать кадры. В Spinnify есть быстрее: одно видео на входе, один готовый оборот на выходе, с тем же виджетом и доставкой с CDN, что и при загрузке фото.

В этой статье только сценарий загрузки. Режимы встраивания виджета, блок Shopify и интерактивные точки описаны на главной Spinnify и в подробном гайде по 360°-просмотру. К концу у вас должен быть активный товар в Studio и оборот, готовый к превью, примерно за две минуты за компьютером.

Почему часто хватает видео с оборотом

Хороший проход по столу уже содержит все нужные ракурсы: товар по центру, свет ровный, полный круг на Lazy Susan или моторизованном столе. Сложность не в съёмке, а в экспорте кадров, порядке имён файлов и загрузке десятков JPEG без путаницы между 14-м и 41-м кадром.

Один видеофайл сохраняет снятое движение. Spinnify выборкой собирает серию, которую ждёт виджет на витрине. Покупатель по-прежнему тянет мышью или свайпом в модальном окне. Вы пропускаете этап переименования, а не планку качества.

Что делает Spinnify с вашим файлом

Загрузка идёт в браузере на карточке товара. Сервис проверяет формат и длину, затем извлекает 36 кадров с равными интервалами по ролику. JPEG-оригиналы попадают в облачный проект; CDN отдаёт покупателям ресайз в WebP и AVIF. Кнопка «3D» по-прежнему грузится по нажатию, а не при открытии карточки.

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

Пайплайн Spinnify 360° Studio: видео с оборотом, 36 кадров в браузере, загрузка в spinnify.io, виджет 360° на карточке
Три шага: видео → 36 кадров в облаке → виджет 360° на витрине.

Загрузка оборота в Studio (примерно две минуты)

Шаги ниже предполагают, что аккаунт Spinnify уже есть. Сама отправка файла быстрая, если ролик укладывается в лимиты из чеклиста.

Сначала создайте карточку товара

В Spinnify Studio добавьте товар с именем как артикул в каталоге. Важна орфография; регистр букв не важен. Откройте карточку до перетаскивания видео, чтобы кадры попали в нужную папку и виджет потом нашёл товар по артикулу.

Перетащите видео с оборотом

На карточке товара используйте зону «Серийные фото 360°» (ту же, что для фото). Перетащите MP4, WebM или MOV либо выберите файл на диске. Одно видео за раз. Нельзя смешивать видео и фото в одной загрузке.

Дождитесь обработки и опубликуйте

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

Чеклист файла перед загрузкой

Держите список под рукой при экспорте с телефона или из монтажки. Файл вне лимитов отклонится сразу с понятной ошибкой.

  • 1. Формат: MP4, WebM или MOV.
  • 2. Длина: до 35 секунд.
  • 3. Размер: до 50 МБ.
  • 4. Одно видео за загрузку (без смеси фото и видео).
  • 5. Альбомная ориентация для основной серии 4:3; портретная для опциональной мобильной 3:4.

Ошибки, из-за которых всё тормозит

Смешать одно видео и несколько фото в одном перетаскивании нельзя. Выберите один путь за раз: до 36 фото или один видеофайл.

Видео с автоэкспозицией даёт «пульсацию» яркости по кадрам, и на витрине оборот выглядит неровно. Зафиксируйте экспозицию и баланс белого на камере до съёмки, как при серии фото.

Имя товара, не совпадающее с артикулом на витрине, другая частая причина «оборот есть, кнопки 3D нет». Создайте карточку в Studio с тем же идентификатором, который подхватит виджет.

Попробовать: откройте spinnify.io, создайте товар и перетащите ролик. Большинство команд укладываются в пару минут на загрузку. Время на встраивание зависит от шаблона витрины.

Часто задаваемые вопросы

Сколько кадров Spinnify извлекает из видео?
36 кадров, равномерно по длине ролика. Это стандартная плавная серия для десктопа в большинстве каталогов. Серию фото можно загрузить вручную с другим числом кадров, но из видео всегда получается 36.
Можно загрузить видео и фото вместе?
Нет. Одна загрузка: либо до 36 фото, либо одно видео. Выберите то, что уже есть на диске. Повторная загрузка нужна только если вы полностью заменяете серию.
Виджет на сайте ведёт себя иначе после загрузки видео?
Нет. Покупатель по-прежнему нажимает «3D» и крутит товар. Кадры оптимизируются на CDN Spinnify так же, как после серии фото, а просмотр грузится по нажатию, а не при первой отрисовке страницы.
Можно загрузить видео из мобильного приложения?
Пока нет. Загрузка видео доступна только в веб-панели. Мобильное приложение для пошаговой съёмки на складе. Снимайте в приложении на месте; если ролик уже экспортирован, используйте загрузку видео в браузере.

Автор

Редакция Spinnify

Команда Spinnify 360° Studio: гайды по 360°-обзорам, интеграциям и скорости карточки товара для интернет-магазинов.

Spinnify 360° Studio: поворотный стол, смартфон на штативе и 360° обзор на карточке товара
Продукт и UX12 min1 691 просмотров

Как сделать 360° обзор товара: от поворотного стола до виджета на сайте

Подробный путь от бюджетного стола до живого 360° обзора на карточке: ручные настройки камеры, загрузка по артикулу в Spinnify и один код виджета на весь каталог.

ИнструкцияСвоими силамиВиджет
Читать статью
Spinnify 360° Studio: уголок 360° на приёмке — поворотный стол и мобильное приложение
Продукт и UX10 min1 634 просмотров

360°-контент для интернет-магазина без студийного узкого места: один оператор, один процесс

Как снять 360° фото товара на приёмке: стол, приложение Spinnify, артикул, облако. Пошаговый гайд для склада — без студии и ручной заливки в каталог.

ПроцессМобильное приложение
Читать статью

Готовы опубликовать первый 360°-обзор?

Создайте товар, загрузите кадры и вставьте виджет одним script-тегом.

  1. Загрузить кадры
  2. Вставить script
  3. Опубликовать
Попробовать Spinnify