Closed Captioning Pop-Up Window

Report · Mar 06, 2017

So, a client wants to have closed captioning in this project, but wants a closed captioning pop-up window to be able to be moved out of the project window so it doesn't take up space over the content. I know you cannot do this natively in Captivate, but is there a widget or 3rd party program that will assimilate into the captive advanced actions or anything?

Report · Mar 06, 2017

Why not just keep that space free in the slide? I use a guide for that reason. It allows you to keep the easy CC provided out of the box in Captivate.

Guides Rule! - Captivate blog

Report · Mar 07, 2017

The client wants the whole page to be used for content, the CC are an after thought and therefore he wants what I mentioned.

Report · Mar 07, 2017

I don't understand: he wants the CC out of the project window, but wants the whole window for content? Bit contradictory?

You can rescale the project and add the space he wants 'outside' to the present resolution in the height. No need to move the content if you set up the rescaling properly.

Report · Mar 07, 2017

So say in my internet browser, I tabbed a new window so I could move it to a second screen so I could reference what it has while I am looking at the current page that is on my main monitor. This is kinda what he is looking for.

Report · Mar 07, 2017

I don't really have time to test this, but you should be able to do this. You would need to create a popup with code to extract the innerHTML of the ccDiv in the window opener or you would need to tap into the.audCC object. To use the object you would need to use the CPAPI_SLIDEENTER event listener.

I know that's not very much detail, but very busy right now.

Report · Mar 07, 2017

It sounds like this could work, but I am not that knowledgeable about the coding side of things. I will look into it tho, I'm a fast learner

Report · Mar 07, 2017

The trick to it is that the popup window needs to be opened from the Captivate window. Then in the popup you can access all of the elements, variable in the "window.opener" object.

So in the popup you should be able to access the cc text like so:

Create a div element with an ID of "displayCC".

You'll then need to add this script and change the <body> tag to run the script on load of the page.

The following shows how this might work, note that I did not test this.

function initCC()

{

var myCC = document.getElementById("displayCC");

setInterval(function(){ myCC.innerHTML = window.opener.getElementById("ccText").innerHTML; }, 100);

}

</script>

Report · Mar 07, 2017

We are going to try this! Thank you for your help! I will let you know what we come up with!

Report · Mar 07, 2017

I'm assuming your target audience will all be using desktop computers, possibly with multiple screens?

I hope the NEXT thing your client is not going to want is that this all works the same way on mobile devices...