Audio Story Images

by Jordy Meow

Description

Very simple, unique and exciting plugin that allows the bloggers to link an image to an audio file through the Media Library. Automatically, a little play icon will be added on your images in your posts. That way, you can give another dimension to your images thanks to sounds, music or voice-over. Here is a very simple example.

BETA. This plugin was just created. We are waiting for the first feedbacks of our users to decide which way to go. We have many ideas for it but we prefer to hear from you first. We will keep it clean, consistent and excellent.

BE KIND. Again, this plugin is new. Please don’t attack us. We are starting it. Please help us 🙂

IDEAS. Tell an audio story behind each image rather than text (the text should focus on SEO instead, be an excerpt of the story). Use cinemagraphs instead of normal images and have the audio track synchronized with it. Write a post with photos taken around your home, with the associated background audio. Write a post with portraits, each of them will say a simple sentence with their own voice. Etc…

More information available on https://meowapps.com/audio-story-images/.

Features

Link images to audio files through the Media Library
Audio Story meta box in the attachment edit sidebar
Autoplay when images come into view (with smart browser compatibility)
Visual play/pause controls on images
Support for MP3 and WAV audio formats
Support for JPEG, PNG and GIF image formats

How Audio Story Works

Linking Audio to Images:
1. Go to Media Library (list view) or edit any media file
2. Use the “Audio Story” column or meta box to attach files
3. Images can be linked to audio files, and vice versa
4. Once linked, a play button appears on the image in your posts

Autoplay Feature:
* Enable autoplay by checking “Autoplay when image comes into view” in the attachment edit screen
* When visitors scroll and the image becomes visible, audio plays automatically
* Due to browser security policies:
– If the visitor has already interacted with your site, audio plays immediately
– On first visit, a subtle notice appears: “Click anywhere to enable audio”
– After any click/tap, all autoplay audio will work normally
– The play button pulses to indicate audio is ready

Quickstart

Upload audio files and image files to your Media Library
In the Media Library list view, use the Audio Story column to link files
Or edit any image/audio file and use the Audio Story meta box in the sidebar
Optionally enable autoplay for automatic playback when images come into view
Your images now have audio! Visitors can click the play button or experience autoplay

Installation

Quick and easy installation:

Upload the folder audio-story-images to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Check the Quickstart in the Description.

Screenshots

Audio Story Images

Reviews

Very attractive

By Ali Daei (aliedaei) on November 26, 2025

Congratulations on developing this useful plugin. Please, if possible, play the music by clicking on the image and not needing to touch the speaker icon.
Thank you

Brilliant

By markstothard on May 25, 2025

Brilliant app, adding audio to the images, please keep enhancing this app. Would love autoplay if not currently available..

Great work, great plugin. Highly recommended!!

By esventot on October 3, 2021

I love your plugin. It's exactly what I was looking for. I have web site about the valencian language with large amounts of images in galleries and some of them need exactly this, a way to attach an audio file where the visitors can check how each wor on a picture is pronounced. I did a test page with a gallery made in wp block editor (whoch is very poor) and it works perfectly. I could also manage to change icon size and colour, as explained by you in this support formum. The big issue is, that I use the foogalllery plugin for al my image galleries and obviously inside these galleries the icon won't appear and the audio won't be able to launch. Do you know about other free galleries which support your plugin? Is there a workaround to manage issues in third party gallery plugins, adding some code?? Great work Jorge and Co.!!

Excelente!! Me encanta!!!

By Sergioot (sergioot) on March 2, 2021

Por favor, continúen con este proyecto, es muy bueno. Antes que otros les tomen la delantera!!! Gracias

Could have been good

By twomoons on October 14, 2019

Shame that it hasn't been updated for so long as this plugin could have been really good. Was looking for something along these lines but i guess i will just have to keep on looking.

Highly recommended

By stephenf on August 31, 2019

Does the job very nicely and runs with no flaws or snags. Very responsive support team as well.

Working Great!

By videoopp on March 15, 2019

I have been searching for a solution like this for days. Thanks for all the work that you put in to this! I can think of many applications for this. Great Stuff!

Audio Story for Images - Great Plugin

By wcalcote on January 25, 2019

Great plugin. Only used it on one website so far. Does what you say it does. I hope that you continue to develop and support it.

Great Idea!

By arenai on January 8, 2019

I need also need to know how to scale and center the play button. Thanks for he app!

The Best Plugin I have ever used so far!

By Daveyap on December 1, 2018

My earlier review was deleted by the Forum Admin for unknown reasons, perhaps because I had placed a link to the website where I had installed it to showcase it in action. This is without any doubt the best plugin I have ever used! I did up my brother in-law's business website for free to repay his past kindness to me. He made a simple request to have an audio and speaker icon to be attached to an image so that when you clicked on the speaker icon on the image, the audio recording will be heard. I searched all over the Internet for 2 whole weeks without success and was shocked that till today, no one was able or had bothered to create tool or plugin to attach sound to an image. Thus, you cannot imagine my immense relief when I chanced upon this wonderful plugin which was exactly what I needed to fulfill my brother in-law's request. The plugin in developer was very prompt and helpful in providing me with the codes to turn the default white colour audio speaker icon to black in color so that it can be used on all images with white or light colors backgrounds. It is most unfortunate and a shame that this awesome but grossly underrated plugin has been virtually ignored by everyone. It is such an incredibly useful plugin and I really do hope the developer will be able to add further improvements to this wonder plugin down the road!

Changelog

1.0.2

Add: Circular progress indicator around the play button while audio is playing.
Add: Modern SVG icons with glass-morphism styling (blur backdrop, refined shadows).
Add: Icon style variations (solid, minimal, outline) mapped to the existing 8 models.
Improvement: Larger, more accessible default icon sizes.
Tested up to WordPress 6.9.

1.0.1

Add: Audio Story meta box in attachment edit sidebar for easier media linking
Add: Autoplay feature – audio can play automatically when images come into view
Add: AJAX-based linking for better user experience
Add: Visual feedback for autoplay (pulsing button when blocked by browser)
Add: Smart autoplay handling with browser security policies
Fix: Search functionality in media picker modal
Fix: Detach handling to prevent header conflicts
Improvement: Better UI/UX with “Go to Image/Audio” buttons
Improvement: Debug logging removed for cleaner operation

1.0.0

Support for WP 5.0.
Note: If you like it, please review the plugin here: https://wordpress.org/support/plugin/media-file-renamer/reviews/?rate=5#new-post. The plugin has currently no visibility because of the lack of users and reviews, and might disappear because of that. Please help us! Thanks to you all 🙂

0.0.3

Support for WP 4.9.

0.0.1

Very first release.