/**
* 视频通话功能
*/
import { getSettings, splitAIMessages } from './config.js';
import { currentChatIndex } from './chat.js';
import { requestSave } from './save-manager.js';
import { refreshChatList } from './ui.js';
// 通话状态
let videoCallState = {
isActive: false,
isConnected: false,
isMuted: false,
isCameraOn: true,
startTime: null,
timerInterval: null,
dotsInterval: null,
connectTimeout: null,
contactIndex: -1,
contactName: '',
contactAvatar: '',
messages: [],
contact: null,
initiator: 'user',
rejectedByUser: false
};
// 辅助函数:安全设置头像(避免 onerror 内联处理器问题)
function setAvatarSafe(el, avatarUrl, fallbackChar) {
if (!el) return;
el.innerHTML = '';
if (avatarUrl) {
const img = document.createElement('img');
img.src = avatarUrl;
img.alt = '';
img.style.width = '100%';
img.style.height = '100%';
img.style.objectFit = 'cover';
img.onerror = () => {
img.remove();
el.textContent = fallbackChar;
};
el.appendChild(img);
} else {
el.textContent = fallbackChar;
}
}
// 开始视频通话
export function startVideoCall(initiator = 'user', contactIndex = currentChatIndex) {
if (videoCallState.isActive) return;
if (contactIndex < 0) return;
const settings = getSettings();
const contact = settings.contacts[contactIndex];
if (!contact) return;
videoCallState.contactName = contact.name;
videoCallState.contactAvatar = contact.avatar;
videoCallState.contact = contact;
videoCallState.contactIndex = contactIndex;
videoCallState.isActive = true;
videoCallState.isConnected = false;
videoCallState.isMuted = false;
videoCallState.isCameraOn = true;
videoCallState.messages = [];
videoCallState.initiator = initiator;
videoCallState.rejectedByUser = false;
if (initiator === 'ai') {
showIncomingCallPage();
} else {
showCallPage();
startConnecting();
}
}
// 显示AI来电界面
function showIncomingCallPage() {
const page = document.getElementById('wechat-video-call-page');
const incomingEl = document.getElementById('wechat-video-call-incoming');
if (!page || !incomingEl) return;
// 设置头像和名称
const avatarEl = document.getElementById('wechat-video-call-incoming-avatar');
const nameEl = document.getElementById('wechat-video-call-incoming-name');
const firstChar = videoCallState.contactName ? videoCallState.contactName.charAt(0) : '?';
setAvatarSafe(avatarEl, videoCallState.contactAvatar, firstChar);
if (nameEl) {
nameEl.textContent = videoCallState.contactName;
}
// 隐藏主界面元素,显示来电界面
document.getElementById('wechat-video-call-center')?.classList.add('hidden');
document.getElementById('wechat-video-call-chat')?.classList.add('hidden');
document.getElementById('wechat-video-call-actions')?.classList.add('hidden');
incomingEl.classList.remove('hidden');
// 来电阶段不显示计时
const timeEl = document.getElementById('wechat-video-call-time');
if (timeEl) {
timeEl.textContent = '00:00';
timeEl.classList.add('hidden');
}
page.classList.remove('hidden');
bindVideoCallEvents();
// 5秒后如果用户没接就超时
videoCallState.connectTimeout = setTimeout(() => {
if (videoCallState.isActive && !videoCallState.isConnected) {
videoCallState.rejectedByUser = false;
hangupVideoCall();
}
}, 5000);
}
// 显示通话页面
function showCallPage() {
const page = document.getElementById('wechat-video-call-page');
if (!page) return;
// 隐藏来电界面
document.getElementById('wechat-video-call-incoming')?.classList.add('hidden');
// 设置角色头像(中间圆形)
const avatarEl = document.getElementById('wechat-video-call-avatar');
const firstChar = videoCallState.contactName ? videoCallState.contactName.charAt(0) : '?';
setAvatarSafe(avatarEl, videoCallState.contactAvatar, firstChar);
// 设置用户头像(右上角长方形小窗)
const localAvatarEl = document.getElementById('wechat-video-call-local-avatar');
if (localAvatarEl) {
try {
const settings = getSettings();
setAvatarSafe(localAvatarEl, settings.userAvatar, '我');
} catch (e) {
localAvatarEl.textContent = '我';
}
}
// 设置状态
const statusEl = document.getElementById('wechat-video-call-status');
if (statusEl) {
statusEl.textContent = '等待对方接受邀请';
}
// 显示中间区域
document.getElementById('wechat-video-call-center')?.classList.remove('hidden');
document.getElementById('wechat-video-call-actions')?.classList.remove('hidden');
// 重置时间显示
const timeEl = document.getElementById('wechat-video-call-time');
if (timeEl) {
timeEl.textContent = '00:00';
timeEl.classList.add('hidden'); // 拨打中不显示计时
}
// 隐藏对话框
document.getElementById('wechat-video-call-chat')?.classList.add('hidden');
document.getElementById('wechat-video-call-messages')?.innerHTML &&
(document.getElementById('wechat-video-call-messages').innerHTML = '');
// 更新按钮状态
updateCameraButton();
updateMuteButtonVideo();
page.classList.remove('hidden');
bindVideoCallEvents();
}
// 开始连接动画
function startConnecting() {
const statusEl = document.getElementById('wechat-video-call-status');
if (!statusEl) return;
let dotCount = 0;
clearInterval(videoCallState.dotsInterval);
clearTimeout(videoCallState.connectTimeout);
videoCallState.dotsInterval = setInterval(() => {
dotCount = (dotCount + 1) % 4;
const dots = '.'.repeat(dotCount);
statusEl.textContent = '等待对方接受邀请' + dots;
}, 500);
// 用户发起:2-4秒后自动接通
const connectDelay = 2000 + Math.random() * 2000;
videoCallState.connectTimeout = setTimeout(() => {
if (videoCallState.isActive && !videoCallState.isConnected) {
onVideoCallConnected();
}
}, connectDelay);
}
// 通话接通
function onVideoCallConnected() {
videoCallState.isConnected = true;
videoCallState.startTime = Date.now();
clearInterval(videoCallState.dotsInterval);
clearTimeout(videoCallState.connectTimeout);
// 隐藏中间区域的状态文字,保留头像
const statusEl = document.getElementById('wechat-video-call-status');
if (statusEl) statusEl.classList.add('hidden');
document.getElementById('wechat-video-call-incoming')?.classList.add('hidden');
document.getElementById('wechat-video-call-actions')?.classList.remove('hidden');
// 显示对话框
document.getElementById('wechat-video-call-chat')?.classList.remove('hidden');
// 接通后才显示计时
const timeEl = document.getElementById('wechat-video-call-time');
timeEl?.classList.remove('hidden');
// 开始计时
startVideoCallTimer();
// 如果是AI发起的通话,接通后AI自动发送第一条消息
if (videoCallState.initiator === 'ai') {
triggerAIVideoGreeting();
}
}
// 开始通话计时
function startVideoCallTimer() {
clearInterval(videoCallState.timerInterval);
videoCallState.timerInterval = setInterval(() => {
if (!videoCallState.isConnected || !videoCallState.startTime) return;
const elapsed = Math.floor((Date.now() - videoCallState.startTime) / 1000);
const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');
const seconds = (elapsed % 60).toString().padStart(2, '0');
const timeEl = document.getElementById('wechat-video-call-time');
if (timeEl) {
timeEl.textContent = `${minutes}:${seconds}`;
}
}, 1000);
}
// 挂断视频通话
export function hangupVideoCall() {
// 计算通话时长
let durationStr = '00:00';
if (videoCallState.isConnected && videoCallState.startTime) {
const elapsed = Math.floor((Date.now() - videoCallState.startTime) / 1000);
const minutes = Math.floor(elapsed / 60).toString().padStart(2, '0');
const seconds = (elapsed % 60).toString().padStart(2, '0');
durationStr = `${minutes}:${seconds}`;
}
// 添加通话记录到聊天历史
if (videoCallState.contact) {
const settings = getSettings();
const contact = videoCallState.contact;
if (!contact.chatHistory) {
contact.chatHistory = [];
}
const now = new Date();
const timeStr = `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2,'0')}-${now.getDate().toString().padStart(2,'0')} ${now.getHours().toString().padStart(2,'0')}:${now.getMinutes().toString().padStart(2,'0')}`;
let callContent;
let lastMessage;
if (videoCallState.isConnected) {
callContent = `[视频通话:${durationStr}]`;
lastMessage = `视频通话 ${durationStr}`;
} else {
if (videoCallState.initiator === 'user') {
callContent = '[视频通话:已取消]';
lastMessage = '已取消';
} else if (videoCallState.rejectedByUser) {
callContent = '[视频通话:已拒绝]';
lastMessage = '已拒绝';
} else {
callContent = '[视频通话:对方已取消]';
lastMessage = '对方已取消';
}
}
const callRecord = {
role: videoCallState.initiator === 'user' ? 'user' : 'assistant',
content: callContent,
time: timeStr,
timestamp: Date.now(),
isVideoCallRecord: true
};
contact.chatHistory.push(callRecord);
// 通话内容只进“通话历史”,不在主聊天界面展示(避免污染主界面/列表预览)
if (videoCallState.messages && videoCallState.messages.length > 0) {
const callStatusForHistory = videoCallState.isConnected
? 'connected'
: (videoCallState.initiator === 'user'
? 'cancelled'
: (videoCallState.rejectedByUser ? 'rejected' : 'timeout'));
contact.callHistory = Array.isArray(contact.callHistory) ? contact.callHistory : [];
contact.callHistory.push({
type: 'video',
initiator: videoCallState.initiator,
status: callStatusForHistory,
duration: durationStr,
time: timeStr,
timestamp: Date.now(),
messages: videoCallState.messages.map(m => ({ role: m.role, content: m.content }))
});
}
contact.lastMessage = lastMessage;
// 确定状态类型
let callStatus = 'connected';
if (!videoCallState.isConnected) {
if (videoCallState.initiator === 'user') {
callStatus = 'cancelled';
} else if (videoCallState.rejectedByUser) {
callStatus = 'rejected';
} else {
callStatus = 'timeout';
}
}
if (currentChatIndex === videoCallState.contactIndex) {
appendVideoCallRecordMessage(videoCallState.initiator === 'user' ? 'user' : 'assistant', callStatus, durationStr, contact);
}
// AI 对通话结束做出反应(所有情况都触发)
triggerVideoCallEndReaction(contact, callStatus, videoCallState.initiator, videoCallState.messages);
requestSave();
refreshChatList();
}
videoCallState.isActive = false;
videoCallState.isConnected = false;
videoCallState.startTime = null;
clearInterval(videoCallState.timerInterval);
clearInterval(videoCallState.dotsInterval);
clearTimeout(videoCallState.connectTimeout);
const page = document.getElementById('wechat-video-call-page');
if (page) {
page.classList.add('hidden');
}
}
// 在聊天界面显示视频通话记录消息
function appendVideoCallRecordMessage(role, status, duration, contact) {
const messagesContainer = document.getElementById('wechat-chat-messages');
if (!messagesContainer) return;
const messageDiv = document.createElement('div');
messageDiv.className = `wechat-message ${role === 'user' ? 'self' : ''}`;
const firstChar = contact?.name ? contact.name.charAt(0) : '?';
let userAvatarContent = '我';
try {
const settings = getSettings();
if (settings.userAvatar) {
userAvatarContent = ``;
}
} catch (e) {}
const avatarContent = role === 'user'
? userAvatarContent
: (contact?.avatar
? `
`
: firstChar);
// 摄像机图标
const cameraIconSVG = ``;
let callRecordHTML;
if (status === 'connected') {
callRecordHTML = `