跳到主要内容

音频 (Audio)

音频内容类型允许您在内容中嵌入音频文件，支持背景音乐、语音讲解、音效等多种应用场景。支持常见的音频格式如MP3、OGG等。

本教程目标​

  1. 掌握音频内容的适用场景和播放特性
  2. 学习上传和配置音频文件的完整流程
  3. 了解如何设置播放选项和用户控制

第一次使用课灵？

请先注册并登录课灵账号(可以使用微信登录)，在工作区点击"创建"，并选择『音频 (Audio)』开始创作。

注册/登录

何时使用音频​

  1. 背景音乐场景：为课程内容添加环境音乐或氛围音效
  2. 语音讲解：配合文字或图片提供语音说明和讲解
  3. 语言学习：提供标准发音、对话示例和听力材料
  4. 音效反馈：为交互操作提供声音提示和反馈

教程示例​

下面是我们将在本教程中创建的音频示例。

示例音频播放器，包含播放控制和进度条
快速复制示例
  • 点击 这里➜ 将示例复制到你的课灵工作区
  • 在打开的页面点击"复制" (注意：请确保已登录课灵账号，否则无法复制)
  • 随后在生成的副本中点击"编辑"
  • 即可查看并操作本教程所示的设置。

创建音频：分步指南​

步骤 1：创建新内容​

  1. 在课灵工作区点击"创建"，进入 H5P 编辑器
  2. 在内容类型列表中选择 『音频』 或搜索 Audio
  3. 进入编辑界面开始配置
选择音频内容类型
从 H5P 内容类型列表中选择『音频』

步骤 2：设置音频​

填写基本信息：

  • 标题：用于搜索、报告与版权信息；

在 『源文件』 区域点击上传按钮，选择您的音频文件：

上传音频文件
上传音频文件到内容类型中
  • 支持格式：MP3, OGG, WAV
  • 文件大小：建议不超过 10MB
  • 音频质量：128kbps 或以上
  • 也可粘贴其他音频源 URL：支持 https:// 直链的 MP3/OGG/WAV；请确保外链允许跨域访问（CORS）且长期可用。
  • 插入与取消：选择文件或填写 URL 后，点击“插入”完成添加；如需返回，点击“取消”。
插入音频文件
插入音频文件
补充说明
  • 版权与合规：仅使用合法授权的音频资源；建议在标题或元数据中标注来源与许可。
  • 命名与质量建议：文件名采用英文/数字/短横线（避免空格与中文符号）；采样率 44.1kHz、码率 ≥ 128kbps，录音内容注意降噪与音量归一化。

步骤 3：配置播放选项​

在 『播放器模式』（Player mode）设置中，您可以自定义播放器的外观与行为：

  • 播放方式：

    • 简约 (Minimalistic)：仅显示一个圆形的播放按钮。适合作为页面装饰或背景音效，占用空间极小。
    • 完整 (Full)：显示完整的播放条，包含播放/暂停、进度条、时间显示和音量控制。适合教学讲解或长音频。
    • 透明 (Transparent)：完全不可见。通常用于需要自动播放背景音乐且不希望用户干扰的特殊场景（需谨慎使用）。

  • 自适应画面 (Fit to wrapper)：勾选后，播放器宽度将填满其所在的容器。建议始终勾选，以确保在移动设备上的响应式体验。

  • 启用自动播放 (Enable Autoplay)：勾选后，音频将在页面加载时尝试自动播放。

    • 注意：现代浏览器（尤其是移动端）通常会拦截带有声音的自动播放，除非用户已与页面进行了交互。因此，不要过度依赖此功能作为唯一的播放触发方式。
配置播放选项
音频播放选项配置界面

步骤 4：保存与预览​

点击 『保存并关闭』 生成完整的示例内容。您现在应该有一个与本教程顶部示例类似的结果。

交互说明​

根据您选择的播放模式，学习者将体验到不同的交互方式：

  1. 播放控制：点击播放/暂停按钮控制音频流。
  2. 进度跳转：在“完整”模式下，拖动进度条可快速跳转到特定时间点。
  3. 音量调节：悬停或点击音量图标可调整声音大小或静音。
  4. 下载：如果浏览器支持且未被禁用，用户可以通过右键菜单下载音频文件（H5P 默认不提供显式的下载按钮，但源文件通常是可访问的）。

优化与可访问性​

  • 提供文本替代：音频内容对听障用户不可访问。务必在音频下方或相关位置提供文字记录（Transcript）或摘要。您可以使用 『文字记录』 内容类型来组合音频和文本。
  • 避免自动播放：自动播放的声音会干扰屏幕阅读器用户，并可能导致认知负荷过重的用户感到困扰。除非绝对必要（如环境音效），否则请默认关闭自动播放。
  • 文件大小优化：为了确保在弱网环境下的加载速度，建议将音频文件压缩。对于语音内容，64kbps-96kbps 的 MP3 通常已足够清晰；音乐内容可使用 128kbps。

专家提示：用例灵感与相关内容类型推荐​

本教程展示了基础的音频播放器创建。但在实际教学中，音频往往需要与其他元素结合才能发挥最大效用：

  • 听力理解测验：不要只放一段音频。结合 『听写』(Dictation) 让学生写下听到的内容，或使用 『多项选择』 测试理解度。
  • 语言发音示范：在 『对话卡』(Dialog Cards) 中嵌入音频，一面是单词文本，点击可听到标准发音。
  • 交互式播客：使用 『交互式视频』(Interactive Video) 但上传黑屏或静态图作为视频流，然后在时间轴上添加互动问题，制作“交互式音频课”。
  • 无障碍增强：始终记得，单纯的音频对于听障学习者是信息黑洞。配套的文本记录不仅是辅助，更是无障碍合规的必需品。
最后由 Sam Xu 于 更新