Transcriptions

[amark]

Just thinking up ideas here, nothing urgent/necessary.

Here is an idea on how a transcription feature might work:

1. For uses who cannot have audio playing or who are deaf, they can click a mute/transcript button/icon in the bottom right corner.

2. Transcriptions must manually be added by the author of the video, by clicking on a transcription button in the upper right of their editor.

3. This opens up hidden files/tabs (like how index.js, index.html, index.css are tabs/files, except these files/tabs are named 0:00, 0:30, 1:00) that they can add plain text to.

4. They way transcriptions work for the watcher, is the video plays as regular but then PAUSES at a keyframe (based on the name of the tab/file from above), which automatically switches (or overlays?) the text from it. Then when a user is done reading, they just click resume/play.

Since the tabs/files are scrollable to the watcher anyways, this lets the author be as verbose as they want in very few or infrequent transcription keyframes, or have many frequent transcription keyframes that are quick and focused.

BONUS:

A) A transcription tab/file also specify a "resume" keyframe. This might be useful for authors who cannot multitask (talking while coding), so if the author winds up chatting for 15 seconds without typing any code this will just be dead time for a deaf person or muted video. Therefore, being able to specify a resume/skip-to time might be useful.

B) If you code the transcription feature to be modular, you could easily extend this to have a bunch of other features! For instance, using the exact same logic, you guys could add a "survey/poll" extension - which pauses the video at a certain keyframe, but rather than displaying transcript text, it asks a question and has a multi-choice survey ("does this tutorial suck? yes, no, kinda"). Extending this even further, you can have different resume times based on the answer (example: "Do you already know how the CSS float property works? Yes, skip forward. No.) or perhaps to other scrimba casts or links.

Just some ideas! You guys are great.

[Min11Benja]

Hi,
I am an aspiring front end developer, I teach english robotics and programming to kids in Mexico

I am just starting out and trying to see how to translate the current curriculum into this awesome thing that is Scrimba. Mostly for my Spanish speaking students.

I wanted to leave a transcript of the video lesson, so that people can read them if they dont understand my heavy accent or if they are somewhere loud and would rather read than hear. Also as a means to having the classes in a bilingual option.

I was plannign on leaving a link to a downloadable PDF with the video transcript.

Hope something similar to what Udemy has with its transcript auto scroll featre could be implemented soon.

Thank you and great work guys.

[perborgen]

@Min11Benja Awesome to hear that you're using Scrimba to teach kids in Mexico :)

You can paste the transcript into the description. Would that be sufficient?