Adding Subtitles in Video project

Submitted by brutalissimo on Mon, 11/16/2015 - 14:01
Forums: 
Feature requests
I am currently looking for a smooth way to add multi language Subtitles to the production, and I read that it is supported in the Interactive Video library.But I cant find it - how does it work?
0
0
Supporter votes Members of the Supporter Network can vote for feature requests. When the supporter network has generated sufficient funding for the top voted feature request it will normally be implemented and released. More about the H5P Supporter Network
falcon's picture

falcon

Tue, 11/17/2015 - 08:29

There is no real subtitle support in interactive video yet, some people use the label tool, the first tool in the toolbar with an icon that looks like a stop sign.

We'll add support for uploading subtitle files in a later version.

xyulex's picture

xyulex

Thu, 12/03/2015 - 18:34

Hello,

I am developing SRT support for Interactive Video content type. It's at about 80% of development time, and it should be out in mid January.

When it is completely implemented, I'll get back to you about if it can be integrated in core or whatever you think is best.

Cheers!

brutalissimo

Thu, 12/03/2015 - 21:36

Sounds fantastic! Please keep us updated here with your progress!

Cheers

Thomas

falcon's picture

falcon

Wed, 12/09/2015 - 22:14

Yes! Great news. It's definitively something we will love to integrate into the video library :)
xyulex's picture

xyulex

Tue, 12/29/2015 - 09:51

Update on this: I have a version of this feature working in local and I have submitted the pull requests on Github in order to get integrated into H5P :)

 

 

falcon's picture

falcon

Mon, 01/04/2016 - 15:24

Yes, the current release is delayed, also slowing down the inclusion of these PRs. We're really looking forward to getting this included in H5P.

spazfox

Wed, 06/15/2016 - 19:55

Will this functionality be included in the release due out this month?

xyulex's picture

xyulex

Tue, 01/12/2016 - 08:44

Great, can't wait to see it integrated in H5P!

 

xyulex's picture

xyulex

Wed, 06/15/2016 - 23:05

Well, my pull requests with that function have been in H5P git repository for more than six months waiting to be integrated...

falcon's picture

falcon

Thu, 06/16/2016 - 10:01

Indeed it has. We're sorry about that. It was looked at immediately but since it changes several repositories and only would work for WordPress it has been pushed back several times. In the mean time WebVTT support has been added to most places where you have videos (notably not Interactive Video yet).

When we do an accessibility update of interactive video we'll combine your pull requests with the WebVTT features and we'll also add more details in github this summer.

icc's picture

icc

Mon, 06/20/2016 - 14:27

Hi! I've had a look through the pull requests and both the code and the solution looks good.

However, I'm a bit uncertain of the path H5P would be taking by implementing a custom display of SRT files. Usually WebVTT files are used for both captions and subtitles across different languages on the web. It might be that I'm missing some of the specifics required here, but I don't see why we shouldn't just use the built-in subtitle features of the browsers?

We have to keep in mind that H5P will be used in many contexts and therefore also have to comply with the requirments of WCAG as best as possible. My thoughts are that using the build-in WebVTT capability of the browsers instead of a custom solution will make for a more generic and flexible solution. E.g. 

  1. We create a list in the editor for uploading subtitles, just like the one used for H5P.Video.
  2. We implement a button in IV for switching between the subtitle tracks.

The solution described in Adding captions and subtitles to HTML5 video might be a useful resource.

A custom display solution might be preferred by someone, but I don't think it will be good enough to display captions properly for deaf or hard-of-hearing audiences. It might be that this belongs in separate a plugin which you can use to extend H5P.

xyulex's picture

xyulex

Mon, 06/20/2016 - 14:55

Hi!

Essentially, WebVTT is almost the same as an SRT, so it shouldn't be a problem to update my code to read WebVTT.

So, H5P isn't integrating my code? I'll have to create a plugin for Interactive Video?

Cheers.

 

icc's picture

icc

Tue, 06/21/2016 - 10:15

Don't get me wrong, your contribution is much appreciated!

