Forum Discussion

mattsmeeth's avatar
mattsmeeth
Community Member
3 years ago

Trigger display of transcripts

As is possible with closed captions, is it possible to set a transcript to display automatically. I can't find a built in variable to control this, so I assume it isn't possible (yet!)

Best wishes

Matt

6 Replies

  • mattsmeeth's avatar
    mattsmeeth
    Community Member
    Judy Nollet

    Set the Player.DisplayCaptions variable to True, and the captions will display. 

    Yes, this will display captions. But looking to display the new transcipt feature doing similar :-)

    • JudyNollet's avatar
      JudyNollet
      Super Hero

      Oops. Sorry I scanned the text too quickly and answered about closed captions instead of transcripts. I deleted the errant comment.

      Note to self: drink coffee before answering Forum questions. 😂

  • you can simulate a user click on the transcript button with javascript

    there is a limitation - the button has to be there 🠊 activate "Video Controls: Dark or Light"

    (for "Show none" the overlay for transcript is not created at all)

    show transcript:

    document.querySelector(".video-transcript:not(.enabled)").click();

    hide transcript:

    document.querySelector(".video-transcript.enabled").click();

    toggle transcript:

    document.querySelector(".video-transcript").click();

    example:

    https://360.articulate.com/review/content/0efb7159-8f4e-4057-ac7b-20f4cadf2554/review

     

    • mattsmeeth's avatar
      mattsmeeth
      Community Member
      Jürgen Schoenemeyer

      you can simulate a user click on the transcript button with javascript

      there is a limitation - the button has to be there 🠊 activate "Video Controls: Dark or Light"

      (for "Show none" the overlay for transcript is not created at all)

      show transcript:

      document.querySelector(".video-transcript:not(.enabled)").click();

      hide transcript:

      document.querySelector(".video-transcript.enabled").click();

      toggle transcript:

      document.querySelector(".video-transcript").click();

      example:

      https://360.articulate.com/review/content/0efb7159-8f4e-4057-ac7b-20f4cadf2554/review

       

      Fantastic!!! Thanks for this. Will give it a go!!

      Matt