Create an HTML <audio> Element Online
The HTML Audio Generator creates an <audio> element with optional OGG and MP3 <source> elements. Enter one or both audio locations and choose the loading and playback settings; the preview, HTML output, and C# output update together.
Audio Generator Options
The interactive generator supports these controls:
- Source (OGG) and Source (MP3) set the URLs or relative paths for the child
<source>elements. Empty source fields are omitted. - Preload adds
auto,metadata, ornoneas a loading hint for the browser. - Autoplay, Controls, Loop, and Muted add the corresponding boolean attributes to the
<audio>element.
The generated markup places the OGG source before the MP3 source. The browser examines the available sources in order and selects one it can play.
Create an HTML <audio> Element in C#
The HTML Code panel above contains the configured <audio> markup. The C# Code panel below creates the same audio element and source list with
Aspose.HTML for .NET
.
The generated code follows this workflow:
- Create an
HTMLDocumentand an<audio>element withDocument.CreateElement(). - Apply the selected preload and playback values with
Element.SetAttribute(). - Create the supplied OGG and MP3
<source>elements and add them to the audio element withNode.AppendChild(). - Append the audio to the document body and save
audio.htmlwithHTMLDocument.Save().
Configure the audio player first, then copy the updated C# code into your .NET project.
HTML Audio Generator FAQ
1. Why does the audio not play in the preview?
Each source URL or relative path must resolve to a resource that the browser can access, and the browser must support the audio encoding. Check the resolved URL, server response, MIME type, and codec compatibility if the player reports that no source can be played.
2. Why can I provide both OGG and MP3 sources?
Alternative sources improve playback compatibility across browsers and environments. The generated <audio> element lists OGG first and MP3 second; the browser examines them in order and uses the first source whose media type and encoding it supports.
3. Why does an autoplay audio player remain paused?
Browsers commonly block audible autoplay until the user interacts with the page. Enabling Muted may allow autoplay in some environments, but browser policy and user preferences still determine whether playback starts automatically.
4. Does the preload option guarantee how much audio the browser downloads?
No. The preload attribute is a hint rather than a command. none discourages preloading, metadata requests basic media information, and auto permits more data to be fetched, but the browser can choose another strategy.
5. Does the generator upload, host, or convert audio files?
No. It creates HTML and C# code that references the OGG or MP3 locations you enter. The files must already be available at those URLs or relative paths and encoded in formats supported by the target browsers.
Get Started with Aspose.HTML for .NET API
Install Aspose.HTML for .NET from NuGet with the .NET CLI:
dotnet add package Aspose.HTML
You can also use the NuGet Package Manager UI or run Install-Package Aspose.HTML in the Package Manager Console. See the
installation guide
for setup details, or request a
temporary license
to evaluate the API without evaluation limitations.
Related HTML Generators
Create other HTML structures and elements with focused generators: