PHPackages                             denar90/yii2-wavesurfer-audio-widget - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. denar90/yii2-wavesurfer-audio-widget

ActiveYii2-extension[Image & Media](/categories/media)

denar90/yii2-wavesurfer-audio-widget
====================================

Wavesurfer audio widget for yii2.

v1.0(10y ago)0542[1 issues](https://github.com/denar90/yii2-wavesurfer-audio-widget/issues)MITPHP

Since Aug 14Pushed 10y ago1 watchersCompare

[ Source](https://github.com/denar90/yii2-wavesurfer-audio-widget)[ Packagist](https://packagist.org/packages/denar90/yii2-wavesurfer-audio-widget)[ Docs](https://github.com/denar90/yii2-sortable-widget)[ RSS](/packages/denar90-yii2-wavesurfer-audio-widget/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

yii2-wavesurfer-audio-widget
============================

[](#yii2-wavesurfer-audio-widget)

Audio widget for yii2 based on [wavesurfer.js](https://github.com/katspaugh/wavesurfer.js)

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

- Either run

```
php composer.phar require --prefer-dist "denar90/yii2-wavesurfer-audio-widget": "dev-master"

```

or add

```
"denar90/yii2-wavesurfer-audio-widget": "dev-master"
```

to the require section of your application's `composer.json` file.

Usage
-----

[](#usage)

In your view add

```
use denar90\waveSurferAudio\WaveSurferAudioWidget;
```

In place where you need widget to be shown add

```
echo WaveSurferAudioWidget::widget([
	'settings' => [
		'fileUrl' => url_to_your_mp3_file,
		'init' => [
			'container' => 'selector_name' //it has to be id not class
		],
		'callbacks' => [
			'ready' => new \yii\web\JsExpression("function(event) {
				this.play();
			}")
		],
		'controls' => [
			'play' => true,
			'pause' => true
		]
	]
]);
```

Options
-------

[](#options)

Init options sets in `init` array. [List of options](https://github.com/katspaugh/wavesurfer.js#wavesurfer-options)

Supported javascript callbacks sets in `callbacks` array

- `error` – Occurs on error. Callback will receive (string) error message.
- `finish` – When it finishes playing.
- `loading` – Fires continuously when loading via XHR or drag'n'drop.
- `mouseup` - When a mouse button goes up.
- `pause` – When audio is paused.
- `play` – When play starts.
- `ready` – When audio is loaded, decoded and the waveform drawn.
- `scroll` - When the scrollbar is moved.
- `seek` – On seeking.

Supported controls sets in `controls` array

- `playPause` - Plays if paused, pauses if playing.
- `play` - Starts playback from the current position. Optional start and end measured in seconds can be used to set the range of audio to play.
- `pause` - Stops playback.
- `back` - Rewind skipLength seconds.
- `forth` - Skip ahead skipLength seconds.
- `toggleMute` - Toggles the volume on and off.
- `toggleInteraction` - Toggle mouse interaction.
- `toggleScroll` - Toggles scrollParent.

###  Health Score

29

—

LowBetter than 60% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Unknown

Total

1

Last Release

3925d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/205df88e453b47434bf3025e69a2977d6d61b6bfa2826338e486d868f6866ba6?d=identicon)[denar90](/maintainers/denar90)

---

Top Contributors

[![denar90](https://avatars.githubusercontent.com/u/6231516?v=4)](https://github.com/denar90 "denar90 (4 commits)")

---

Tags

audiojqueryyii2extensionwidgetwavesurfer

### Embed Badge

![Health badge](/badges/denar90-yii2-wavesurfer-audio-widget/health.svg)

```
[![Health](https://phpackages.com/badges/denar90-yii2-wavesurfer-audio-widget/health.svg)](https://phpackages.com/packages/denar90-yii2-wavesurfer-audio-widget)
```

###  Alternatives

[raoul2000/yii2-jcrop-widget

This extension is a wrapper for the jQuery Image Cropping Plugin (jcrop)

10248.3k2](/packages/raoul2000-yii2-jcrop-widget)[bilginnet/yii2-cropper

Yii2 Bootstrap Cropper Input Widget

2232.1k](/packages/bilginnet-yii2-cropper)[keygenqt/yii2-autocomplete-ajax

A simple way to search model id of the attributes model

1015.8k](/packages/keygenqt-yii2-autocomplete-ajax)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)