walsh9 / videojs-transcript Goto Github PK

Hi,

On the occasion a page contains more than one audio/video player, the plugin won’t function as expected.

The plugin implements a single global player reference that is been overwritten by the latter player.
Please advise what should be the best approach for fixing this issue.

Tnx
Harel Gruia

Caught this exception:
"TypeError: my.tracks.forEach is not a function"

And found that videojs 4.12 implements textTracks() differently from 4.9 did.
Returned TextTrackList object has no function forEach

I tried to add .srt file as captions for transcripts and it raising an error saying that "Malformed WebVtt Signature". Can someone tell me is it possible to use .srt files as transcript sources.

Thanks in advance.

Hi, Thanks for making this awesome library.

I'm making a web page with videojs to let people learning English via watching videos.
So i want to show 2 different languages at a time while they watching videos

Something like this:

Do you have any suggestion about how to do this?
Thanks in advance

Hey,

in your example code in the readme there's a syntax error in your JavaScript. You have a parenthese gone wrong.

var video = videojs('video').ready(function(){
      // Set up any options.
      var options = {
        showTitle: false,
        showTrackSelector: false,
      }); <---

There is no parenthese needed there, as it is just an object literal.

videojs-transcript is not working with latest version of video-js. I have installed video-js 6.3.3 after that transcripts are not working as giving error as track is undefined. Can some one please explain what went wrong and how can i resolve this.

Video JS CDN:

The plugin doesn't work with version 7 and above.

The transcript just doesn't load up.

Hi @walsh9,

I took the liberty to register your package on the Bower registry.
Would you please tag the latest commit as 0.8.1 or something above 0.8.0?

This would make the latest code installable via bower install videojs-transcript and also help us keep our bower.json cleaner.

Thanks!

@walsh9 Do you have an idea regarding integrating this transcript with reactjs -videojs player, because in that as I call this.player.transcript gives and error no such function.
It would really help me for my project.

Has anyone been able to get scrollToCenter option working? I've not been successful with v0.8.1. Suggestions sincerely appreciated!

It looks like they changed something about the way tracks load, so I need to update the plugin.

Quick workaround for anyone trying to get this to work right now.

1. Pass all the plugin initialization code as a function to videojs's ready callback. If you're working from the example, change the script on the example.html to something like this:

var video = videojs('video');
video.ready(function () {
  var transcript = video.transcript();
  var transcriptContainer = document.querySelector('#transcript');
  transcriptContainer.appendChild(transcript.el());
});

1. You might also need to change the line of code in the plugin that says:

my.settings = videojs.util.mergeOptions(defaults, options);

To:

my.settings = videojs.mergeOptions(defaults, options);

I've integrated videojs-transcript into my website. It is successfully parsing the given .vtt file and adding content to transcript lines. But It is not adding 'is-active' class to current line.

When I tried to use videojs-transcript with with videojs version 7.18 , its not working. But where as if I use videojs 4.12 then its working as expected. Can you give support for updated versions as well?

This actually does have some tests. Let's make sure they pass.

I am using videojs-transcript with videojs-playlist and videojs-playlist-ui.

It's has been pretty fiddly getting it working, I think I am close, but as playlists (audio playlists for example) sometime don't require the transcript plugin, I think i need to remove the transcript plugin before switching playlists, else I get the error:

Uncaught TypeError: Cannot read property 'activeCues' of undefined

How can it be removed when it is not required?

Thank You.

new event added here:
videojs/video.js#2804

old hack described here:
http://walsh9.net/notes/loading-text-tracks-in-video-js-4-12/

The old way of doing this is just a mess.

videojs has no more captionstrackchange and subtitlestrackchange events

I managed to get around with:

          player.textTracks().on('change', _.debounce(function () {
            setTimeout(function () {
              player.trigger('subtitlestrackchange')
            }, 0)
          }, 1000, true))

The easiest way to support this is wrapping the library in the "Universal Module Definition" pattern so it supports various loaders:

https://github.com/umdjs/umd

This would also have the side effect of fixing this bug: #6

#Some times I get no transcriptions in one video.

Other Times I managed to get transcriptions in both videos, but then, one of them is not responding to track changes or to clicks

Hello,

I am currently working on a videojs playlist instance that works with videojs-transcript.

The transcript displays and functions fine on the first video, but when either manually clicking on another video in the playlist, or when advancing forward in a playlist from one video to the next, the transcript area and functionality stays the same (ie it is not "updated" to reflect the next video's caption file).

Is there a way to "update" the transcript content and functionality when navigating through playlist videos?

Thank You.

I downloaded the current version and installed in our AWS account. I am testing the example and it doesn't display the transcript.

AWS - Example version v0.8.1 - 2017-04-21

The console shows the following error:

Uncaught TypeError: Cannot read property 'tabIndex' of undefined
at createLine (videojs-transcript.js:379)
at createTranscriptBody (videojs-transcript.js:406)
at videojs-transcript.js:401

Hi there

I changed content using ajax request. Transcripts not working for such videos.