Last active
May 10, 2017 23:59
-
-
Save vishnun/b6d19bc0cac1a709ad61f219503bcc0a to your computer and use it in GitHub Desktop.
index.html for the captivate project that needs to communicate with flash file.
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta name='viewport' content='initial-scale = 1, minimum-scale = 1, maximum-scale = 1' /> | |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| <meta http-equiv="x-ua-compatible" content="IE=10"> | |
| <title></title> | |
| <style type="text/css"> | |
| #initialLoading { | |
| background: url(assets/htmlimages/loader.gif) no-repeat center center; | |
| background-color: #ffffff; | |
| position: absolute; | |
| margin: auto; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| z-index: 10010; | |
| } | |
| </style> | |
| <script> | |
| var deviceReady = false; | |
| var initCalled = false; | |
| var initialized = false; | |
| function onBodyLoad() { | |
| if (typeof window.device === 'undefined') { | |
| document.addEventListener("deviceready", onDeviceReady, false); | |
| } else { | |
| onDeviceReady(); | |
| } | |
| } | |
| function onDeviceReady() { | |
| deviceReady = true; | |
| if (initCalled === true) | |
| initializeCP(); | |
| } | |
| function initializeCP() { | |
| if (initialized) | |
| return; | |
| initCalled = true; | |
| if (cp.pg && deviceReady === false) | |
| return; | |
| function cpInit() { | |
| document.body.innerHTML = " <div class='cpMainContainer' id='cpDocument' style='left: 0px; top:0px;' > <div id='main_container' style='top:0px;position:absolute;'> <div id='projectBorder' style='top:0px;left:0px;position:absolute;display:block'></div> <div class='shadow' id='project_container' style='left: 0px; top:0px;position:absolute;' > <div id='project' class='cp-movie' style='width:1024px ;height:627px '> <div id='project_main' class='cp-timeline cp-main'> <div id='div_Slide' onclick='cp.handleClick(event)' style='top:0px; width:1024px ;height:627px ;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);'></div> <canvas id='slide_transition_canvas'></canvas> </div> <div id='autoplayDiv' style='display:block;text-align:center;position:absolute;left:0px;top:0px;'> <img id='autoplayImage' src='' style='position:absolute;display:block;vertical-align:middle;'/> <div id='playImage' tabindex='9999' role='button' aria-label='play' onkeydown='cp.CPPlayButtonHandle(event)' onClick='cp.movie.play()' style='position:absolute;display:block;vertical-align:middle;'></div> </div> </div> <div id='toc' style='left:0px; float:left;position:absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);'> </div> <div id='playbar' style='left:0px; float:left;position:absolute'> </div> <div id='cc' style='left:0px; float:left;position:absolute;visibility:hidden;pointer-events:none;' onclick='cp.handleCCClick(event)'> <div id='ccText' style='left:0px;float:left;position:absolute;width:100%;height:100%;'> <p style='margin-left:8px;margin-right:8px;margin-top:2px;'> </p> </div> <div id='ccClose' style='background-image:url(./assets/htmlimages/ccClose.png);right:0px; float:right;position:absolute;cursor:pointer;width:13px;height:11px;' onclick='cp.showHideCC()'> </div> </div> <div id='gestureIcon' class='gestureIcon'> </div> <div id='gestureHint' class='gestureHintDiv'> <div id='gImage' class='gesturesHint'></div> </div> <div id='pwdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div> <div id='exdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;top:0px'></div> </div> </div></div><div id='blockUserInteraction' class='blocker' style='width:100%;height:100%;'> <table style='width:100%;height:100%;text-align:center;vertical-align:middle' id='loading' class='loadingBackground'> <tr style='width:100%;height:100%;text-align:center;vertical-align:middle'> <td style='width:100%;height:100%;text-align:center;vertical-align:middle'> <image id='preloaderImage'></image> <div id='loadingString' class='loadingString'>Loading...</div> </td> </tr> </table></div> <div id='initialLoading'></div>"; | |
| cp.DoCPInit(); | |
| var lCpExit = window["DoCPExit"]; | |
| window["DoCPExit"] = function() { | |
| if (cp.UnloadActivties) | |
| cp.UnloadActivties(); | |
| lCpExit(); | |
| }; | |
| } | |
| cpInit(); | |
| initialized = true; | |
| } | |
| </script> | |
| </head> | |
| <body onload="onBodyLoad()"> | |
| <div id='initialLoading'></div> | |
| <script type="text/javascript"> | |
| function remove(id) { | |
| var elem = document.getElementById(id); | |
| if(!elem) { | |
| return; | |
| } | |
| return elem.parentNode.removeChild(elem); | |
| } | |
| function loadMicroDiffusion(callback) { | |
| console.log("loading.."); | |
| var video = '<embed src="diffusion_micro-modified.swf" id="diffusion" quality="high" scale="exactfit" width="600" height="450" name="squambido" align="middle" allowscriptaccess="always" style=" display: block; z-index: 1; position: absolute;" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>'; | |
| remove("micro-macro-diffusion"); | |
| var diffusionContent = document.createElement("div"); | |
| diffusionContent.setAttribute("id", "micro-macro-diffusion"); | |
| diffusionContent.innerHTML = video; | |
| document.getElementsByTagName("body")[0].appendChild(diffusionContent); | |
| if (callback) { | |
| setTimeout(function() { | |
| callback(); | |
| }, 2000); | |
| } | |
| } | |
| function loadMacroDiffusion(callback) { | |
| console.log("loading.."); | |
| var video = '<embed src="diffusion_macro-modified.swf" id="diffusion" quality="high" scale="exactfit" width="600" height="450" name="squambido" align="middle" allowscriptaccess="always" style=" display: block; z-index: 1; position: absolute;" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>'; | |
| remove("micro-macro-diffusion"); | |
| var diffusionContent = document.createElement("div"); | |
| diffusionContent.setAttribute("id", "micro-macro-diffusion"); | |
| diffusionContent.innerHTML = video; | |
| document.getElementsByTagName("body")[0].appendChild(diffusionContent); | |
| if (callback) { | |
| setTimeout(function() { | |
| callback(); | |
| }, 2000); | |
| } | |
| } | |
| function thisMovie(movieName) { | |
| return document.getElementById(movieName); | |
| /*if (navigator.appName.indexOf("Microsoft") != -1) { | |
| return window[movieName] | |
| } else { | |
| return document[movieName] | |
| } */ | |
| } | |
| function captivatePause() { | |
| console.log("Pause.."); | |
| if (thisMovie('diffusion').pauseAnimation) { | |
| thisMovie('diffusion').pauseAnimation(); | |
| } | |
| } | |
| function pauseAfter(timeInSec) { | |
| var timeInMS = timeInSec > 50 ? 50000 : timeInSec * 1000; | |
| setTimeout(captivatePause, timeInMS); | |
| } | |
| function captivatePlay() { | |
| console.log("Play.."); | |
| if (thisMovie('diffusion').playAnimation) { | |
| thisMovie('diffusion').playAnimation(); | |
| } | |
| } | |
| (function() { | |
| if (document.documentMode < 9) { | |
| document.body.innerHTML = ""; | |
| document.write("The content you are trying to view is not supported in the current Document Mode of Internet Explorer. Change the Document Mode to Internet Explorer 9 Standards and try to view the content again.<br>To change the Document Mode, press F12, click Document Mode: <current mode>, and then select Internet Explorer 9 Standards."); | |
| return; | |
| } | |
| window.addEventListener("load", function() { | |
| setTimeout(function() { | |
| var script = document.createElement('script'); | |
| script.type = 'text/javascript'; | |
| script.src = 'assets/js/CPXHRLoader.js'; | |
| script.defer = 'defer'; | |
| script.onload = function() { | |
| var lCSSLoaded = false; | |
| var lJSLoaded = false; | |
| function constructDIVs() { | |
| if (lCSSLoaded && lJSLoaded) { | |
| initializeCP(); | |
| } | |
| } | |
| cpXHRJSLoader.css('assets/css/CPLibraryAll.css', function() { | |
| lCSSLoaded = true; | |
| constructDIVs(); | |
| }); | |
| var lJSFiles = ['assets/js/jquery-1.11.3.min.js', 'assets/js/CPM.js', 'assets/playbar/playbarScript.js']; | |
| cpXHRJSLoader.js(lJSFiles, function() { | |
| //console.log("js loaded"); | |
| var imagesJSONFiles = ['dr/imgmd.json']; | |
| cpXHRJSLoader.loadImagesJSON(imagesJSONFiles, function(imageToJSONPathMap) { | |
| cp.imageToJSONPathMap = imageToJSONPathMap; | |
| var imageJSONFiles = ['dr/img1.json']; | |
| if (window.location.protocol.substr(0, 4) == "file") | |
| cpXHRJSLoader.preloadURLs(imageJSONFiles, constructDIVs); | |
| lJSLoaded = true; | |
| if (window.location.protocol.substr(0, 4) != "file" || !imageJSONFiles.length) | |
| constructDIVs(); | |
| }); | |
| }); | |
| } | |
| document.getElementsByTagName('head')[0].appendChild(script); | |
| }, 1); | |
| }, false); | |
| })(); | |
| </script> | |
| <noscript style="text-align:center;font-size:24px;">Enable Javascript support in the browser.</noscript> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment