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.

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」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Audio Wave Block」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0

  • Initial release.