音频播放器测试

这是一篇测试音频播放功能的示例文章。你可以在上方看到微信风格的音频播放器。

功能特点

  • ✅ 微信浏览器完美兼容
  • ✅ 普通浏览器支持
  • ✅ 移动端适配
  • ✅ 进度条可拖动
  • ✅ 显示播放时长

如何使用

在文章的 Front Matter 中添加以下字段:

1
2
3
audio: "/audio/your-audio.mp3"  # 音频文件路径
audioTitle: "音频标题"            # 可选,显示在播放器上
audioDescription: "音频描述"      # 可选,显示在播放器下方

音频文件存放位置

将音频文件放在 static/audio/ 目录下,然后在文章中引用:

1
audio: "/audio/my-song.mp3"

这是一段正文内容,用于测试音频播放器和文章排版的效果。

这是一段引用文字,看看音频播放器是否会影响文章的整体排版。

感谢你的阅读!如果一切正常,你应该能在文章中看到一个美观的音频播放器。