Hubs-Foundation / Hubs-Foundation/Spoke

Image/Video carousels

Open
#852 1 comment 0 reactions 0 assignees View on GitHub
enhancement
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.