Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by becusco
becusco
905 Points

Active transcript (progressive subtitles)

How to display the subtitles of a video on the web page, in other words, that all the text of the video appear on the web, but as the video progresses, it is bold where the video goes, as do Lynda, Pluralsight and Linkedin Learning?

1 Answer

Steven Parker
Steven Parker
243,318 Points
Steven Parker
Steven Parker
243,318 Points

I think you may be talking about the transcript rather than the subtitles. This technique is called "active transcript", and there's an even fancier version called "interactive transcript" where you can click on a word or phrase and the video jumps to that point.

I haven't seen any tutorials on how to accomplish this, but I have seen it offered by third-party plug-in providers such as SubPly.