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

Add support for chapters #170

Open
holta opened this issue Jan 26, 2023 · 4 comments
Open

Add support for chapters #170

holta opened this issue Jan 26, 2023 · 4 comments
Milestone

Comments

@holta
Copy link
Contributor

holta commented Jan 26, 2023

Teachers & Learners need clickable Tables-of-Contents to navigate long videos, to greatly deepen learning around "2-hour movies" and similar long videos.

How should this thoughtful interactivity be implemented in a ZIM file, for long videos especially?

YouTube calls this Video Chapters. Here's a great example beginning with an 11-hour YouTube video on Learning CSS:

image

Above screenshot is from the Description > "Show more" section of https://youtu.be/OXGznpKZ_sA

Here's a visual view of the same idea:

image

▶️ Much the same question has been asked at: https://community.learningequality.org/t/clickable-chapters-on-videos/2707

▶️ Central Question: What is likely the best way to make this critical interactivity (clickable "Video Chapters") happen in a ZIM file, when scraping from YouTube or in any similar way?

ASIDE: YouTube shows the "Video Chapter" name at the bottom — much like CNN's Chyron ("the crawl"). That more advanced UX/UI is certainly elegant — but might not be at all necessary (MVP == Minimum Viable Product!) A very basic/clickable Table-of-Contents being all that learners (and teachers) need — to make video-centric ZIM files more practical/pragmatic for everyday learning!

CONCERN: ZIM files seem to all use video player https://github.com/brion/ogv.js which might make this very difficult, if not impossible? (i.e. to embed a Clickable-Video-Table-of-Contents within any ZIM file, that students need) Or am I wrong?!

SIDE QUESTION: Should warc2zim or any other approaches perhaps be considered — if there's no other/obvious way to make this happen?

@holta holta changed the title Long videos need clickable Table-of-Contents: narrative monologues -> interactive learning Long videos need clickable Tables-of-Contents: narrative monologues -> interactive learning Jan 26, 2023
@rgaudin
Copy link
Member

rgaudin commented Jan 27, 2023

Very interesting ; this SO answer provides a way to retrieve chapter data (albeit using some kind of alternative API) because Youtube's own API doesn't.

The rest would be easy as we use video.js so even if there's no ready-made chapter browser, we would just have to build a list of those and seek the player to the appropriate position (player.currentTime()) on click.

@stale
Copy link

stale bot commented May 26, 2023

This issue has been automatically marked as stale because it has not had recent activity. It will be now be reviewed manually. Thank you for your contributions.

@stale stale bot added the stale label May 26, 2023
@benoit74 benoit74 changed the title Long videos need clickable Tables-of-Contents: narrative monologues -> interactive learning Add support for Youtube chapters Oct 13, 2023
@stale stale bot removed the stale label Oct 13, 2023
@benoit74
Copy link
Collaborator

it looks like video.js is indeed already supporting chapters (also named tracks obviously):

@benoit74 benoit74 changed the title Add support for Youtube chapters Add support for chapters Oct 13, 2023
@benoit74
Copy link
Collaborator

Could be made easier by first implementing migration to yt-dlp instead of Youtube APIs (#177) if Youtube APIs are still not returning chapter information (I did not checked)

@benoit74 benoit74 added this to the later milestone Jul 29, 2024
@kelson42 kelson42 pinned this issue Aug 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants