Skip to content

feat(attachments): preview video attachments in a modal 🤖🤖🤖 - #3491

Open
AlexDeus20 wants to merge 1 commit into
go-vikunja:mainfrom
AlexDeus20:feat-video-attachment-preview
Open

feat(attachments): preview video attachments in a modal 🤖🤖🤖#3491
AlexDeus20 wants to merge 1 commit into
go-vikunja:mainfrom
AlexDeus20:feat-video-attachment-preview

Conversation

@AlexDeus20

Copy link
Copy Markdown

Closes #3490.

What

Video attachments (mp4/webm/ogg/mov/m4v) currently download on click. This plays them inline in a modal with native controls instead, mirroring the existing image and PDF attachment previews.

How

  • canPreviewVideo(attachment) in models/attachment.ts — mime-gated (video/*) with an extension allow-list, matching the existing canPreviewImage/canPreviewPdf helpers; folded into canPreview.
  • Attachments.vueviewOrDownload routes video attachments to a new <Modal :wide><video controls></Modal> (same shape as the PDF modal). No autoplay.

No API/backend changes — authenticated blob loading already exists via AbstractService.getBlobUrl. Fully downloaded blob (like images/PDFs today), so no streaming.

Testing

  • pnpm lint / pnpm lint:styles pass; vite build passes.
  • Verified in a browser (WebKit) against a live backend: clicking an mp4 attachment opens the modal with a working player (blob source, controls, no autoplay), rendered in the top layer above the task-detail dialog.

Notes

Implemented with the help of Claude Code (AI); I reviewed the code and runtime-tested the result.

Video attachments currently download on click. Play them inline in a
modal with native controls instead, mirroring the existing image and PDF
attachment previews. Adds canPreviewVideo (mime-gated, like the image and
PDF helpers) and a video modal to the attachments list.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@github-actions github-actions Bot added area/attachments File attachments on tasks: upload, preview, download area/frontend Frontend-only code or UI work labels Aug 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/attachments File attachments on tasks: upload, preview, download area/frontend Frontend-only code or UI work

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Preview video attachments in a modal

1 participant