Перейти к основному содержанию

Генератор HTML-аудио

API reference

Создайте тег аудиоплеера <audio> — укажите источник, элементы управления, автовоспроизведение, повтор, беззвучный режим и предзагрузку, затем скопируйте готовый HTML. Бесплатно, мгновенно, без ИИ.

Ввод

Настройки

Большинство браузеров автоматически воспроизводят только медиа без звука.

Добавьте к элементу свои CSS-классы. Несколько классов разделяйте пробелами.

Вывод

Введите URL аудио, чтобы увидеть плеер.

Готовый тег, отображаемый изолированно в Shadow DOM. Удалённые файлы загружаются, только если хост разрешает hotlinking.

HTML
 
Это было полезно?

Другие способы использовать этот инструмент

REST API

curl -X POST https://api.iotools.cloud/v1/tool/html-generator/audio \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "customSrc": "https://example.com/song.mp3",
    "customControls": "true",
    "customAutoplay": "",
    "customLoop": "",
    "customMuted": "",
    "customPreload": "metadata",
    "customClasses": ""
  }'

Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.

Спросите у ИИ-агента

Use the IOTools `html-generator__audio` tool (HTML Audio Generator) on this input:

YOUR_INPUT_HERE

Вставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.

Виджет для встраивания

<iframe
  src="https://iotools.cloud/embed/html-generator/audio/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Генератор HTML-аудио — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.

Стоимость вызова API/MCPОт 5 кредитов
Нужно больше кредитов?Посмотреть тарифы

Также доступно через

Руководства

Создайте готовый к вставке тег <audio> — задайте источник, элементы управления, автовоспроизведение, повтор, беззвучный режим и предзагрузку, затем скопируйте сгенерированный HTML.

Работает полностью в вашем браузере: без вызова ИИ, без кредитов и без обращения к сети.

Как пользоваться

  1. Введите URL аудио.
  2. Включите Показывать элементы управления, Автовоспроизведение, Повтор и Без звука, а также выберите стратегию Предзагрузка.
  3. Проверьте Живой предпросмотр — настоящий плеер, отрисованный по сгенерированному тегу.
  4. Скопируйте или скачайте сгенерированный HTML.

Браузеры обычно блокируют автовоспроизведение со звуком, поэтому, если нужно, чтобы аудио запускалось при загрузке, комбинируйте Автовоспроизведение с Без звука. Внутри элемента добавлена резервная ссылка для скачивания — для браузеров, которые не могут его воспроизвести.

htmlaudioplayergenerator

Нравятся инструменты? Уберите рекламу.

Один платёж навсегда убирает всю рекламу с вашего аккаунта. Без подписки, без слежки.