pcm-agents 0.3.0 → 0.3.2

package/dist/esm/pcm-video-chat-modal.entry.js

@@ -1,925 +0,0 @@
-import { r as registerInstance, c as createEvent, g as getElement, h } from './index-DaMwkrv5.js';
-import { a as sendSSERequest, s as sendHttpRequest } from './index-B2EtEi7v.js';
-
-const pcmVideoChatModalCss = ":host{display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:20px;z-index:1000}.fullscreen-overlay{padding:0}.modal-container{background:white;border-radius:8px;width:100%;max-width:800px;display:flex;flex-direction:column;position:relative;margin:auto}.modal-container.fullscreen{width:100vw;max-width:none;height:100%;border-radius:0;margin:0;display:flex;flex-direction:column;height:100vh;max-height:100vh}.modal-container.fullscreen>div:not(.modal-header):not(.initial-upload){display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.pc-layout{width:80%;max-width:800px;min-width:320px;min-height:400px}.mobile-layout{width:100%;height:100%;border-radius:0}@media screen and (max-width: 768px){.pc-layout{width:95%;}.modal-overlay{padding:0}.modal-container.fullscreen{height:-webkit-fill-available;max-height:-webkit-fill-available;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.modal-container.mobile-layout{width:100%;height:100vh;max-height:100vh;min-height:100vh;border-radius:0;margin:0;display:flex;flex-direction:column}}.video-preview.placeholder{display:flex;justify-content:center;align-items:center;background:#EAEAEA}.placeholder-status{color:#00000066}.waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-container{width:100%;display:flex;flex-direction:column;align-items:center}.video-area{width:100%;display:flex;flex-direction:column;align-items:center}.stop-recording-button{width:100%;height:100%;font-size:16px;background:#f44336;border-radius:6px;color:white;border:none;cursor:pointer}.stop-recording-button:hover{background:#d32f2f}.play-audio-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;height:50px;border-bottom:1px solid #e8e8e8;flex-shrink:0;}.header-left{display:flex;align-items:center;gap:8px}.header-icon{width:24px;height:24px}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px}.close-button:hover{background-color:rgba(0, 0, 0, 0.04)}.close-button span{font-size:24px;line-height:1;color:#999}.close-button:hover span{color:#666}.chat-history{position:relative;flex:1;overflow-y:auto;padding:20px;scroll-behavior:smooth;min-height:200px;background:url(https://pcm-resource-1312611446.cos.ap-guangzhou.myqcloud.com/web/sdk/chat_bg.png);background-size:100%}.fullscreen .chat-history{height:auto;flex:1 1 auto}.message-input{padding:16px;border-top:1px solid #eee;display:flex;gap:8px;align-items:center}.message-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;outline:none;transition:border-color 0.2s ease}.message-input input:focus{border-color:#bbb}.message{margin-bottom:16px;opacity:1;transition:opacity 0.3s ease}.message-content{max-width:70%;padding:8px 12px;border-radius:8px;word-break:break-word}.message-content p{margin:0;word-break:break-word}.user-message{display:flex;justify-content:flex-end}.agent-message{display:flex;justify-content:flex-start}.user-message .message-content{background-color:#007bff;color:white}.agent-message .message-content{background-color:#f1f1f1}.message-time{font-size:12px;color:#999;margin-top:4px;display:block}.send-button{background-color:#1890ff;color:white;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-weight:500}.send-button:disabled{background-color:#ccc;cursor:not-allowed}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#999;text-align:center}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(255, 255, 255, 0.98);z-index:1;opacity:1;transition:opacity 0.3s ease}.loading-container p{margin-top:16px;color:#666;font-size:14px}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.messages-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end}.messages-wrapper.has-overflow{justify-content:flex-start}.suggested-questions{display:flex;flex-direction:column;gap:8px;padding:16px}.suggested-question{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#f3f4f6;border-radius:4px;cursor:pointer;font-size:14px;color:#374151;transition:background-color 0.2s}.suggested-question:hover{background-color:#e5e7eb}.arrow-right{margin-left:8px}.loading-suggestions{display:flex;justify-content:center;padding:16px}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#6b7280;border-radius:50%;animation:spin 1s linear infinite}.upload-button{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:background-color 0.2s}.upload-button:hover{background-color:rgba(0, 0, 0, 0.04)}.upload-button svg{width:20px;height:20px}.selected-file{font-size:12px;color:#666;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #ddd;border-radius:4px;padding:0 4px;background:white}.input-wrapper input{border:none;flex:1;padding:8px;outline:none}.input-wrapper:focus-within{border-color:#bbb}.file-preview{padding:8px 16px;border-top:1px solid #eee;background-color:#f9f9f9}.function-select{margin-top:2rem}.function-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.function-button{padding:0.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;transition:all 0.3s ease}.function-button:hover{border-color:#1890ff;color:#1890ff}.function-button.selected{background:#1890ff;color:white;border-color:#1890ff}.recording-section{border-top:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:14px 14px 0 0;flex:0 0 auto}.recording-section .video-preview{width:100%;height:200px;max-width:400px;position:relative;margin-bottom:10px;border:1px solid #ddd;border-radius:12px;overflow:hidden}.recording-section video{width:100%;height:100%;object-fit:cover}.recording-status{position:absolute;top:10px;left:10px;background-color:rgba(0, 0, 0, 0.6);color:white;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:0.8rem;z-index:2}.recording-status .recording-dot{display:inline-block;width:10px;height:10px;background-color:red;border-radius:50%;margin-right:5px;animation:blink 1s infinite}.recording-status.warning{color:#ff4d4f;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}.recording-section .stop-recording-button{background-color:#f44336;color:white;border:none;cursor:pointer;font-weight:bold}.recording-section .stop-recording-button:hover{background-color:#d32f2f}.fullscreen{width:100vw;border-radius:0;height:100vh;display:flex;flex-direction:column;overflow-y:auto}.recording-controls{margin-top:10px;height:53px;width:100%;max-width:400px;display:flex;justify-content:center}.recording-controls .waiting-message{text-align:center;color:white;font-size:1rem;background-image:linear-gradient(100deg, #4A9FFF 0%, #1058FF 100%);border-radius:6px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);width:95%;display:flex;justify-content:center;align-items:center;cursor:pointer}.recording-controls .waiting-message.loading{background:#faad14}.recording-controls .waiting-message p{margin:0;font-size:16px;color:white;font-weight:500}.recording-controls .stop-recording-button{background-color:#dc3545;color:white;border:none;cursor:pointer;font-size:1rem}.recording-controls .stop-recording-button:hover{background-color:#c82333}.recording-controls .stop-recording-button.disabled{background:#ccc;cursor:not-allowed}.recording-controls .stop-recording-button.disabled:hover{background:#ccc}.progress-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:10px;padding:0 5px}.progress-bar-container{height:4px;background-color:#E5E5E5;border-radius:2px;overflow:hidden;margin-right:10px;width:75px}.progress-bar{height:100%;background-image:linear-gradient(111deg, #4A9FFF 0%, #1058FF 100%);border-radius:2px;transition:width 0.3s ease}.progress-text{font-size:14px;color:#666;white-space:nowrap}";
-
-const VideoChatModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.modalClosed = createEvent(this, "modalClosed");
-        this.streamComplete = createEvent(this, "streamComplete");
-        this.interviewComplete = createEvent(this, "interviewComplete");
-        this.recordingError = createEvent(this, "recordingError");
-        this.recordingStatusChange = createEvent(this, "recordingStatusChange");
-    }
-    /**
-     * 模态框标题
-     */
-    modalTitle = '在线客服';
-    /**
-     * API鉴权密钥
-     */
-    apiKey = '';
-    /**
-     * 是否显示聊天模态框
-     */
-    isOpen = false;
-    /**
-     * 聊天消息历史
-     */
-    messages = [];
-    /**
-     * 当点击模态框关闭时触发
-     */
-    modalClosed;
-    /**
-     * 应用图标URL
-     */
-    icon;
-    /**
-     * 聊天框的页面层级
-     */
-    zIndex = 1000;
-    /**
-     * 是否展示顶部标题栏
-     */
-    isShowHeader = true;
-    /**
-     * 是否展示右上角的关闭按钮
-     */
-    isNeedClose = true;
-    /**
-     * 会话ID
-     */
-    conversationId;
-    /**
-     * 当前助手回复的消息
-     */
-    currentAssistantMessage = '';
-    /**
-     * 是否正在加载回复
-     */
-    isLoading = false;
-    /**
-     * 当前正在流式输出的消息
-     */
-    currentStreamingMessage = null;
-    // 添加新的状态控制
-    shouldAutoScroll = true;
-    isLoadingHistory = false;
-    get hostElement() { return getElement(this); }
-    // 添加新的 Event
-    streamComplete;
-    /**
-     * 默认查询文本
-     */
-    defaultQuery = '';
-    // 添加新的状态
-    showInitialUpload = true;
-    // 添加视频录制相关状态
-    isRecording = false;
-    recordingStream = null;
-    recordedBlob = null;
-    mediaRecorder = null;
-    recordingTimeLeft = 0;
-    showRecordingUI = false;
-    recordingTimer = null;
-    recordingStartTime = 0;
-    recordingMaxTime = 120; // 最大录制时间（秒）
-    waitingToRecord = false;
-    waitingTimer = null;
-    waitingTimeLeft = 10; // 等待时间（秒）
-    // 添加一个新的私有属性来存储视频元素的引用
-    videoRef = null;
-    /**
-     * 总题目数量
-     */
-    totalQuestions = 2;
-    /**
-     * 当前题目序号
-     */
-    currentQuestionNumber = 0;
-    /**
-     * 面试是否已完成
-     */
-    isInterviewComplete = false;
-    /**
-     * 当面试完成时触发
-     */
-    interviewComplete;
-    SCROLL_THRESHOLD = 30;
-    /**
-     * 视频录制最大时长（秒）
-     */
-    maxRecordingTime = 120;
-    /**
-     * 录制倒计时提醒时间（秒）
-     * 当剩余时间小于此值时，显示倒计时警告
-     */
-    countdownWarningTime = 30;
-    showCountdownWarning = false;
-    /**
-     * 是否以全屏模式打开
-     */
-    fullscreen = false;
-    // 添加新的状态来跟踪视频上传
-    isUploadingVideo = false;
-    // 添加新的状态和属性
-    isPlayingAudio = false;
-    audioUrl = null;
-    audioElement = null;
-    /**
-     * 录制错误事件
-     */
-    recordingError;
-    /**
-     * 录制状态变化事件
-     */
-    recordingStatusChange;
-    /**
-     * 是否自动播放语音问题
-     */
-    enableVoice = true;
-    /**
-     * 是否显示题干内容
-     * 1: 显示题干内容
-     * 0: 不显示题干内容
-     */
-    displayContentStatus = "1";
-    /**
-     * 父组件传入的 简历id
-     */
-    resumeId;
-    handleClose = () => {
-        this.stopRecording();
-        this.modalClosed.emit();
-    };
-    async sendMessageToAPI(message, videoUrl) {
-        this.isLoading = true;
-        let answer = '';
-        let llmText = '';
-        const now = new Date();
-        const time = `${now.getHours()}:${now.getMinutes().toString().padStart(2, '0')}`;
-        // 如果消息为空但有文件，使用默认文本
-        const queryText = message.trim();
-        // 检查是否是最后一题的"下一题"请求
-        const isLastQuestion = this.currentQuestionNumber >= this.totalQuestions;
-        // 创建新的消息对象
-        const newMessage = {
-            id: `temp-${Date.now()}`,
-            time: time,
-            query: queryText,
-            answer: '',
-            isStreaming: true,
-            conversation_id: this.conversationId,
-            inputs: {},
-            status: "normal",
-            error: null
-        };
-        // 设置当前流式消息
-        this.currentStreamingMessage = newMessage;
-        this.shouldAutoScroll = true;
-        // 滚动到底部
-        this.scrollToBottom();
-        // 如果是最后一题，直接显示结束消息并完成面试
-        if (isLastQuestion) {
-            this.messages = [...this.messages, newMessage];
-            this.currentStreamingMessage = null;
-            this.isLoading = false;
-            this.isInterviewComplete = true;
-            await this.completeInterview(queryText, videoUrl);
-            this.interviewComplete.emit({
-                conversation_id: this.conversationId,
-                total_questions: this.totalQuestions
-            });
-            this.currentQuestionNumber++;
-            return;
-        }
-        // 准备请求数据
-        const requestData = {
-            response_mode: 'streaming',
-            conversation_id: this.conversationId,
-            query: queryText,
-            inputs: {
-                id: this.resumeId
-            }
-        };
-        // 如果有视频URL，添加到inputs中
-        if (videoUrl) {
-            requestData.inputs.video_url = videoUrl;
-        }
-        await sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
-            method: 'POST',
-            headers: {
-                'authorization': 'Bearer ' + this.apiKey
-            },
-            data: requestData,
-            onMessage: (data) => {
-                console.log('收到Stream数据:', data);
-                if (data.conversation_id && !this.conversationId) {
-                    this.conversationId = data.conversation_id;
-                    this.updateUrlWithConversationId(data.conversation_id);
-                }
-                // 检查是否有 node_finished 事件和 LLMText
-                if (data.event === 'node_finished' && data.data.inputs && data.data.inputs.LLMText) {
-                    llmText = data.data.inputs.LLMText;
-                    console.log('获取到 LLMText:', llmText);
-                }
-                if (data.event === 'message') {
-                    if (data.event === 'agent_message' || data.event === 'message') {
-                        if (data.answer) {
-                            answer += data.answer;
-                            const updatedMessage = {
-                                ...this.currentStreamingMessage,
-                                answer,
-                                isStreaming: true
-                            };
-                            this.currentStreamingMessage = updatedMessage;
-                            this.scrollToBottom();
-                        }
-                    }
-                }
-                if (data.event === "message_end") {
-                    this.streamComplete.emit({
-                        conversation_id: data.conversation_id || '',
-                        event: data.event,
-                        message_id: data.message_id,
-                        id: data.id,
-                    });
-                }
-            },
-            onError: (error) => {
-                console.error('发生错误:', error);
-                alert(error instanceof Error ? error.message : '消息发送失败，请稍后再试');
-                this.messages = [...this.messages, {
-                        ...newMessage,
-                        answer: '抱歉，发生了错误，请稍后再试。',
-                        error: error,
-                        isStreaming: false
-                    }];
-                this.currentStreamingMessage = null;
-                this.isLoading = false;
-            },
-            onComplete: async () => {
-                console.log('请求完成');
-                this.isLoading = false;
-                // 获取最新的AI回复内容
-                const latestAIMessage = this.currentStreamingMessage;
-                // 更新消息列表
-                this.messages = [...this.messages, this.currentStreamingMessage];
-                this.currentStreamingMessage = null;
-                // 增加题目计数
-                this.currentQuestionNumber++;
-                if (latestAIMessage && latestAIMessage.answer) {
-                    // 优先使用 LLMText，如果没有则使用 answer
-                    const textForSynthesis = llmText || latestAIMessage.answer;
-                    if (textForSynthesis) {
-                        // 合成语音
-                        const audioUrl = await this.synthesizeAudio(textForSynthesis);
-                        if (this.enableVoice) {
-                            // 自动播放语音
-                            await this.playAudio(audioUrl);
-                            // 自动播放模式下，播放完成后立即开始等待录制
-                            this.startWaitingToRecord();
-                        }
-                        else {
-                            // 只保存音频URL，不自动播放
-                            this.audioUrl = audioUrl;
-                            // 非自动播放模式下，不立即开始等待录制
-                        }
-                    }
-                }
-            }
-        });
-    }
-    // 监听滚动事件，用于控制聊天历史记录的自动滚动行为。
-    handleScroll = () => {
-        const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-        if (!chatHistory)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = chatHistory;
-        const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
-        // 更新是否应该自动滚动的状态
-        this.shouldAutoScroll = distanceFromBottom <= this.SCROLL_THRESHOLD;
-    };
-    scrollToBottom() {
-        if (!this.shouldAutoScroll)
-            return;
-        const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-        if (chatHistory && this.isOpen) {
-            // 强制浏览器重新计算布局
-            chatHistory.scrollTop = chatHistory.scrollHeight;
-        }
-    }
-    // 添加 componentDidRender 生命周期方法，用于在组件渲染后滚动到底部
-    componentDidRender() {
-        if (this.isLoadingHistory || (this.shouldAutoScroll && this.isOpen)) {
-            const chatHistory = this.hostElement.shadowRoot?.querySelector('.chat-history');
-            if (chatHistory) {
-                chatHistory.scrollTop = chatHistory.scrollHeight;
-            }
-        }
-    }
-    updateUrlWithConversationId(conversationId) {
-        const urlParams = new URLSearchParams(window.location.search);
-        if (!urlParams.get('conversation_id')) {
-            const newUrl = new URL(window.location.href);
-            newUrl.searchParams.set('conversation_id', conversationId);
-            window.history.replaceState({}, '', newUrl);
-        }
-    }
-    // 修改 loadHistoryMessages 方法
-    async loadHistoryMessages() {
-        if (!this.conversationId)
-            return;
-        this.isLoadingHistory = true;
-        console.log('加载历史消息...');
-        try {
-            await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/external/v1/chat/messages`,
-                method: 'GET',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                data: {
-                    conversation_id: this.conversationId,
-                    limit: 20
-                },
-                onMessage: (data) => {
-                    if (data.data) {
-                        const historyData = data.data || [];
-                        const formattedMessages = historyData.map(msg => {
-                            const time = new Date(msg.created_at * 1000);
-                            const hours = time.getHours().toString().padStart(2, '0');
-                            const minutes = time.getMinutes().toString().padStart(2, '0');
-                            const timeStr = `${hours}:${minutes}`;
-                            // 创建新的消息对象，不包含 inputs 字段
-                            const { inputs, ...msgWithoutInputs } = msg;
-                            return {
-                                ...msgWithoutInputs,
-                                time: timeStr,
-                                isStreaming: false,
-                                status: msg.status === 'error' ? 'error' : 'normal'
-                            };
-                        });
-                        this.messages = formattedMessages;
-                        this.isLoadingHistory = false;
-                        requestAnimationFrame(() => {
-                            this.shouldAutoScroll = true;
-                            this.scrollToBottom();
-                        });
-                    }
-                    else {
-                        this.isLoadingHistory = false;
-                    }
-                },
-                onError: (error) => {
-                    console.error('加载历史消息失败:', error);
-                    alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-                    this.isLoadingHistory = false;
-                },
-                onComplete: () => {
-                    this.isLoadingHistory = false;
-                }
-            });
-        }
-        catch (error) {
-            console.error('加载历史消息失败:', error);
-            alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-            this.isLoadingHistory = false;
-        }
-    }
-    // 修改 isOpen 的 watch 方法
-    async handleIsOpenChange(newValue) {
-        if (newValue) {
-            if (this.conversationId) {
-                await this.loadHistoryMessages();
-            }
-            else {
-                // 直接开始对话
-                this.sendMessageToAPI('请您开始提问');
-            }
-        }
-    }
-    // 开始等待录制
-    startWaitingToRecord() {
-        // 清除可能存在的计时器
-        if (this.waitingTimer) {
-            clearInterval(this.waitingTimer);
-        }
-        if (this.recordingTimer) {
-            clearInterval(this.recordingTimer);
-        }
-        this.waitingToRecord = true;
-        this.waitingTimeLeft = 10;
-        this.waitingTimer = setInterval(() => {
-            this.waitingTimeLeft--;
-            if (this.waitingTimeLeft <= 0) {
-                clearInterval(this.waitingTimer);
-                this.waitingTimer = null;
-                this.waitingToRecord = false;
-                this.startRecording();
-            }
-        }, 1000);
-    }
-    // 开始录制视频
-    async startRecording() {
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia({
-                audio: true,
-                video: {
-                    width: { ideal: 1280 },
-                    height: { ideal: 720 },
-                    frameRate: { ideal: 30 }
-                }
-            });
-            this.recordingStream = stream;
-            this.showRecordingUI = true;
-            this.showCountdownWarning = false;
-            // 重置视频引用
-            this.videoRef = null;
-            // 确保视频元素获取到流
-            this.setupVideoPreview(stream);
-            // 检测浏览器支持的MIME类型
-            const mimeType = this.getSupportedMimeType();
-            // 创建MediaRecorder实例
-            let mediaRecorder;
-            try {
-                mediaRecorder = new MediaRecorder(stream, {
-                    mimeType: mimeType
-                });
-            }
-            catch (e) {
-                // 如果指定MIME类型失败，尝试使用默认设置
-                console.warn('指定的MIME类型不受支持，使用默认设置:', e);
-                try {
-                    mediaRecorder = new MediaRecorder(stream);
-                }
-                catch (recorderError) {
-                    // 通知父组件录制器创建失败
-                    this.recordingError.emit({
-                        type: 'recorder_creation_failed',
-                        message: '无法创建媒体录制器，您的浏览器可能不支持此功能',
-                        details: recorderError
-                    });
-                    this.showRecordingUI = false;
-                    return;
-                }
-            }
-            this.mediaRecorder = mediaRecorder;
-            const chunks = [];
-            mediaRecorder.ondataavailable = (event) => {
-                if (event.data.size > 0) {
-                    chunks.push(event.data);
-                }
-            };
-            mediaRecorder.onerror = (event) => {
-                // 通知父组件录制过程中发生错误
-                this.recordingError.emit({
-                    type: 'recording_error',
-                    message: '录制过程中发生错误',
-                    details: event
-                });
-                this.stopRecording();
-            };
-            mediaRecorder.onstop = () => {
-                try {
-                    // 根据实际使用的MIME类型创建Blob
-                    const blobType = mimeType || 'video/mp4';
-                    const blob = new Blob(chunks, { type: blobType });
-                    if (blob.size === 0) {
-                        // 通知父组件录制的视频为空
-                        this.recordingError.emit({
-                            type: 'empty_recording',
-                            message: '录制的视频为空'
-                        });
-                        this.showRecordingUI = false;
-                        return;
-                    }
-                    this.recordedBlob = blob;
-                    // 通知父组件录制已完成
-                    this.recordingStatusChange.emit({
-                        status: 'stopped',
-                        details: {
-                            duration: Math.floor((Date.now() - this.recordingStartTime) / 1000),
-                            size: blob.size,
-                            type: blob.type
-                        }
-                    });
-                    this.uploadRecordedVideo();
-                }
-                catch (error) {
-                    // 通知父组件处理录制视频时出错
-                    this.recordingError.emit({
-                        type: 'processing_error',
-                        message: '处理录制视频时出错',
-                        details: error
-                    });
-                    this.showRecordingUI = false;
-                }
-            };
-            // 开始录制
-            try {
-                mediaRecorder.start();
-                this.isRecording = true;
-                this.recordingStartTime = Date.now();
-                this.recordingTimeLeft = this.maxRecordingTime;
-                // 通知父组件录制已开始
-                this.recordingStatusChange.emit({
-                    status: 'started',
-                    details: {
-                        maxDuration: this.maxRecordingTime,
-                        mimeType: mediaRecorder.mimeType
-                    }
-                });
-            }
-            catch (startError) {
-                // 通知父组件开始录制失败
-                this.recordingError.emit({
-                    type: 'start_failed',
-                    message: '开始录制失败，请检查您的设备权限',
-                    details: startError
-                });
-                this.showRecordingUI = false;
-                return;
-            }
-            // 设置录制计时器
-            this.recordingTimer = setInterval(() => {
-                const elapsedTime = Math.floor((Date.now() - this.recordingStartTime) / 1000);
-                this.recordingTimeLeft = Math.max(0, this.maxRecordingTime - elapsedTime);
-                // 检查是否需要显示倒计时警告
-                if (this.recordingTimeLeft <= this.countdownWarningTime && !this.showCountdownWarning) {
-                    this.showCountdownWarning = true;
-                }
-                // 时间到自动停止录制
-                if (this.recordingTimeLeft <= 0) {
-                    this.stopRecording();
-                }
-            }, 1000);
-        }
-        catch (error) {
-            console.error('无法访问摄像头或麦克风:', error);
-            // 通知父组件无法访问媒体设备
-            this.recordingError.emit({
-                type: 'media_access_failed',
-                message: '无法访问摄像头或麦克风，请确保已授予权限',
-                details: error
-            });
-            this.showRecordingUI = false;
-        }
-    }
-    // 添加新方法来设置视频预览
-    setupVideoPreview(stream) {
-        // 延迟执行以确保DOM已更新
-        setTimeout(() => {
-            const videoElement = this.hostElement.shadowRoot?.querySelector('video');
-            if (videoElement && stream) {
-                // 先尝试使用标准方法
-                try {
-                    videoElement.srcObject = stream;
-                    videoElement.play().catch(err => {
-                        console.error('视频播放失败:', err);
-                    });
-                }
-                catch (e) {
-                    console.warn('设置srcObject失败，尝试替代方法:', e);
-                    // 对于不支持srcObject的旧浏览器，使用URL.createObjectURL
-                    try {
-                        // 使用类型断言解决TypeScript错误
-                        const objectUrl = URL.createObjectURL(stream);
-                        videoElement.src = objectUrl;
-                        // 确保在视频元素不再使用时释放URL
-                        videoElement.onended = () => {
-                            URL.revokeObjectURL(objectUrl);
-                        };
-                    }
-                    catch (urlError) {
-                        console.error('创建对象URL失败:', urlError);
-                    }
-                }
-            }
-            else {
-                console.warn('未找到视频元素或媒体流无效');
-            }
-        }, 100);
-    }
-    // 添加一个新方法来检测浏览器支持的MIME类型
-    getSupportedMimeType() {
-        // 按优先级排列的MIME类型列表
-        const mimeTypes = [
-            'video/webm;codecs=vp8,opus',
-            'video/webm;codecs=vp9,opus',
-            'video/webm',
-            'video/mp4',
-            'video/mp4;codecs=h264,aac',
-            '' // 空字符串表示使用浏览器默认值
-        ];
-        // 检查MediaRecorder是否可用
-        if (!window.MediaRecorder) {
-            console.warn('MediaRecorder API不可用');
-            return '';
-        }
-        // 检查每种MIME类型是否受支持
-        for (const type of mimeTypes) {
-            if (!type)
-                return ''; // 如果是空字符串，直接返回
-            try {
-                if (MediaRecorder.isTypeSupported(type)) {
-                    console.log('使用支持的MIME类型:', type);
-                    return type;
-                }
-            }
-            catch (e) {
-                console.warn(`检查MIME类型支持时出错 ${type}:`, e);
-            }
-        }
-        // 如果没有找到支持的类型，返回空字符串
-        console.warn('没有找到支持的MIME类型，将使用浏览器默认值');
-        return '';
-    }
-    // 停止录制
-    stopRecording() {
-        if (this.mediaRecorder && this.isRecording) {
-            this.mediaRecorder.stop();
-            this.isRecording = false;
-            // 清理计时器
-            if (this.recordingTimer) {
-                clearInterval(this.recordingTimer);
-                this.recordingTimer = null;
-            }
-            // 停止并释放媒体流
-            if (this.recordingStream) {
-                this.recordingStream.getTracks().forEach(track => track.stop());
-                this.recordingStream = null;
-            }
-            // 清理视频引用
-            this.videoRef = null;
-        }
-    }
-    // 上传录制的视频
-    async uploadRecordedVideo() {
-        if (!this.recordedBlob)
-            return;
-        try {
-            this.isUploadingVideo = true; // 开始上传时设置状态
-            this.showRecordingUI = false; // 隐藏视频预览
-            // 根据Blob类型确定文件扩展名
-            const fileExtension = this.recordedBlob.type.includes('webm') ? 'webm' : 'mp4';
-            const fileName = `answer.${fileExtension}`;
-            const formData = new FormData();
-            formData.append('file', this.recordedBlob, fileName);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
-            });
-            const result = await response.json();
-            console.log('视频上传结果:', result);
-            if (result && result.cos_key) {
-                // 调用音频转文字API
-                const transcriptionText = await this.convertAudioToText(result.cos_key);
-                // 发送转换后的文本和视频URL到下一个请求
-                await this.sendMessageToAPI(transcriptionText || "下一题", result.cos_key);
-            }
-            else {
-                throw new Error('视频上传失败');
-            }
-        }
-        catch (error) {
-            console.error('视频上传或处理错误:', error);
-            this.recordingError.emit({
-                type: 'upload_failed',
-                message: '视频上传或处理失败',
-                details: error
-            });
-        }
-        finally {
-            this.isUploadingVideo = false; // 上传完成后重置状态
-            this.showRecordingUI = false;
-            this.recordedBlob = null;
-        }
-    }
-    // 修改音频转文字方法
-    async convertAudioToText(cosKey) {
-        try {
-            // 创建一个Promise来处理响应
-            return new Promise((resolve, reject) => {
-                sendHttpRequest({
-                    url: `https://pcm_api.ylzhaopin.com/external/v1/tts/audio_to_text`,
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                        'authorization': 'Bearer ' + this.apiKey
-                    },
-                    data: {
-                        cos_key: cosKey
-                    },
-                    onMessage: (data) => {
-                        // 检查返回结果中是否包含转换后的文本
-                        if (data && data.text) {
-                            console.log('转换后的文本:', data.text);
-                            resolve(data.text);
-                        }
-                        else {
-                            console.warn('音频转文字返回结果格式不正确');
-                            resolve(null);
-                        }
-                    },
-                    onError: (error) => {
-                        console.error('音频转文字请求失败:', error);
-                        reject(error);
-                    }
-                });
-            });
-        }
-        catch (error) {
-            console.error('音频转文字错误:', error);
-            return null;
-        }
-    }
-    /**
-     * 发送面试完成请求
-     */
-    async completeInterview(queryText, videoUrl) {
-        if (!this.conversationId)
-            return;
-        const requestData = {
-            response_mode: 'streaming',
-            conversation_id: this.conversationId,
-            query: queryText,
-            inputs: {
-                id: this.resumeId
-            }
-        };
-        // 如果有视频URL，添加到inputs中
-        if (videoUrl) {
-            requestData.inputs.video_url = videoUrl;
-        }
-        // 不使用 await，直接发送请求
-        sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
-            method: 'POST',
-            headers: {
-                'authorization': 'Bearer ' + this.apiKey
-            },
-            data: requestData,
-        }).catch(error => {
-            console.error('发送面试完成请求失败:', error);
-        });
-    }
-    // 添加TTS合成音频的方法
-    async synthesizeAudio(text) {
-        try {
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/tts/synthesize_audio', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: JSON.stringify({ text })
-            });
-            if (!response.ok) {
-                throw new Error('语音合成失败');
-            }
-            // 获取音频数据并创建Blob URL
-            const audioBlob = await response.blob();
-            return URL.createObjectURL(audioBlob);
-        }
-        catch (error) {
-            console.error('语音合成错误:', error);
-            throw error;
-        }
-    }
-    // 播放音频的方法
-    playAudio(audioUrl) {
-        return new Promise((resolve) => {
-            this.isPlayingAudio = true;
-            this.audioUrl = audioUrl;
-            // 创建音频元素
-            if (!this.audioElement) {
-                this.audioElement = new Audio();
-            }
-            this.audioElement.src = audioUrl;
-            this.audioElement.onended = () => {
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            };
-            this.audioElement.onerror = () => {
-                console.error('音频播放错误');
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            };
-            this.audioElement.play().catch(error => {
-                console.error('音频播放失败:', error);
-                this.isPlayingAudio = false;
-                this.audioUrl = null;
-                resolve();
-            });
-        });
-    }
-    // 修改 componentDidLoad 生命周期方法，确保组件卸载时释放资源
-    disconnectedCallback() {
-        // 释放音频资源
-        if (this.audioElement) {
-            this.audioElement.pause();
-            this.audioElement.src = '';
-            this.audioElement = null;
-        }
-        // 释放 Blob URL
-        if (this.audioUrl) {
-            URL.revokeObjectURL(this.audioUrl);
-            this.audioUrl = null;
-        }
-        // 清理其他计时器
-        if (this.waitingTimer) {
-            clearInterval(this.waitingTimer);
-            this.waitingTimer = null;
-        }
-        if (this.recordingTimer) {
-            clearInterval(this.recordingTimer);
-            this.recordingTimer = null;
-        }
-        // 停止录制
-        this.stopRecording();
-    }
-    // 修改手动播放音频的方法
-    handlePlayAudio = async () => {
-        if (this.audioUrl) {
-            await this.playAudio(this.audioUrl);
-            // 手动播放完成后开始等待录制
-            this.startWaitingToRecord();
-        }
-    };
-    render() {
-        if (!this.isOpen)
-            return null;
-        const modalStyle = {
-            zIndex: String(this.zIndex)
-        };
-        const containerClass = {
-            'modal-container': true,
-            'fullscreen': this.fullscreen
-        };
-        const overlayClass = {
-            'modal-overlay': true,
-            'fullscreen-overlay': this.fullscreen
-        };
-        const renderVideoPreview = () => (h("div", { class: "video-preview" }, h("video", { autoPlay: true, playsInline: true, muted: true, style: { transform: 'scaleX(-1)' }, ref: (el) => {
-                if (el && this.recordingStream && !this.videoRef) {
-                    this.videoRef = el;
-                    // 不在这里设置srcObject，而是使用setupVideoPreview方法
-                }
-            } }), h("div", { class: {
-                'recording-status': true,
-                'warning': this.showCountdownWarning
-            } }, h("span", { class: "recording-dot" }), h("span", null, "\u5F55\u5236\u4E2D ", Math.floor(this.recordingTimeLeft / 60), ":", (this.recordingTimeLeft % 60).toString().padStart(2, '0'), this.showCountdownWarning && ` (即将自动完成)`))));
-        // 渲染占位符状态信息
-        const renderPlaceholderStatus = () => {
-            // 正在播放音频
-            if (this.isPlayingAudio) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u6B63\u5728\u64AD\u653E\u95EE\u9898\uFF0C\u8BF7\u542C\u5B8C\u540E\u51C6\u5907\u56DE\u7B54...")));
-            }
-            // 正在上传视频
-            if (this.isUploadingVideo) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u6B63\u5728\u4E0A\u4F20\u89C6\u9891\uFF0C\u8BF7\u7A0D\u5019...")));
-            }
-            // 正在加载或等待AI回复
-            if (this.isLoading || this.currentStreamingMessage) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u8BF7\u7B49\u5F85\u9898\u76EE...")));
-            }
-            // 等待开始录制
-            if (this.waitingToRecord) {
-                return (h("div", { class: "placeholder-status" }, h("p", null, "\u8BF7\u51C6\u5907\u597D\uFF0C", this.waitingTimeLeft, "\u79D2\u540E\u5C06\u5F00\u59CB\u5F55\u5236\u60A8\u7684\u56DE\u7B54...")));
-            }
-            // 添加默认状态
-            return (h("div", { class: "placeholder-status default-status" }, h("p", null, "\u51C6\u5907\u4E2D...")));
-        };
-        return (h("div", { class: overlayClass, style: modalStyle }, h("div", { class: containerClass }, this.isShowHeader && (h("div", { class: "modal-header" }, h("div", { class: "header-left" }, this.icon && h("img", { src: this.icon, class: "header-icon", alt: "\u5E94\u7528\u56FE\u6807" }), h("div", null, this.modalTitle)), this.isNeedClose && (h("button", { class: "close-button", onClick: this.handleClose }, h("span", null, "\u00D7"))))), h("div", { style: { height: '100%' } }, h("div", { class: "chat-history", onScroll: this.handleScroll }, this.isLoadingHistory ? (h("div", { class: "loading-container" }, h("div", { class: "loading-spinner" }), h("p", null, "\u52A0\u8F7D\u5386\u53F2\u6D88\u606F\u4E2D..."))) : (h("div", null, this.messages.map((message) => (h("div", { id: `message_${message.id}`, key: message.id }, h("pcm-chat-message", { message: message, onMessageChange: (event) => {
-                const updatedMessages = this.messages.map(msg => msg.id === message.id ? { ...msg, ...event.detail } : msg);
-                this.messages = updatedMessages;
-            } })))), this.currentStreamingMessage && (h("div", { id: `message_${this.currentStreamingMessage.id}` }, h("pcm-chat-message", { message: this.currentStreamingMessage })))))), h("div", { class: "recording-section" }, h("div", { class: "recording-container" }, h("div", { class: "video-area" }, this.showRecordingUI ? (renderVideoPreview()) : (h("div", { class: "video-preview placeholder" }, renderPlaceholderStatus()))), h("div", { class: "progress-container" }, h("div", { class: "progress-bar-container" }, h("div", { class: "progress-bar", style: {
-                width: `${Math.max(0, this.currentQuestionNumber - 1) / this.totalQuestions * 100}%`
-            } })), h("div", { class: "progress-text" }, "\u5DF2\u5B8C\u6210", Math.max(0, this.currentQuestionNumber - 1), "/", this.totalQuestions)), h("div", { class: "recording-controls" }, this.showRecordingUI ? (h("button", { class: "stop-recording-button", onClick: () => this.stopRecording() }, "\u5B8C\u6210\u672C\u9898\u56DE\u7B54")) : (h("div", { class: "waiting-message" }, (() => {
-            // 显示播放按钮（当不自动播放且有音频URL时）
-            if (!this.enableVoice && this.audioUrl && !this.isPlayingAudio) {
-                return (h("div", { class: "play-audio-container", onClick: this.handlePlayAudio }, h("p", null, h("svg", { viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", style: { verticalAlign: 'middle', marginRight: '8px' } }, h("path", { d: "M8 5v14l11-7z" })), h("span", { style: { verticalAlign: 'middle' } }, "\u64AD\u653E\u9898\u76EE"))));
-            }
-            // 其他状态下显示禁用的"完成回答"按钮
-            return (h("button", { class: "stop-recording-button disabled", disabled: true }, "\u5B8C\u6210\u56DE\u7B54"));
-        })())))))))));
-    }
-    static get watchers() { return {
-        "isOpen": ["handleIsOpenChange"]
-    }; }
-};
-VideoChatModal.style = pcmVideoChatModalCss;
-
-export { VideoChatModal as pcm_video_chat_modal };
-//# sourceMappingURL=pcm-video-chat-modal.entry.js.map
-
-//# sourceMappingURL=pcm-video-chat-modal.entry.js.map