We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.

Join the discussion…

- ##### in this conversation

⬇ Drag and drop your images here to upload them.

###### Sign in with

###### or pick a name

### Disqus is a conversation network

- Disqus never moderates or censors. The rules on this community are its own.
- Your email is safe with us. It's only used for moderation and optional notifications.
- Don't be a jerk or do anything illegal. Everything is easier that way.

Read full terms and conditions

I'd rather post as guest
Be the first to comment.

- Kirti Agarwal • 7 months ago

  proud of u bro... really useful stuff.. thanks for sharing .. :)

  see more
- Bruno Seixas • 8 months ago

  Wasnt aware of this, thanks for sharing =)
  Great for usability. Do you know if screen readers can read the track files?

  see more
  - Alexander Farkas Bruno Seixas • 8 months ago

    Bruno Seixas
    This is something a screenreader won't have to do directly. The track element with a webvtt file is only one possibility to add subtitles, but you can also add subtitles by script addTextTrack or directly included in the video container.

    Instead the browser has to make the content of the track element accessible to the screenreader, this is done by the standard A11y-API of the operating system. In case of a track[description] the technology the browser is using is the same technique the browser uses to make liveregions accessible. This means a screen reader with support for liveregions (WAI-ARIA) do not have to update, to support track, as soon as a browser has implemented this feature right, it will work. I have no time to test it now, but I'm pretty sure IE11 with Jaws 10+ will work already.

    see more
  - Ankul Jain Bruno Seixas • 8 months ago

    Hi Bruno,

    As of now there is no standard way for the screen readers to read the track files. Possibly, there might be some softwares available in the market by different vendors that solve the purpose.

    see more
- Mathew Porter • 8 months ago

  Great comprehensive run through Ankul, props.

  see more
- Suraj Rai • 8 months ago

  I am glad you pointed this out! No one is talking about this. You shared good post for all designers, Thanks Ankul Jain for sharing this good post with us.

  see more
- Steve • 8 months ago

  This would be more helpful if you explained the content of the srt files. What exactly does each one contain, and how does it follow the video content?

  see more
  - Ankul Jain Steve • 8 months ago

    Hi Steve,

    srt files are simple text files. They contain the text and the time when they need to be displayed, thus following the video content. The format is:

    Subtitle Number
    Start time --> End time
    Subtitle Text
    Blank Line

    Following is an example for srt files:
    1
    00:00:10.085 --> 00:00:12.123
    This is the subtitle1 starting at 0:10 and ending at 00:12

    2
    00:00:13.023 --> 00:00:16.095
    This is the subtitle2 starting at 0:13 and ending at 00:16

    see more
    - Alexander Farkas Ankul Jain • 8 months ago

      BUT srt files are not supported by any browser. WebVTT files are the standard.

      see more
      - Ankul Jain Alexander Farkas • 8 months ago

        Hi Alexander,

        The WebVTT format is based on the SubRip format. Originally the contributors Web Hypertext Appliation Technology Working Group(WHATWG) and W3C HTML Working Group worked upon a format called WebSRT (Web Subtitle Resource Tracks). It was later renamed WebVTT (Web Video Text Track) with the .vtt file extension.
        And yes, since the WebVTT files are standard, the browser support is growing.

        see more
        - arun Ankul Jain • 7 months ago

          excellent work ankul bhai.. hope to see more updates from you soon for upcoming developers.. thanks for sharing

          see more

Load more comments

Nothing for you here ... yet. But as you comment with Disqus and follow other Disqus users, you will start to receive notifications here, as well as a personalized feed of activity by you and the people you follow. So get out there and participate in some discussions!