Forum Discussion
How do I activate the new Transcript button for learners to use?
Hello, I saw in this article: https://articulate.com/support/article/Storyline-360-Video-Transcripts#generate-transcripts that a person is able to now add a synchronized transcript from closed captions. I have added in the closed captions to the slides I needed to and I am trying to locate where within the "player" I can add the option to show the "transcript" button for learners.
I am currently using the Modern style, and menus/controls are on. For player controls I only see options for: Play/Pause, Volume, Captions, Playback speed, accessibility controls, full screen, search, & seek bar (no transcript).
I tried clicking on the accessibility controls to see if the option is within this button, but it was not. Where can I find the transcript button that was shown in the first image within the article? Any insight is greatly appreciated!
Also, I did not import my captions from another file, I just copied and pasted the text I needed into the caption editor within storyline.
22 Replies
I'm still so frustrated with this! I have read the articles, watched tutorials, and followed this discussion; but I STILL can't get the transcript option to work. I can see the accessible video controls, but the are not active because when I click on them nothing happens. (See screencast)
What am I missing here?
please upload here in the forum a .story file with your problem (only this singe slide with video)*
then i can test where the problem is - the .story file or your installation
* to really delete unnecessary content in the file, please save 2x after removing content
I'm not positive what you mean? Does this work?
https://dp-bootcamp.s3.us-east-2.amazonaws.com/Storyline+Transcript+Issue/story.html
it looks like there is a transparent rectangle (???) above the video, which blocks all mouse clicks on the video navigation bar
if you upload* your source file (.story) I can take a look at the project
*as attachment here in the forum (-> button "Add Attachment" below)
I don't know how to save just one slide from the project.
- duplicate the original .story file (-> new name !)
- open the duplicate
- delete all slides except the one with the video
- save the file
- save the file again ! (now other content is really deleted and the file small)
Thanks! Here you go!
"Rectangle 2" is the problem - hide the layer and the navibar of the video is working
but now the learner can navigate the video with the video navigation bar and then the video timeline is out of synch to the storyline timeline -> red arrow ...
https://360.articulate.com/review/content/0d62a0a6-a0fa-4363-a033-326842e46656/review
here is a solution to show/hide transcripts with normal buttons (-> Javascript trigger)
"Rectangle 2" is visible -> everything keeps in synch
https://360.articulate.com/review/content/b5432230-e408-4797-bfe3-f9728d503f15/review
toggle Transcripts:
document.querySelector(".video-transcript").click();show Transcripts:
document.querySelector(".video-transcript:not(.enabled)").click();hide Transcripts:
document.querySelector(".video-transcript.enabled").click();Thank you for sharing your file. I am using this feature for the first time and I was trying to figure out how to display the transcript panel automatically the same way you can display captions with a variable. Your javascript helped!
Is there a way to show/hide the transcript panel without the video control navigation bar being switched on to light or dark? i.e. the JavaScript toggle buttons do not work if the video controls are set to show none.
I have a video which I want users to control from the main seek bar and not the video controls. Its a webinar type video in a circle in the corner of the screen, so the controls are not necessary.
Hi HVfb0f498d-053b!
Great question!
Currently, in Storyline 360, the Transcript panel is directly tied to the Accessible Video Controls bar. If Video Controls are set to 'None', Storyline will not create the Transcript overlay in the published output. Any JavaScript set to "click the Transcript button" will have nothing to reference/click.
However, another community member shared a workaround you may want to explore for a similar design:
- Set the Video Controls to Light or Dark.
- Use your own custom Buttons on the Slide to toggle the Transcript via the JavaScript "click" simulation. This can only function when the Transcript button is enabled.
- Hide the Video Control panel visually with an overlayed Shape, so learners cannot access those options.
- Execute the JavaScript to toggle your Transcript from your custom Buttons.
Hope this helps!
