Adding subtitles to video

Completed

Bane

• June 10, 2016 14:45

Well, we have thought that it might be nice to have an option where you could add your own text in subtitle format and have it shown as the video plays.

 

The benefit of this would be that you could record the video in a single language, yet have different subtitles for other languages.

 

You would add it once, and the video would show the option to use them.

 

What do you think about this? Looking forward to it or are you against it? Do let us know by voting and do leave comments for any questions or suggestions that you might have on the same :)

1

• 

  Hudson Asiema

  • August 10, 2016 12:16

  As Deaf tutors or teachers or students, I am really looking forward to adding subtitles to a video. Please let us to add English subtitle to video as soon as possible because we use sign language on the video but English subtitle enable Hearing people who don't understand sign language to read it what we sign. Thanks.

  1
• 

  Bane

  • May 24, 2021 19:59

  Hi Hudson,

  Just in case we did not follow up with you over email, and if someone comes to this page I wanted to share here as well.

  At this time we do have support for subtitles on our players. You can add subtitles that were created from our Audio transcription service or you could even add them from your own servers if you wanted.

  This could be done using a code such as this one:

  <div id="video_placeholder"></div>
  <script>
      ziggeoApp.on("ready", function() {
          var player = new ZiggeoApi.V2.Player({
              element: document.getElementById("video_placeholder"),
              attrs: {
                  width: 640,
                  height: 480,
                  theme: "modern",
                  themecolor: "red",
                  video: "YOUR_TOKEN",
                  tracktagsstyled: false,
                  tracktags: [{
                      "lang": "en",
                      "kind": "subtitles",
                      "label": "English",
                      "src": "your.web/subtitle-en.vtt"
                  }]
              }
          });
  
          player.activate();
      });
  </script>

  If you wanted to use the one that was provided through the audio transcription service, it would even be simpler than that. You could do it with a code such as this one instead:

  <div id="video_placeholder"></div>
  <script>
      ziggeoApp.on("ready", function() {
          var player = new ZiggeoApi.V2.Player({
              element: document.getElementById("video_placeholder"),
              attrs: {
                  width: 640,
                  height: 480,
                  theme: "modern",
                  themecolor: "red",
                  video: "YOUR_TOKEN",
                  audio-transcription-as-subtitles: true
              }
          });
  
          player.activate();
      });
  </script>

  Hope this helps :)

  0

Please sign in to leave a comment.