The issue here isn't the format as they are quite similar and can easily be converted. The problem is the way it's fed to the browser in a non-standardized way. Accessibility tools and other browser plugins won't be able to make very good use of it.

An SRT to JSON converter isn't really beneficial to the H5P Core when all modern web browsers are able to process similar subtitle and caption formats directly.

I would suggest that you either create a third party addon for H5P or that you refactor your code to use subtitles like H5P.Video or the Mozilla example I linked to in my previous post.

shirlykam

Mon, 09/19/2016 - 10:31

hi,

Is there any update regarding implementing subtitles in H5P video player?

Thanks, 

Shirly

icc's picture

icc

Mon, 09/19/2016 - 10:53

Standard video's that you can insert into e.g. Course Presentation have support for subtitle tracks. Interactive Video still needs some work before this is in place.

Mst

Sun, 03/26/2017 - 13:03

Hi, is there any progress about subtitles in interactive video player? 

tim's picture

tim

Mon, 03/27/2017 - 09:49

No progress yet, unfortunately. It'll be in our newsletter as soon as we add it!

knutinge

Mon, 03/04/2019 - 11:23

Hi!

Any development in this issue? At NDLA we need support for uploading textfiles for subtitles for videos.

Thanks!

knutinge

Mon, 03/04/2019 - 11:23

Hi!

Any development in this issue? At NDLA we need support for uploading textfiles for subtitles for videos.

Thanks!

BV52's picture

BV52

Tue, 03/05/2019 - 06:20

Hi knutinge,

This is now available by using VTT files in Interactive Videos.

-BV52

Mex-John's picture

Mex-John

Tue, 05/05/2020 - 21:49

Hi. I'm uploading several webvtt files (English, Spanish, Chinese). However, only the first I upload works. The CC dropdown shows three options (unhelpfully labelled SUBTITLES / SUBTITLES / SUBTITLES), but only the first plays. Thanks for any advice.

BV52's picture

BV52

Wed, 05/06/2020 - 18:18

Hi Mex-John,

Pleae make sure that you change the Track label where you upload the webvtt files. Also make sure that the BCP 47 language tag is correct. Just to check would you mind testing my simple content here. If the issue is still unresolved after making the changes I mentioned and after testing my content you were able to toggle between the CC tracks please attach your content so that we can check.

-BV

Attachments: 
Image icon CC in IV.png
Mex-John's picture

Mex-John

Wed, 05/06/2020 - 18:57

Thanks so much! OK, I corrected the Track Label (careless of me to miss this). I think I'm uding the correct language tags (from here https://github.com/libyal/libfwnt/wiki/Language-Code-identifiers). Your content works fine. Attached are my Spanish and Chinese vtt files (changed to txt for the uploader). Thanks again.

Attachments: 
Plain text icon Spanish-sub.txt
Plain text icon Chinese-simplified-sub.txt
BV52's picture

BV52

Wed, 05/06/2020 - 20:09

Hi Mex-John,

You need to update the timecodes. I tested it without actually checking it  (silly me) and it did not work.

I edited the first line and it worked (uploaded the file on my sample content). You notice that some of the letters are incorrect I am assuming that the text editor on my computer is unable to read the file correctly. I changed the first line to 00:00:00.000 --> 00:00:10.000.

-BV

Mex-John's picture

Mex-John

Wed, 05/06/2020 - 21:01

Thanks again. I' sorry to put you to the trouble of correcting my carelessness. 

BV52's picture

BV52

Thu, 05/07/2020 - 18:18

Hi Mex-John,

Don't worry about it, it's what this forum is for. So that community members can help each other out ;-)

-BV

gamoresano

Fri, 06/05/2020 - 16:27

How do i even create subtitles?...not a computer person...just trying to make content

 

BV52's picture

BV52

Fri, 06/05/2020 - 20:44

Hi gamoresano,

First you need to create a VTT file. YOu can create this using your computers text editor such as Notepad. Once you save the file you have to change the file extension from txt to VTT. You can check this page on how to create a VTT file. Once created you can upload the file under 'Text Tracks' in the Interactive Video editor.

-BV