Создание элемента HTML <audio> онлайн
Генератор HTML Audio создает элемент <audio> с необязательными дочерними элементами <source> для OGG и MP3. Укажите один или оба источника аудио и выберите параметры загрузки и воспроизведения. Предпросмотр, HTML-код и C#-код обновляются одновременно.
Настройки генератора HTML Audio
Интерактивный генератор поддерживает следующие настройки:
- Source (OGG) и Source (MP3) задают URL или относительные пути для дочерних элементов
<source>. Пустые поля источников не добавляются в код. - Preload добавляет
auto,metadataилиnoneкак рекомендацию браузеру по загрузке. - Autoplay, Controls, Loop и Muted добавляют соответствующие логические атрибуты к элементу
<audio>.
В созданной разметке OGG-источник располагается перед MP3-источником. Браузер проверяет их по порядку и выбирает первый поддерживаемый вариант.
Создание элемента HTML <audio> в C#
Панель HTML Code выше содержит настроенную разметку <audio>. Панель C# Code ниже создает такой же аудиоэлемент и список источников с помощью
Aspose.HTML for .NET
.
Созданный код выполняет следующие действия:
- Создает
HTMLDocumentи элемент<audio>с помощьюDocument.CreateElement(). - Применяет выбранные значения Preload и параметров воспроизведения через
Element.SetAttribute(). - Создает указанные элементы
<source>для OGG и MP3 и добавляет их в элемент<audio>с помощьюNode.AppendChild(). - Добавляет элемент
<audio>в тело документа и сохраняетaudio.htmlс помощьюHTMLDocument.Save().
Сначала настройте аудиоплеер, затем скопируйте обновленный C#-код в свой .NET-проект.
FAQ по генератору HTML Audio
1. Почему аудио не воспроизводится в предпросмотре?
Каждый URL или относительный путь должен вести к доступному браузеру ресурсу, а браузер должен поддерживать кодирование аудио. Если проигрыватель не находит подходящий источник, проверьте итоговый URL, ответ сервера, MIME-тип и совместимость кодека.
2. Зачем указывать одновременно OGG- и MP3-источники?
Альтернативные источники повышают совместимость воспроизведения в разных браузерах и средах. Созданный элемент <audio> перечисляет сначала OGG, затем MP3. Браузер проверяет варианты по порядку и использует первый поддерживаемый MIME-тип и формат кодирования.
3. Почему элемент <audio> с включенным Autoplay остается на паузе?
Браузеры часто блокируют автоматическое воспроизведение звука до взаимодействия пользователя со страницей. Включение Muted иногда разрешает Autoplay, но окончательное решение зависит от политики браузера и настроек пользователя.
4. Гарантирует ли Preload объем загружаемых аудиоданных?
Нет. Атрибут preload является рекомендацией, а не командой. none не рекомендует предварительную загрузку, metadata запрашивает основные сведения о медиа, а auto разрешает загрузить больше данных. Браузер может выбрать другую стратегию.
5. Загружает, размещает или конвертирует ли генератор аудиофайлы?
Нет. Он создает HTML- и C#-код со ссылками на указанные OGG- или MP3-источники. Файлы уже должны быть доступны по этим URL или относительным путям и иметь кодирование, поддерживаемое целевыми браузерами.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие HTML-генераторы
Создавайте другие HTML-элементы и структуры с помощью специализированных генераторов