Title: Audio Wave Block
Author: Senff - a11n
Published: <strong>2026 年 5 月 24 日</strong>
Last modified: 2026 年 5 月 24 日

---

搜索插件

![](https://ps.w.org/audio-wave-block/assets/icon-256x256.png?rev=3546601)

# Audio Wave Block

 作者：[Senff – a11n](https://profiles.wordpress.org/senff/)

[下载](https://downloads.wordpress.org/plugin/audio-wave-block.1.0.zip)

 * [详情](https://cn.wordpress.org/plugins/audio-wave-block/#description)
 * [评价](https://cn.wordpress.org/plugins/audio-wave-block/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/audio-wave-block/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/audio-wave-block/#developers)

 [支持](https://wordpress.org/support/plugin/audio-wave-block/)

## 描述

Audio Wave Block adds a block to the Block Editor, that can be used to play any 
audio file on your site. It only has a Play/Pause button and shows the waveform 
of the audio, and during playing it shows a progress bar, using the WaveSurfer library.

### Features:

 * Shows the audio waveform, representating the sound levels of the audio file.
 * Progress bar can be dragged to any position.
 * Customizable colors for the player background, button and waveform (played/unplayed).
 * Multiple players can be present on a single post/page.
 * When starting a player, any other players that are already playing on the same
   page will pause (avoiding multiple players running at the same time).

### Third-Party Libraries

This plugin includes WaveSurfer.js (https://wavesurfer.xyz/) v7.12.6, used for audio
waveform rendering.

 * License: BSD 3-Clause
 * Copyright: © 2012–2024 katspaugh and contributors
 * Source: https://github.com/katspaugh/wavesurfer.js

## 屏幕截图

 * [[
 * Players in the editor
 * [[
 * Players on the front end

## 区块

该插件提供了 1 个区块.

 *   Audio Wave

## 安装

#### Installation from within WordPress

 1. Visit **Plugins > Add New**.
 2. Search for **Audio Wave Block**.
 3. Install and activate the Audio Wave Block plugin.
 4. In the Block Editor, select /audiowave to add the block.
 5. Select an audio file and customize colors.

#### Manual installation

 1. Upload the entire `audio-wave-block` folder to the `/wp-content/plugins/` directory.
 2. Visit **Plugins**.
 3. Activate the Audio Wave Block plugin.
 4. In the Block Editor, select /audiowave to add the block.
 5. Select an audio file and customize colors.

## 常见问题

### What does it do exactly?

This plugin adds a new block called Audio Wave, that is a very basic audio player.
The player adds a waveform that is a true representation of the audio levels in 
the audio file, meaning that it will show a timeline of the song/sound, indicating
where the quiet parts and louder parts are. The listener can play and pause, and
click anywhere on the waveform to jump to that point.

### The player doesn’t offer the listener the option to DOWNLOAD the file? Or change the volume?

No, the purpose of this player is to keep things very simple: just a button and 
a waveform. If you want the options in your player to download audio or change the
volume, use the default Audio player instead.

### I need more help please!

If you’re not sure how to use this, or you’re running into any issues with it, post
a message on the plugin’s [WordPress.org support forum](https://wordpress.org/support/plugin/audio-wave-block).

### I’ve noticed that something doesn’t work right, or I have an idea for improvement. How can I report this?

Audio Wave Block’s community support forum at https://wordpress.org/support/plugin/
audio-wave-block would a good place, though if you want to add all sorts of -technical-
details, it’s best to report it on the plugin’s Github page at https://github.com/
senff/WordPress-Audio-Wave-Block/issues . This is also where I consider code contributions.

### My question isn’t listed here?

Please go to the plugin’s community support forum at https://wordpress.org/support/
plugin/audio-wave-block and post a message. Note that support is provided on a voluntary
basis and that it can be difficult to troubleshoot, and may require access to your
admin area. Needless to say, NEVER include any passwords of your site on a public
forum!

## 评价

此插件暂无评价。

## 贡献者及开发者

「Audio Wave Block」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Senff – a11n ](https://profiles.wordpress.org/senff/)

[帮助将「Audio Wave Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/audio-wave-block)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/audio-wave-block/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/audio-wave-block/)，或通过[RSS](https://plugins.trac.wordpress.org/log/audio-wave-block/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/audio-wave-block/)。

## 更新日志

#### 1.0

 * Initial release.

## 额外信息

 *  版本 **1.0**
 *  最后更新：**2 周前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/audio-wave-block/)
 * 标签
 * [audio](https://cn.wordpress.org/plugins/tags/audio/)[music](https://cn.wordpress.org/plugins/tags/music/)
   [player](https://cn.wordpress.org/plugins/tags/player/)[wave](https://cn.wordpress.org/plugins/tags/wave/)
   [waveform](https://cn.wordpress.org/plugins/tags/waveform/)
 *  [高级视图](https://cn.wordpress.org/plugins/audio-wave-block/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/audio-wave-block/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/audio-wave-block/reviews/)

## 贡献者

 *   [ Senff – a11n ](https://profiles.wordpress.org/senff/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/audio-wave-block/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://donate.senff.com)