☰

Встраиваемые виджеты vsetii.ru

Готовые сниппеты, которые можно вставить на любой сайт. Никаких зависимостей — один скрипт и готово. Ниже: мини-плеер + «Хадис дня» + «Рандомайзер». Безопасно: виджеты изолированы и не ломают стили сайта

Быстрый старт

Добавь этот скрипт перед </body> — и можешь подключать виджеты через div. 

<script src="https://vsetii.ru/widgets/vsetii-widgets.js" defer></script>
Если сайт с CSP: разреши домен vsetii.ru для script-src и style-src.

Превью на этой странице

Ниже виджеты реально запускаются (если файлы положишь по указанным путям).

Live-демо
Мини-плеер показывается снизу и “прилипает”. Для демо — смотри низ страницы.

Виджет: Мини-плеер

Встраиваемый мини-плеер vsetii: авто-подхват трека, play/pause, prev/next, прогресс. Можно ставить справа снизу или снизу по центру.

position: bottom theme: glass API: /audio-api.php 
<!-- 1) подключи loader -->
<script src="https://vsetii.ru/widgets/vsetii-widgets.js" defer></script>

<!-- 2) поставь контейнер -->
<div
  class="vsetii-widget"
  data-widget="mini-player"
  data-position="bottom"
  data-theme="glass"
  data-api="https://vsetii.ru/audio-api.php">
</div>
⚠️ Важно: мини-плеер лучше подключать один раз на страницу.

Виджет: «Хадис дня»

Компактная карточка: случайный хадис + автопереключение. Отлично для сайдбара. 

<script src="https://vsetii.ru/widgets/vsetii-widgets.js" defer></script>

<div
  class="vsetii-widget"
  data-widget="hadith"
  data-theme="glass"
  data-interval="7000">
</div>

Виджет: «Рандомайзер»

Рандом-число (по умолчанию 00–99), без повторов — пока не исчерпает пул. 

<script src="https://vsetii.ru/widgets/vsetii-widgets.js" defer></script>

<div
  class="vsetii-widget"
  data-widget="random"
  data-min="0"
  data-max="99">
</div>
Скопировано ✅