Last active
March 13, 2019 15:56
-
-
Save themorgantown/444210114bd7a42f25c1fffc74f9a21a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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
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!