plyr icon indicating copy to clipboard operation
plyr copied to clipboard

Chapters support

Open eSeal44 opened this issue 7 years ago • 18 comments

It would be great =)

eSeal44 avatar Jun 07 '18 13:06 eSeal44

What's chapters navigation?

friday avatar Jun 07 '18 13:06 friday

List of chapters in video by time. Sorry, dont know how to explain it better.

eSeal44 avatar Jun 07 '18 14:06 eSeal44

I see. It sounds similar to #278, but perhaps not with the UI. I know chapters are supported by some container formats, but I haven't seen anything like it in the html5 media specs, so I don't think we can access the metadata from the video. This leaves the option to pass the chapter data as arguments to Plyr.

I'm not sure I like the suggestion myself, as opposed to using playlists (#3), which would make it possible to provide a similar user experience. It would be useful to know why / how you need this to work or if playlists would solve it.

Also, I do think it's pretty easy to add this as a custom feature if you only want a button to show a list of titles and times, then when clicking a title you just set player.currentTime = time.

Edit: Seems like I missed that chapters can be added as tracks: http://html5index.org/Media%20-%20TextTrackKind.html

friday avatar Jun 07 '18 15:06 friday

I need to do this on my work. Will add a new button in player controls panel witch will show list of video chapters sliding from the right side of video window. And want call player.currentTime method to show video to user from chapter's start time ... Sorry for my English, hope you understand)

eSeal44 avatar Jun 08 '18 06:06 eSeal44

BTW. How I can insert a new button in controls panel?

eSeal44 avatar Jun 08 '18 12:06 eSeal44

Dom manipulation. Ex: https://developer.mozilla.org/en-US/docs/Web/API/Node/insertBefore

friday avatar Jun 08 '18 12:06 friday

I was hoping that there is a plyr method for it. But thanks. I already did it myself on my site.

eSeal44 avatar Jun 09 '18 06:06 eSeal44

Could you give me your website adress ?

Ohw222 avatar Jun 18 '18 14:06 Ohw222

Hello, is there more info about this function?

bujoo avatar Jan 18 '19 15:01 bujoo

MP3 files can have chapters. It would be great to have a list of chapters to "jump to".

benrolfe avatar Jun 24 '20 08:06 benrolfe

Any updates?

campiotto avatar Aug 24 '21 20:08 campiotto

+1

tobiasgoecke avatar Dec 06 '21 12:12 tobiasgoecke

+1

jeannettegoecke avatar Dec 06 '21 12:12 jeannettegoecke

+1

elglogins avatar Apr 16 '22 20:04 elglogins

Perhaps as an implementation reference, JWPlayer offers the ability to provide a WebVTT chapter track with time offsets and titles, and each chapter gets a marker in the scrubber timeline (similar to YouTube, though I prefer YouTube's UI — a whole section defined by the chapter rather than a single point-in-time marker).

command-tab avatar May 02 '22 00:05 command-tab

WebVTT chapter track support is really required for this player

honarmandpooria avatar May 15 '22 21:05 honarmandpooria

I was hoping that there is a plyr method for it. But thanks. I already did it myself on my site.

Can you please let me know how you did it? Thanks! @eSeal44

iambadar avatar May 20 '22 10:05 iambadar

Can anyone please help me add a toggle button and a dropdown menu like the speed or quality menu inside the settings option. this will really help my website.

Shuvadip-Ghosh avatar Mar 23 '24 18:03 Shuvadip-Ghosh