Демо компонента Story

Функциональность:

• Автовоспроизведение видео
• Прогресс-бар для каждого сторис
• Навигация стрелками ← →
• Пробел для следующего сторис
• Escape для закрытия
• Свайпы влево/вправо на мобильных
• Поддержка видео и изображений
• Автоматический переход к следующему сторис

Изображения

[
  {
    "src": "/images/slides/1.png",
    "type": "image",
    "duration": 3000
  },
  {
    "src": "/images/slides/2.jpg",
    "type": "image",
    "duration": 4000
  },
  {
    "src": "/images/slides/3.jpg",
    "type": "image",
    "duration": 3500
  }
]

Видео

[
  {
    "src": "/videos/story1.mp4",
    "type": "video"
  },
  {
    "src": "/videos/story2.mp4",
    "type": "video"
  },
  {
    "src": "/videos/story3.mp4",
    "type": "video"
  }
]

Смешанный

[
  {
    "src": "/images/slides/1.png",
    "type": "image",
    "duration": 3000
  },
  {
    "src": "/videos/story1.mp4",
    "type": "video"
  },
  {
    "src": "/images/slides/2.jpg",
    "type": "image",
    "duration": 4000
  },
  {
    "src": "/videos/story2.mp4",
    "type": "video"
  }
]