Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chapters support #1011

Open
eSeal44 opened this issue Jun 7, 2018 · 18 comments
Open

Chapters support #1011

eSeal44 opened this issue Jun 7, 2018 · 18 comments
Labels
Milestone

Comments

@eSeal44
Copy link

eSeal44 commented Jun 7, 2018

It would be great =)

@friday
Copy link
Collaborator

friday commented Jun 7, 2018

What's chapters navigation?

@eSeal44
Copy link
Author

eSeal44 commented Jun 7, 2018

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

@friday
Copy link
Collaborator

friday commented Jun 7, 2018

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 friday added the Feature label Jun 7, 2018
@eSeal44
Copy link
Author

eSeal44 commented Jun 8, 2018

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
Copy link
Author

eSeal44 commented Jun 8, 2018

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

@friday
Copy link
Collaborator

friday commented Jun 8, 2018

@friday friday added this to the Undecided milestone Jun 8, 2018
@friday friday changed the title Is it planned to add chapters navigation? Chapters support Jun 8, 2018
@eSeal44
Copy link
Author

eSeal44 commented Jun 9, 2018

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

@Ohw222
Copy link

Ohw222 commented Jun 18, 2018

Could you give me your website adress ?

@bujoo
Copy link

bujoo commented Jan 18, 2019

Hello, is there more info about this function?

@benrolfe
Copy link

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

@campiotto
Copy link

Any updates?

@tobiasgoecke
Copy link

+1

2 similar comments
@jeannettegoecke
Copy link

+1

@elglogins
Copy link

+1

@command-tab
Copy link

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).

@honarmandpooria
Copy link

WebVTT chapter track support is really required for this player

@iambadar
Copy link

iambadar commented May 20, 2022

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

@Shuvadip-Ghosh
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests