Glissando – Animated Audio Player
| 开发者 |
tomsgl
freemius |
|---|---|
| 更新时间 | 2026年9月10日 03:23 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.1 |
| 版权: | GPL-2.0-or-later |
| 版权网址: | 版权信息 |
详情介绍:
Glissando is a glass-style audio player with a real-time animated visualizer. Add players anywhere with the Gutenberg block, the Elementor widget, or the
[glissando] shortcode.
Features
- Artwork and Compact player presets
- Dark and light themes, six color palettes, custom colors
- Solid visualizer bars with adjustable bar count
- Visualizer tuning: animation speed, frequency range, low cut
- Card styling: hover and glass tint colors, corner radius, shadows, background opacity
- Download button (icon/text styles, second file, download counter)
- Gutenberg block, Elementor widget and
[glissando]shortcode - Scalable
- Track from the media library or any external URL
- Title and artist, filled in automatically from the media metadata
- Album artwork, square or 16:9, with zoom (1-2.5x) and vertical position
- Artwork or Compact preset
- Alignment: left, center or right in its column
- Adapts to the column it sits in - the volume slider and the download buttons collapse behind a menu button in a narrow column, not only on phones
- Dark or light theme
- Six visualizer palettes: aurora, sunset, fire, candy, ocean, mono
- Or your own bar gradient, up to three hex colors
- Glass tint color and button hover color
- Bar count, 32 to 160
- Animation speed, from real time to slow drift
- Frequency range and low cut - trim the deep bass off the left edge
- Peak-cap float amount
- Background opacity, 0 to 0.8 - at 0 the card is fully clear glass
- Corner radius, 0 to 40px
- Shadow size and strength
- Download button on or off
- Icon, text or both, with your own label
- A second downloadable file (an instrumental, say) with its own label
- Download counter per track, with an optional starting number when you are migrating from somewhere that already had counts
- Keyboard-operable play, seek and volume, with visible focus rings
- Honors prefers-reduced-motion
安装:
- Upload the plugin ZIP via Plugins → Add New → Upload, or unzip into
wp-content/plugins/. - Activate the plugin.
- Add the Glissando Player block (or Elementor widget), or use
[glissando id="123"]/[glissando src="https://example.com/track.mp3"].
屏幕截图:
常见问题:
Does it work with any theme?
Yes. The player renders in a Shadow DOM, so theme styles cannot break it.
Do I have to set every option on every player?
No. Settings - Glissando holds the defaults for the whole site; a player only carries the settings you change on it.
Does it fit in a narrow sidebar column?
Yes. The player measures the column it is in, not the browser window, so it lays out the same in a 300px sidebar on a desktop as it does on a phone.
Can visitors download the track?
If you turn the download button on. You can label it, show it as an icon, text or both, offer a second file alongside it, and show how many times each track has been downloaded.
更新日志:
1.2.8
- The plugin icon now shows on the Plugins and Dashboard - Updates screens instead of a placeholder.
- The actions button no longer appears when both downloads and share are off — it used to open an empty bubble.
- Narrow columns: the volume slider now hides by column width, not viewport width, so the actions button stops wrapping to a second line in a narrow Elementor column.
- Radial preset: download/share collapse behind the actions button like every other preset, so nothing spills outside the card at small sizes.
- Radial preset: artwork vertical position slider now applies (and shows up in the Elementor widget).
- First release on WordPress.org.