Articulate Player customise,mouse over event,animated image queries

Mar 02, 2015

Hai to all,

     1. Am add video in my project have six tab  on that click video tab it played, am customized player so it shows pause/play button when click pause button it not paused, then how to pause video when switch over to the other tab.

 

 

video

 2. Mouse over event on the button it change the button colour when selected,visited.

 

3. How to animate image slight movement like head movement or hand movement on mouse over.

please  clarify the doubts and give any example tutorial regards this as soon as possible,thanks in advance.

 

    

9 Replies
udhayakumar r

Hai emily,

1. This is my project in that am added gif image, when publish in web,LMS mode gif image cannot displayed(animate gif) in chrome,firefox but support in internet explorer, so am change publish mode to cd in that all browser support gif image but ipad cannot open the project because in cd publish mode file doesn't have mobile folder, then how to open in web,lms mode support gif image in all browser.

 2.in the gif image right hand inserted the hotspot to play media when mouse hovered the right hand after finishing media am insert the another image when hover the mouse on hot spot region it played media how to stop that media.

3.In that project i have six tab how to change the state of that tab like visited,hovered on the header.

4. on that video tab when click the tab itself video played, how to insert play/pause button.

5.animated like fad,split,wipe for base layer works fine for every time visit the base layer,but try this animation on slide layer first time only animated after that click other tab then come to that particular tab means animation not worked.

Emily Ruby

Hello Udhayakumar,

1. I published your file for the Web, and was able to view the gif on Chrome, Firefox, and IE. Can you test this output here? Are you testing this locally or in its intended environment?

2. As far as making the sound not play a second time when the mouse hovers over, you may need to remove the hotspot, and use a transparent shape over the characters arm. Then set the shape to be disabled when the media completes.

3. for the tabs, you will need to create a visited/hover state on them to get them to work. You can read more about the built in states in the link I provided above. I have also added these to the Home/Preview tab for you to see. 

4. When you insert a video, you can go under Options, and choose whether the video plays automatically, when clicked, or by a trigger:

5. I do not see any animations on the base layer, but I did insert one into the Home layer, and it is working. I used Fade, on the text box. If you want these to restart every visit, set the slide properties to "reset to initial state" in the slide properties.

Attached is an updated file.

This discussion is closed. You can start a new discussion or contact Articulate Support.