Plyr: Chapters support

Created on 7 Jun 2018  路  10Comments  路  Source: sampotts/plyr

It would be great =)

Feature

Most helpful comment

Hello, is there more info about this function?

All 10 comments

What's chapters navigation?

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

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

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)

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

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

Could you give me your website adress ?

Hello, is there more info about this function?

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ahmadshc picture ahmadshc  路  3Comments

Generalomosco picture Generalomosco  路  3Comments

TheZoker picture TheZoker  路  4Comments

muuvmuuv picture muuvmuuv  路  3Comments

sparkktv picture sparkktv  路  4Comments