Title: Easy Waveform Player
Author: tymotey
Published: <strong>2020 年 10 月 13 日</strong>
Last modified: 2024 年 12 月 15 日

---

搜索插件

![](https://s.w.org/plugins/geopattern-icon/easy-waveform-player.svg)

# Easy Waveform Player

 作者：[tymotey](https://profiles.wordpress.org/tymotey/)

[下载](https://downloads.wordpress.org/plugin/easy-waveform-player.1.2.1.zip)

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

 [支持](https://wordpress.org/support/plugin/easy-waveform-player/)

## 描述

SSL certificate is REQUIRED for the plugin to work!
 Easy Waveform Player allows
you to add visual waveform, generated on the fly, for an audio file. Loads audio
on request only. If multiple players are showed they will not over load all the 
audio at once. Autostop other Easy Waveform Players if they are playing.

How to use:

1) Use the block from the editor you have installed(intergrated in: Gutenberb, Elementor,
WPBakery Visual Builder, DIVI)
 2) Run code programatically. Code example:

    ```
     global $easywaveformplayer;
    echo $easywaveformplayer->easywaveformplayer(
        array(
            'audio' => 'https://link.to/audio.mp3',
        )
    );
    ```

3) Write manual shortcode using examples below

Examples:

 * Load audio by libray id: `[easywaveformplayer audio="6"]`
 * Load audio by URL: `[easywaveformplayer audio="https://file-examples-com.github.
   io/uploads/2017/11/file_example_MP3_700KB.mp3"]`
 * Autoplay(this requires that user allow permission to autoplay for your page):`[
   easywaveformplayer audio="6" autoplay="1"]`
 * Add title: `[easywaveformplayer audio="https://file-examples-com.github.io/uploads/
   2017/11/file_example_MP3_700KB.mp3" title="This is a title"]`
 * Animated appearence of timeline: `[easywaveformplayer audio="https://file-examples-
   com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" animated="true"]`
 * Wave design changes: `[easywaveformplayer audio="https://file-examples-com.github.
   io/uploads/2017/11/file_example_MP3_700KB.mp3" timeline_wave_color="#FF0000" 
   timeline_progress_color="#000000"]`
 * Colored timelime background(including gradient): `[easywaveformplayer audio="
   https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3"
   timeline_background_color="linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1)
   35%, rgba(0,212,255,1) 100%)"]`
 * Minimum size and adding different size then default: `[easywaveformplayer audio
   ="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.
   mp3" min="true" mini_size="100"]`
 * Minimum size with progress indicator: `[easywaveformplayer audio="https://file-
   examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" min="true"
   show_progress="true"]`

Parameters and default values:

 * id -> ” can be any value containing letters, numbers, _ OR – Value Added will
   be concatenated with: “ewfplayer_”. Eg: ewfplayer_mainplayer
 * always_play -> 0 (0 – it will stop when other player start playing, 1 – it will
   continue playing when other start playing)
 * autoplay -> 0 (accepted 0 or 1 values)
 * animated -> false (accepted true or false values)
 * min -> false (accepted true or false values)
 * show_progress -> false (accepted true or false values)
 * player_width -> 100% (any css width values)
 * player_position -> left (left, center, right)
 * player_background_color -> transparent (or other CSS color)
 * mini_size -> 60 (in px)
 * mini_border_size -> 2 (in px)
 * mini_border_color -> #000000 (transparent or other CSS color)
 * progress_circle_thickness -> 4 (in px)
 * progress_circle_color -> #FF0000 (transparent or other CSS color)
 * controller_size -> 40 (in px)
 * controller_color -> #000000 (transparent or other CSS color)
 * timeline_background_color -> transparent (in px)
 * timeline_wave_color -> #999999 (transparent or other CSS color)
 * timeline_progress_color -> #555555 (transparent or other CSS color)
 * timeline_cursor_width -> 1 (in px)
 * timeline_cursor_color -> #333333 (transparent or other CSS color)
 * timeline_height -> 128 (in px)
 * timeline_bar_gap -> 0 (any number, starting from 0)
 * timeline_bar_width -> 0 (any number, starting from 0)
 * timeline_bar_radius -> 0 (any number, starting from 0)

Built using library: [https://wavesurfer-js.org/](https://wavesurfer-js.org/)

SSL certificate is REQUIRED for the plugin to work!

## 屏幕截图

 * [[
 * Plugin Settings
 * [[
 * Waveform Player example
 * [[
 * Waveform Player example with mini players

## 区块

该插件提供了 1 个区块.

 *   Easy Waveform Player

## 安装

#### Minimum Requirements

 * PHP version 5.6 or greater (PHP 7.1 or greater is recommended)

#### Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers
itself and you don’t need to leave your web browser. To do an automatic install 
of Face Recognition, log in to your WordPress dashboard, navigate to the Plugins
menu and click Add New.

In the search field type “Waveform Player” and click Search Plugins. Once you’ve
found the plugin you can view details about it such as the point release, rating
and description. Most importantly of course, you can install it by simply clicking“
Install Now”.

#### Manual installation

The manual installation method involves downloading our plugin and uploading it 
to your webserver via your favourite FTP application OR from Admin Area -> Plugins-
> Add New and choose ‘Upload Plugin’. The WordPress codex contains [instructions on how to do this here](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

## 常见问题

### Why SSL is required?

Plugin uses parts of browser that needs SSL to run

### Cache plugins

The plugin should work with any cache plugin

### Integrations

The plugin is integrated with main builders by adding custom block.

## 评价

此插件暂无评价。

## 贡献者及开发者

「Easy Waveform Player」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ tymotey ](https://profiles.wordpress.org/tymotey/)

[帮助将「Easy Waveform Player」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/easy-waveform-player)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.2.2

Fixed a hack exploit
 Fixed uninstall bug Tested with WordPress 6.7 Diverse code
changes

#### 1.2.0

Removed Gutenberg support
 Tested with WordPress 6.4.3

#### 1.1.0

Added Integrations with: Gutenberg, Elementor, WPBakery Visual Builder and DIVI 
builder. More to come!
 Added possibility to run the plugin programatically, from
main class(see readme) Bug fixes and improvements to plugin Typos fix

#### 1.0.0

On date 2019-10-14:
 * First version pushed to WordPress

## 额外信息

 *  版本 **1.2.2**
 *  最后更新：**1 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 5.0 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/easy-waveform-player/)
 * 标签
 * [audio](https://cn.wordpress.org/plugins/tags/audio/)[elementor](https://cn.wordpress.org/plugins/tags/elementor/)
   [player](https://cn.wordpress.org/plugins/tags/player/)[waveform](https://cn.wordpress.org/plugins/tags/waveform/)
   [WPBakery](https://cn.wordpress.org/plugins/tags/wpbakery/)
 *  [高级视图](https://cn.wordpress.org/plugins/easy-waveform-player/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/easy-waveform-player/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/easy-waveform-player/reviews/)

## 贡献者

 *   [ tymotey ](https://profiles.wordpress.org/tymotey/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/easy-waveform-player/)

## 捐助

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

 [ 捐助此插件 ](https://www.paypal.me/timoteiB)