fancybits / videojs-chapter-nav

video.js plugin for skip to next/previous chapter buttons

videojs-chapter-nav

video.js plugin for skip to next/previous chapter buttons.

Built for video.js 5.x and above.

Usage

@import "~videojs-chapter-nav/src/plugin";

require('videojs-chapter-nav')
videojs(element, {
  plugins: {
    chapterNav: {}
  }
})

License

MIT

videojs-chapter-nav's Issues

Do not depend on the ControlBar's ChaptersButton component

For a clean interface I would'nt include the ControlBar's ChaptersButton component to the player. In this case, the plugin won't work, because it's depends on it.

My suggestion:

• Skip checking the ChaptersButton's visibility to show/hide the plugin buttons. Or check differently if there is a chapters Text Track:

// Get all text tracks for the current player.
var tracks = player.textTracks();

for (var i = 0; i < tracks.length; i++) {
	var track = tracks[i];

	// Find the chapters track.
	if (track.kind === 'chapters') {
		// Chapters track found.
		
		break;
	}
}

• Add the plugin buttons next to the PlayToggle component:

player.controlBar.chapterPrev = player.controlBar.addChild('ChapterNavButton', {
	direction: 'prev'
}, 1);

player.controlBar.chapterNext = player.controlBar.addChild('ChapterNavButton', {
	direction: 'next'
}, 2);

Or before the ControlBar if no PlayToggle present.

Option to skip to the previous chapter always instantly

Now the plugin only skips to the previous chapter's startTime if no more than 4 sec is passed in the current chapter. Otherwise it jumps to the current chapter's startTime. Am I right?

For faster navigation, it would be nice to add an option like this:

chapterNav: {
	instantPrev: true
}

The default would be false.

Chapter where the endTime is not the next chapter's startTime

I think the proper behaviour would be always skip to the next chapter's startTime instead of the actual chapter's endTime. Except the last chapter of course.

Example chapter file:

WEBVTT

1
00:00:01.000 --> 00:00:10.000
This is the first line of text

2
00:00:15.000 --> 00:00:20.000
And the second line of text

BTW, thank you for your work!