Hubs-Foundation / Hubs-Foundation/Spoke
Image/Video carousels
- Dominant language
- JavaScript
- Stars
- 679
- Forks
- 260
- PR merge metrics
- No merged PRs in 30d
Description
As a conference organizer, having to upload videos/change slides/posters etc and lay these out spatially is incredibly painful, and including many images/videos in a single scene causes resource problems.
What I'd love is a way to create image/video carousels, that only load when they are accessed, and are unloaded when memory is starved. A metaphor that could work well for this is a TV guide. You have a channel up/down (or left/right) button, as well as a selectable list of channels.
What would be even better would be if this list were actually based on a list hosted elsewhere (rather than embedded in the scene), such that the links could be updated without having to update the scene. So, I would host some sort of file (e.g. JSON) that contained information about the "TV Service" I wanted to include. The hubs room would link to this, and then I could update the service as needed.
What this would allow me to do is to, for example, load a bunch of slides and navigate through them with attendees. It would also allow me to do the same with videos, for example, in co-watching videos with a bunch of people, or navigating between multiple livestreams.
Contributor guide
Research direction
The issue names no files, tests, or entry points, so begin by locating the scene media-loading flow and determining how externally hosted JSON could be represented. Done would require an agreed carousel design supporting image and video navigation, on-demand loading, memory-based unloading, and updates from a remote list.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, threejs
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100