Support » Plugin: Draw Attention » Adding an audio file into a tag

  • Resolved isabellebg



    I want to insert an audio file into a specific hotspot, but I’m not sure how to do it. As of now, I have uploaded the mp3 file and added the link in the description zone. It kind of works but not quite as I would like. I have done tests with the free version, but am willing to buy the pro version if i can manage what i have in mind.

    What I would like is, when the viewer hovers on a zone, for the audio to start – i still want the whole image to be visible (as of now the audio player fills all the space). A little bit like a background sound, but associated with a hotspot, not with the whole image.



    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Draw Attention Support


    Hello @isabellebg,

    I just replied to your support email, but also wanted to include the reply in the forum.

    Unfortunately, we don’t have any out-of-the-box features that could do something like this.

    If you wanted to auto-play when the hotspots were hovered over, this wouldn’t work at the moment because by default all the hotspots are loaded when the page loads. To get it to work like you described in the forums, would require some custom JavaScript between our plugin and your audio plugin of choice.

    The closest solution would be to embed a player within each hotspot description so that a user could click the play button and have the audio turn on. Whatever plugin you decide to choose, just make sure they use shortcodes to embed the player into your hotspot.

    For example, you could use HTML5 Audio Player plugin to embed the player into the description box of the hotspot.

    Let us know if you have any other questions!
    Natalie G

    Plugin Support Draw Attention Support


    @isabellebg Just wanted to check in, is there any other questions you had related to this topic?

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.