HTML Audio 生成器

在线创建 HTML <audio> 元素

HTML Audio 生成器创建带有可选 OGG 和 MP3 <source> 元素的 <audio> 元素。输入一个或两个音频位置并选择加载和播放设置，预览、HTML 输出和 C# 输出会同步更新。

使用 C# 创建 HTML <audio> 元素

上方 HTML Code 面板包含已配置的 <audio> markup。下方 C# Code 面板使用 Aspose.HTML for .NET 创建相同的 audio 元素和 Source 列表。

生成的代码执行以下步骤：

1. 创建 HTMLDocument ，并使用 Document.CreateElement() 创建 <audio> 元素。
2. 使用 Element.SetAttribute() 应用所选的 Preload 和播放值。
3. 创建已提供的 OGG 和 MP3 <source> 元素，并使用 Node.AppendChild() 将它们添加到 audio 元素。
4. 将 audio 添加到文档 body，并使用 HTMLDocument.Save() 保存为 audio.html。

先配置 audio 播放器，然后将更新后的 C# 代码复制到 .NET 项目中。

HTML Audio 生成器常见问题

1. 为什么音频无法在预览中播放?

每个 Source URL 或相对路径都必须解析为浏览器能够访问的资源，而且浏览器必须支持相应音频编码。如果播放器报告没有可播放的 Source，请检查解析后的 URL、服务器响应、MIME type 和 codec 兼容性。

2. 为什么可以同时提供 OGG 和 MP3 Source?

备用 Source 可提高不同浏览器和环境中的播放兼容性。生成的 <audio> 元素先列出 OGG，再列出 MP3；浏览器会按顺序检查，并使用首个受支持媒体类型和编码的 Source。

3. 为什么设置 Autoplay 后 audio 播放器仍保持暂停?

浏览器通常会在用户与页面交互前阻止有声自动播放。在某些环境中启用 Muted 可能允许 Autoplay，但是否自动开始播放仍由浏览器策略和用户偏好决定。

4. Preload 选项能保证浏览器下载多少音频数据吗?

不能。preload 属性是提示而不是命令。none 建议不预加载，metadata 请求基本媒体信息，auto 允许获取更多数据，但浏览器仍可选择其他策略。

5. 生成器会上传、托管或转换音频文件吗?

不会。生成器创建引用所输入 OGG 或 MP3 位置的 HTML 和 C# 代码。这些文件必须已存在于相应 URL 或相对路径，并采用目标浏览器支持的格式编码。

安装 Aspose.HTML for .NET

使用 .NET CLI 从 NuGet 安装 Aspose.HTML for .NET ：

dotnet add package Aspose.HTML

您也可以使用 NuGet 包管理器界面，或在包管理器控制台中运行 Install-Package Aspose.HTML。有关配置详情，请参阅 安装指南 ；如需不受评估版限制地测试 API，请申请 临时许可证 。