Skip to main content
M
matthewb66955271
Participant
March 6, 2017
Question

Closed Captioning Pop-Up Window

  • March 6, 2017
  • 2 replies
  • 378 views

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?

    This topic has been closed for replies.

    2 replies

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    March 7, 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.

    M
    matthewb66955271Author
    Participant
    March 7, 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

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    March 7, 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.

    <script>

    function initCC()

    {

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

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

    }

    </script>

    <body onload="initCC()">

    <div id="displayCC"></div>

    Lilybiri
    Lilybiri
    Legend
    March 6, 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

    M
    matthewb66955271Author
    Participant
    March 7, 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.

    Lilybiri
    Lilybiri
    Legend
    March 7, 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.

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices