[Resolved] Add Audio Clip To Revolution Slider

[Mary Pearson]

Is there a way to add an audio clip to Revolution Slider in GP Hooks?

[Tom]

I’m not too sure – you would have to ask the Revolution Slider devs. If you can add it in Revolution Slider, then you would just have to add the shortcode to GP Hooks for it to work.

[Mary Pearson]

Thanks Tom!

Is there any way of not necessarily adding it to the slider – I don’t think that’s possible judging from their forums – but just pull it (2 second mp3) up somehow in gp hooks at the same time?

See http://mapenterprises.ca/

The header slides in. I want to add the sound of skates stopping for effect.

[Tom]

You could maybe try something like this: http://www.tudor-anghelina.com/2013/10/using-html5-audio-tag-to-add-background.html

I don’t have a lot of experience with this – but you can find lots of examples by searching for “HTML5 play audio in background”.

[Mary Pearson]

Once again you have given me direction Tom. Thank you. I went to the link you sent but couldn’t get the sound clip to stop looping, but it gave me an idea when you said HTML5.

I added a “video layer” to the revolution slider and linked the mp3 clip to the mp4 page. It works pretty well with the exception of different browsers. The timing is critical to hear the skates sliding to a stop just as the image skews in from the right. If I set the timing for Firefox and Chrome it is too slow on Safari. I don’t think this is anything that I’m going to be able to resolve, (if you have any ideas, please let me know) but once again I have learned something new, thanks to you. 😉

[Mary Pearson]

I figured out the timing issue of the sound in different browsers. Instead of adding an mp3 to the slider I created an mp4 video. Works great! Check it out at http://204.44.87.244/~robert

Thanks again Tom.

[Tom]

Great job! 🙂

[Ken]

Thank you for posting your solution Mary. I found this thread google searching the same thing. I followed your advice and made an mp4 video of the sound clip, added to my slide as a video, then resized it as small it would go. I couldn’t figure out how to make it not show up at all but a little dot in the corner works fine for me. Now I have a nice sleigh bell sound effect for my slide http://sandiegokaraoke.com

Thanks!

[Mary Pearson]

Wonderful! Thanks for letting me know Ken! I appreciate it.

This site I was working on is https://3zoneshockey.com/ if you want to see how mine turned out.

[Author]

Posts