rtshkmr
commented
7 months ago Analysing Reference Sites
Srimba
1. Wapplyzer check yields the following results
- Seems like a lot of the popups are handled by the tippy.js package
- might be a good idea to use this for all the overlaying related implementations.
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...