| // Some code via https://support.google.com/richmedia/answer/2672554?hl=en | |
| // The Function below tests to see if the DFP enabler has been loaded. | |
| // The DFP Enabler is embedded in the <head> of this document. | |
| // You can edit the contents of the <head>…</head> of your exported .html file by clicking on 'Edit HTML Head' in the Document Inspector. | |
| // If it has loaded, then the main timeline is 'continued' | |
| // This should happen fairly quickly. | |
| // If true, start function. If false, listen for INIT. | |
| window.onload = function() { | |
| if (Enabler.isInitialized()) { | |
| enablerInitHandler(); | |
| } else { | |
| Enabler.addEventListener(studio.events.StudioEvent.INIT, | |
| enablerInitHandler); | |
| } | |
| } | |
| function enablerInitHandler() { | |
| // Start ad, initialize animation, | |
| // load in your image assets, call Enabler methods, | |
| // and/or include other Studio modules. | |
| // Also, you can start the Polite Load | |
| // On the main timeline, the Timeline has a 'pause' action, so this resumes it | |
| hypeDocument.continueTimelineNamed('Main Timeline', hypeDocument.kDirectionForward); | |
| } | |
| // If true, start function. If false, listen for PAGE_LOADED. | |
| // Insert this code inside your enablerInitHandler function | |
| if (Enabler.isPageLoaded()) { | |
| pageLoadedHandler(); | |
| } else { | |
| Enabler.addEventListener(studio.events.StudioEvent.PAGE_LOADED, | |
| pageLoadedHandler); | |
| } | |
| //The following code out of the enablerInitHandler function: | |
| function pageLoadedHandler() { | |
| // Load in additional assets or add animation/video | |
| //hypeDocument.continueTimelineNamed('Main Timeline', hypeDocument.kDirectionForward); | |
| } | |
| // The Code below starts your animation only if it is visible. Again, run a 'continue timeline' action in line 74 | |
| // To use this option. | |
| // If true, start function. If false, listen for VISIBLE. | |
| // So your pageLoadedHandler function will look like the following: | |
| function pageLoadedHandler() { | |
| if (Enabler.isVisible()) { | |
| adVisibilityHandler(); | |
| } else { | |
| Enabler.addEventListener(studio.events.StudioEvent.VISIBLE, | |
| adVisibilityHandler); | |
| } | |
| } | |
| function adVisibilityHandler() { | |
| // Page has loaded and ad is visible: | |
| hypeDocument.continueTimelineNamed('Main Timeline', hypeDocument.kDirectionForward); | |
| } | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
For more info on this snippet, visit: http://forums.tumult.com/t/howto-deploying-hype-animations-to-double-click-studio/1367
Suggestions for improvement appreciated!