Skip to content

feat: support video cell first frame snapshot#5206

Merged
fangsmile merged 1 commit into
VisActor:developfrom
Semlaw:feat-video-poster-render-0706
Jul 6, 2026
Merged

feat: support video cell first frame snapshot#5206
fangsmile merged 1 commit into
VisActor:developfrom
Semlaw:feat-video-poster-render-0706

Conversation

@Semlaw

@Semlaw Semlaw commented Jul 6, 2026

Copy link
Copy Markdown
Contributor

feat: support video cell first frame snapshot

🤔 This is a ...

  • New feature
  • Bug fix
  • TypeScript definition update
  • Bundle size optimization
  • Performance optimization
  • Enhancement feature
  • Refactoring
  • Update dependency
  • Code style optimization
  • Test Case
  • Branch merge
  • Site / documentation update
  • Demo update
  • Workflow
  • Chore
  • Release
  • Other (about what?)

🔗 Related issue link

N/A

💡 Background and solution

This PR adds an optional video cell first-frame snapshot mode.

When customConfig.videoFirstFrameSnapshot is enabled, the video cell captures the loaded first frame into a canvas, replaces the video element with the canvas image, and releases the video resource. This reduces long-lived video element usage after the first frame has been rendered.

New options:

customConfig: {
  videoFirstFrameSnapshot?: boolean;
  videoFirstFrameTimeout?: number;
  videoFirstFrameMaxCanvasSize?: number;
}

It also improves video load failure handling by keeping the video damage image aspect ratio immediately after load errors and after column resize.

📝 Changelog

Language Changelog
🇺🇸 English Add optional first-frame canvas snapshot support for video cells and release video resources after snapshot.
🇨🇳 Chinese 新增视频单元格首帧 canvas 快照配置,快照完成后释放 video 资源。

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

  • Doc is updated/provided or not needed
  • Demo is updated/provided or not needed
  • TypeScript definition is updated/provided or not needed
  • Changelog is provided or not needed

🚀 Summary

copilot:summary

🔍 Walkthrough

copilot:walkthrough

@github-actions github-actions Bot added the vtable label Jul 6, 2026
@fangsmile fangsmile merged commit 181ea39 into VisActor:develop Jul 6, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants