Please log in and complete your profile to continue.
Thank you, Greg!! You covered Great and needed content. I don’t know why, but there is not much on Js apply on Cp. I learned some Animate CC to create .aom animations, but it is so limited. Greg, if you have more videos like this one, where can I find them. If you have a course? Would you please share how we can access it? Thank you so very much. I have a LinkedIn account and many Instructional Designer (ID) connections. I know many IDs like me want to have more control creating amazing animations in Cp. Would it ok if I promote this video there? Please, keep making content like this one. Additionally, could you consider increasing the complexity of the content, include more effects ( slide in and reveal, custom made table of content, objects fake 3D movement, drop-down menu, search bar, etc)? Thank you very much!!!!
Thanks for the comments – much appreciated.
At this time I do not have any other videos such as this one or any sort of official course.
What I do have is a bunch of postings related to JavaScript scattered throughout this site – many of which include the code with some explanations.
If you have not yet seen the JavaScript Idea Series – you may glean some useful examples there. Also – I do have the Getting Started with JavaScipt Guide Project as well.
I do plan to make some additional content of this nature for 2022.
You’re welcome to share this with anyone – it is there to help others learn.
I realize there was not time to go through every question in the Q&A after the presentation.
I went back through chat stream as far back as the platform would allow me to go and captured questions to put them all together here.
I hope others will find this helpful.
Trying to attach a PDF of my responses – hope it works.
Mr. Stager,
Is there a way to use javascript to play audio when a button is rolled over vice clicked? I know in captivate itself there is no way to apply audio to a roll over state and have it stop slide audio since a click does not occur so i was curious if javascript could make that functionality possible. Any assistance is appreciated! thank you
This is a multi-pronged question.
Can we use JavaScript to play some audio on hover of a button? Sure.
I actually tackle something like this in perhaps not the most straight-forward way.
I use JavaScript to simulate a click.
Captivate does some weird things with audio files and one of them is that it renames them using some random number – not helpful. So what I will do is create a button that onSuccess will play the audio I desire. I make the button invisible and really small and place it somewhere I would not expect anyone to actually click.
I personally do not use slide audio but rather just event audio so I am not sure if the interaction will work as you may hope but you’re welcome to play with the concept.
A little bit of code OnEnter is all you need.
setTimeout(function() {
$(“#myBtn”).hover(playAudio,nothing);
},250);function playAudio() {
document.getElementById(“onBtn”).click();
}function nothing() {
console.log(“hover off”);
}
In the code above – I use a button with the name myBtn
Then, for the hover action, we name two functions. one for when you hover on and one for when you hover off. I wrap this in a short timeout so that we can make sure the button has rendered on the display before applying the listener.
Then we define the two functions. For the playAudio function, I simulate the click on the button with the audio.
For the nothing function, I just write out to the console.
If you do not specify a function here, it will perform your first function again and play the file both hover on and hover off.
It is perfectly possible to add audio to a rollover state in Captivate, contrary to what you claim.
Look at trick 1 in this blog:
http://blog.lilybiri.com/3-audio-tricks
You must be logged in to post a comment.