fix: 视频消息卡片不显示30张缩略图和完整帧列表
- 视频帧序列 → 显示视频指示牌而非逐帧缩略图 - 内容折叠:只显示标题行,隐藏帧时间线
This commit is contained in:
@@ -147,7 +147,14 @@ export function appendMessageDOM(msg: ChatMessage, index: number): void {
|
|||||||
: '';
|
: '';
|
||||||
|
|
||||||
let contentHtml = '';
|
let contentHtml = '';
|
||||||
const safeContent = (msg.content != null) ? String(msg.content) : '';
|
let safeContent = (msg.content != null) ? String(msg.content) : '';
|
||||||
|
|
||||||
|
// 视频消息:折叠帧列表,只显示摘要
|
||||||
|
if (safeContent.startsWith('[视频帧序列')) {
|
||||||
|
const lines = safeContent.split('\n');
|
||||||
|
const header = lines[0]; // "[视频帧序列 · 30帧 · 1fps · 30s]"
|
||||||
|
safeContent = header;
|
||||||
|
}
|
||||||
|
|
||||||
if (msg.role === 'assistant') {
|
if (msg.role === 'assistant') {
|
||||||
// ── 系统提示词折叠卡片(每条助理消息顶部展示)──
|
// ── 系统提示词折叠卡片(每条助理消息顶部展示)──
|
||||||
@@ -176,12 +183,19 @@ export function appendMessageDOM(msg: ChatMessage, index: number): void {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (msg.images && msg.images.length > 0) {
|
if (msg.images && msg.images.length > 0) {
|
||||||
|
// 视频帧序列:不逐帧渲染缩略图,只显示视频指示
|
||||||
|
const isVideo = msg.content?.startsWith('[视频帧序列');
|
||||||
|
if (isVideo) {
|
||||||
|
const frameCount = msg.images.length;
|
||||||
|
contentHtml += `<div class="msg-video-indicator">🎬 视频帧序列 · ${frameCount} 帧 · 1fps</div>`;
|
||||||
|
} else {
|
||||||
contentHtml += '<div class="msg-images">';
|
contentHtml += '<div class="msg-images">';
|
||||||
for (const img of msg.images) {
|
for (const img of msg.images) {
|
||||||
contentHtml += `<img class="msg-img" src="data:image/png;base64,${img}" alt="用户图片" data-lightbox="true">`;
|
contentHtml += `<img class="msg-img" src="data:image/png;base64,${img}" alt="用户图片" data-lightbox="true">`;
|
||||||
}
|
}
|
||||||
contentHtml += '</div>';
|
contentHtml += '</div>';
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (msg.files && msg.files.length > 0) {
|
if (msg.files && msg.files.length > 0) {
|
||||||
contentHtml += '<div class="msg-files">';
|
contentHtml += '<div class="msg-files">';
|
||||||
|
|||||||
Reference in New Issue
Block a user