Skip to content

Add video feed management to central-circle - #12

Draft
yayadrian with Copilot wants to merge 2 commits into
mainfrom
copilot/add-video-feed-management
Draft

Add video feed management to central-circle#12
yayadrian with Copilot wants to merge 2 commits into
mainfrom
copilot/add-video-feed-management

Conversation

Copilot AI commented Oct 9, 2025

Copy link
Copy Markdown
Contributor

Implements video feed management functionality for the central-circle application, allowing users to add, manage, and monitor HLS video streams alongside the existing map features.

Changes

Added a collapsible "Video Feeds" configuration section to central-circle that includes:

  • Add video feeds: Input form to add HLS stream URLs (.m3u8 format)
  • Feed list display: Shows all added feeds with names automatically extracted from URLs (filename without extension)
  • Reorder feeds: Up (↑) and down (↓) arrow buttons to change display order
  • Delete feeds: Remove button (✕) to delete individual feeds
  • Reload feeds: Reload button (↻) to refresh individual video streams
  • Collapsible section: Click the "Video Feeds" header to show/hide the configuration panel

Technical Details

  • Integrated HLS.js (v1.5.6) for video streaming support
  • Implemented proper video cleanup and HLS instance management
  • Added error handling to ensure video feeds work independently of map functionality
  • Used vanilla JavaScript with no additional dependencies beyond HLS.js
  • Responsive grid layout for video tiles (auto-fits based on screen size)

UI Screenshots

Configuration section expanded with form

Video Feeds Section

Collapsed state to save space

Collapsed Section

Multiple feeds with reordering controls

Multiple Feeds

The implementation maintains the repository's philosophy of minimal dependencies, clean code, and accessibility.

Fixes requirements outlined in the issue for video feed management in central-circle.

Original prompt

On central-circle, it should be possible to close or reload a video feed.
In the top configuration section, when a new video feed is added.
A new list of current video feeds should be display.
Including:

  1. name of feed (end of url with the extension removed if present)
  2. an up and down arrow to change the order the video is displayed in.
  3. a button to delete/remove the feed
  4. a button to reload the feed (this should remove the feed and add it again)

The top configuration section should be colaposable to hide it when not needed.


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: yayadrian <33496+yayadrian@users.noreply.github.com>
Copilot AI changed the title [WIP] Add video feed management features to central-circle Add video feed management to central-circle Oct 9, 2025
Copilot AI requested a review from yayadrian October 9, 2025 17:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants