// 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!