You are here

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

Tue, 11/17/2015 - 08:29

There is no real subtitle

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.

Log in or register to post comments

xyulex's picture

Thu, 12/03/2015 - 18:34

Hello,I am developing SRT

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!

Log in or register to post comments

Thu, 12/03/2015 - 21:36

Sounds fantastic! Please keep

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

Cheers

Thomas

Log in or register to post comments

falcon's picture

Wed, 12/09/2015 - 22:14

Yes! Great news. It's

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

Log in or register to post comments

xyulex's picture

Tue, 12/29/2015 - 09:51

Update on this: I have a

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 :)

Log in or register to post comments

falcon's picture

Mon, 01/04/2016 - 15:24

Yes, the current release is

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.

Log in or register to post comments

Wed, 06/15/2016 - 19:55

Will this functionality be

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

Log in or register to post comments

xyulex's picture

Tue, 01/12/2016 - 08:44

Great, can't wait to see it

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

Log in or register to post comments

xyulex's picture

Wed, 06/15/2016 - 23:05

Well, my pull requests with

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

Log in or register to post comments

falcon's picture

Thu, 06/16/2016 - 10:01

Indeed it has. We're sorry

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.

Log in or register to post comments

Mon, 06/20/2016 - 14:27

Hi! I've had a look through

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.

We create a list in the editor for uploading subtitles, just like the one used for H5P.Video.
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.

Log in or register to post comments

xyulex's picture

Mon, 06/20/2016 - 14:55

Hi!Essentially, WebVTT is

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.

Log in or register to post comments

Tue, 06/21/2016 - 10:15

Don't get me wrong, your

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.

Log in or register to post comments

Mon, 09/19/2016 - 10:31

hi,Is there any update

hi,

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

Thanks,

Shirly

Log in or register to post comments

Mon, 09/19/2016 - 10:53

Standard video's that you can

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.

Log in or register to post comments

Sun, 03/26/2017 - 13:03

Any progress?

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

Log in or register to post comments

Mon, 03/27/2017 - 09:49

No progress yet,

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

Log in or register to post comments

Mon, 03/04/2019 - 11:23

Subtitles in Course Presentation and Interactive Video

Hi!

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

Thanks!

Log in or register to post comments

Mon, 03/04/2019 - 11:23

Subtitles in Course Presentation and Interactive Video

Hi!

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

Thanks!

Log in or register to post comments

Tue, 03/05/2019 - 06:20

Hi knutinge,This is now

Hi knutinge,

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

-BV52

Log in or register to post comments

Mex-John's picture

Tue, 05/05/2020 - 21:49

multiple subtitles not working

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.

Log in or register to post comments

Wed, 05/06/2020 - 18:18

Hi Mex-John,Pleae make sure

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

Log in or register to post comments

Mex-John's picture

Wed, 05/06/2020 - 18:57

multiple subtitles

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

Log in or register to post comments

Wed, 05/06/2020 - 20:09

Hi Mex-John,You need to

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

Log in or register to post comments

Mex-John's picture

Wed, 05/06/2020 - 21:01

Multiple subtitles

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

Log in or register to post comments

Thu, 05/07/2020 - 18:18

Hi Mex-John,Don't worry about

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

Log in or register to post comments

Fri, 06/05/2020 - 16:27

Subtitles

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

Log in or register to post comments

Fri, 06/05/2020 - 20:44

Hi gamoresano,First you need

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

Log in or register to post comments