Àpèjúwe
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
Everything you can tweak
Every setting below has a control in the block sidebar, the Elementor widget and
the shortcode. Settings Ìtumọ̀ Yorùbá: – Glissando holds the site-wide defaults that new
players start from, and any player can override them.
Audio and text
- 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
Layout
- Artwork or Compact preset
- Alignment: left, center or right in its column
- Adapts to the column it sits in Ìtumọ̀ Yorùbá: – scalable
Colors
- Dark or light theme
- Six visualizer palettes: aurora, sunset, fire, candy, ocean, mono
- Multi-color gradients of your own
- Glass tint color and button hover color
Visualizer
- Bar count from 32 to 160
- Animation speed, from real time to slow drift
- Frequency range and low cut Ìtumọ̀ Yorùbá: – trim the deep bass off the left edge
Card customization settings
- Background opacity
- Corner radius
- Shadow size and strength
Downloads
- Download button on or off
- Icon, text or both, with your own label
- A second downloadable file (e.g. instrumental) with its own label
- Download counter per track
Accessibility
- Keyboard-operable play, seek and volume, with visible focus rings
- Respects the system “reduce motion” accessibility setting
A separately sold Pro version adds further player layouts (Standard, Minimal,
Radial), playlists, the LED and Dots bar styles and a share button.
Source code
None of this pluginÌtumọ̀ Yorùbá: ’s own code is minified, compiled or obfuscated. Every PHP,
JavaScript and CSS file I wrote is the original human-readable source, and it
uses no third-party JavaScript libraries.
There is one generated value: the GLISSANDO_CSS string near the top of
assets/glissando.js. The player renders inside a Shadow DOM so that themes
cannot break it, and a Shadow DOM cannot see enqueued stylesheets, so the
stylesheet has to be injected as a string.
The readable source for that string is bundled with the plugin, uncompressed, at
assets/glissando.css. GLISSANDO_CSS is that same stylesheet encoded as a
JavaScript string literal Ìtumọ̀ Yorùbá: – the rules, selectors, comments and formatting are
identical, so the two can be read side by side.
The build step is bundled too, as bake-css.js in the plugin folder. It needs
Node.js and nothing else: no npm install, no dependencies, no bundler. After
editing assets/glissando.css, run this from the plugin folder to regenerate
the string:
node bake-css.js<h3>External services</h3>
This plugin uses Freemius to handle licensing, plugin updates and optional
usage diagnostics.
No data is sent unless you opt in. Freemius is contacted when you accept its
opt-in prompt on activation, or if you later connect a Pro licence or start a
trial. When that happens it sends your site URL, the WordPress and PHP
versions, this pluginÌtumọ̀ Yorùbá: ’s version, and the email address of the account you
connect with. Declining the prompt leaves the plugin fully functional.
Service provider: Freemius, Inc. — https://freemius.com
Terms of Service: https://freemius.com/terms/
Privacy Policy: https://freemius.com/privacy/
Àwọn àwòrán ìbòjú
Àwọn ìdí
Plugin yìí pèsè 1 ìdí.
- Player
Ìgbéwọlẹ̀
- 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"].
FAQ
-
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 Ìtumọ̀ Yorùbá: – Glissando holds the defaults for the whole site; a player only
carries the settings you change on it. -
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.
Àwọn àgbéyẹ̀wò
Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.
Àwọn Olùkópa & Olùgbéejáde
“Glissando – Animated Audio Player” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.
Àwọn Olùkópa
Túmọ̀ “Glissando – Animated Audio Player” sí èdè rẹ.
Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?
Ṣàwárí koodu, ṣàyẹ̀wò ibi ìpamọ́ SVN, tàbí ṣe àgbékalẹ̀ sí àkọsílẹ̀ ìdàgbàsókè nípasẹ̀ RSS.
Àkọsílẹ̀ àwọn àyípadà
1.2.8
- The plugin icon now shows on the Plugins and Dashboard Ìtumọ̀ Yorùbá: – Updates screens instead of a placeholder.
1.2.7
- The actions button no longer appears when both downloads and share are off — it used to open an empty bubble.
1.2.6
- 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).
1.2.5
- First release on WordPress.org.