Using the iframe api, have a way to emit events via live components that can effect changes on the youtube player that gets embedded via iframes.
Some examples of actions would include:
seek to timestamp
highlight from timestamp if possible (like how duckduckgo does it)
Originally posted by @rtshkmr in https://github.com/ve1ld/vyasa/issues/10#issuecomment-1879718371
---
**2 examples:**
1. [scrimba](https://scrimba.com/scrim/coadc44f5a92f257851733715) -- tag-along media, with notes and other interactive features
2. [heavybit](https://www.heavybit.com/library/video/self-serve-go-to-market) -- it's a jump to from text to the media
the video acts as the IR to the timestamp, so can annotate through the video
1. for us, we'll find an **authoritative video** for that particular text
----
### Priority list
- [ ] 1. video player capabilities: seeking and video navigation
- [ ] 2. mobile-first UI: double check mobile behaviour -- this needs to be well handled on mobile
- [ ] explore just audio-out from the video to min distraction
- [ ] 3. visual modes -- expanded, miniplayer. this is more css ish stuff. --> use scrimba as a primary reference to balance the distracting / focus mode...
Using the iframe api, have a way to emit events via live components that can effect changes on the youtube player that gets embedded via iframes.
Some examples of actions would include:
Originally posted by @rtshkmr in https://github.com/ve1ld/vyasa/issues/10#issuecomment-1879718371
--- **2 examples:** 1. [scrimba](https://scrimba.com/scrim/coadc44f5a92f257851733715) -- tag-along media, with notes and other interactive features 2. [heavybit](https://www.heavybit.com/library/video/self-serve-go-to-market) -- it's a jump to from text to the media the video acts as the IR to the timestamp, so can annotate through the video 1. for us, we'll find an **authoritative video** for that particular text ---- ### Priority list - [ ] 1. video player capabilities: seeking and video navigation - [ ] 2. mobile-first UI: double check mobile behaviour -- this needs to be well handled on mobile - [ ] explore just audio-out from the video to min distraction - [ ] 3. visual modes -- expanded, miniplayer. this is more css ish stuff. --> use scrimba as a primary reference to balance the distracting / focus mode...