Hi, what would I need to do in order to add some sound effect on hover? A simple question to which I’m afraid the solution will be much more complicated :rofl:

[image] Making a sound play when button is pressed Need help I’m trying to make it so when a button is pressed, a sound will play across the Bubble Application. I already have the Sound File in the Database already, I just need to find out how to make it work.

Although I haven’t done it before, you could perhaps try some of things in this thread… [Stéphan Kochen] Sound effects in JavaScript / HTML5 javascript, html5 asked by Stéphan Kochen on 07:57PM - 19 Dec 09 UTC

There are at least a couple plugins - one of which is free - which support playing audio files. Just search the plugins for “audio”. Unless I’m overlooking something obvious (which is quite possible), the tricky part might be triggering a workflow on hover so that the audio file can be played.

[image] lantzgould: Making a sound play when button is pressed You’re right, Howler might just be what I need. Though I still have to figure out how to make it happen on hover though.

I use howler ALOT in my application but never on hover seems weird. Anyway, the way you do this is build an expression (on an element not workflow) whatever is hovered. [image] Then copy the expression [image] Now create a workflow, do when condition is true [image] then paste your expression …

Holy guacamole! I had no idea an expression could be copied from a Conditional and pasted into a workflow! :+1: That should be in the Tips forum. (Or is it there already?)

Yeah its been mentioned a few times :crazy_face:

[image] sudsy: That should be in the Tips forum. (Or is it there already?) This is cooooool! Thanks a lot! Note: do you delete the condition you copied from afterward? PS: in my case I want to a “card / paper” sound effect when hovering card images that move an angle when hovered.

Yeah delete after, paper sounds gotcha, I have a nice UI sound kit you might like, no paper souds though :weary: [image] UISoundKit Shared with Dropbox Use low volume wav is best for howler.

I found that sometimes they don’t “always” work though, like some of the visible ones, but most of the time they do!

@Taiheta it doesn’t work for elements inside a repeating group :sob: It’s not able to find the element inside repeating group. Even as I copy the expression, it will replace the element by this page. [image] If I mimic a repeating group, then I am able to do a hover (with much more work, i.e. …

How to sound effect on element hover?

Need help

lantzgould October 14, 2019, 6:53pm 3

Topic		Replies	Views
Play Sound to selected user Need help	3	518	March 12, 2022
Sound Alerts Request Idea	29	6125	June 3, 2021
Play Audio from database App Organization	3	474	February 27, 2024
Making a sound play when button is pressed Need help	3	10710	April 23, 2018
Hi guys, how do I make an audio play when a button is pressed Need help	2	329	June 15, 2021

How to sound effect on element hover?

Related topics