File Manager

✏️ Edit File: /home/sgssmau.org/public_html/admin/js/admin_call_support.js

// AI Call Support Client Logic for Admin panel

// Pre-load Web Speech API voices
if ('speechSynthesis' in window) {
    window.speechSynthesis.getVoices();
    window.speechSynthesis.onvoiceschanged = () => {
        window.speechSynthesis.getVoices();
    };
}

let isCallActive = false;
let isAdminMuted = false;
let isAdminSpeaker = true;
let adminCallTimerInterval = null;
let adminCallSeconds = 0;
let adminRecognition = null;
let adminCurrentAudio = null;
let isAISpeaking = false;

// Tiny silent audio to unlock HTML5 Autoplay
const adminSilentWav = 'data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA';

// Tone generator using Web Audio API for telephone sound effects
function playCallTone(type, duration = 0.5, callback = null) {
    try {
        const AudioContextClass = window.AudioContext || window.webkitAudioContext;
        if (!AudioContextClass) {
            if (callback) callback();
            return;
        }
        const ctx = new AudioContextClass();
        const osc1 = ctx.createOscillator();
        const osc2 = ctx.createOscillator();
        const gainNode = ctx.createGain();

osc1.connect(gainNode);
        osc2.connect(gainNode);
        gainNode.connect(ctx.destination);

if (type === 'ring') {
            // Ringback tone (440Hz + 480Hz modulated)
            osc1.frequency.value = 440;
            osc2.frequency.value = 480;
            gainNode.gain.setValueAtTime(0.08, ctx.currentTime);
        } else if (type === 'connect') {
            // High pitch positive connect beep (880Hz -> 1200Hz sweep)
            osc1.frequency.setValueAtTime(800, ctx.currentTime);
            osc1.frequency.exponentialRampToValueAtTime(1200, ctx.currentTime + duration);
            osc2.frequency.setValueAtTime(800, ctx.currentTime);
            osc2.frequency.exponentialRampToValueAtTime(1200, ctx.currentTime + duration);
            gainNode.gain.setValueAtTime(0.05, ctx.currentTime);
        } else if (type === 'disconnect') {
            // Low pitch disconnect beep
            osc1.frequency.value = 300;
            osc2.frequency.value = 350;
            gainNode.gain.setValueAtTime(0.1, ctx.currentTime);
        }

osc1.start();
        osc2.start();
        osc1.stop(ctx.currentTime + duration);
        osc2.stop(ctx.currentTime + duration);

setTimeout(() => {
            ctx.close();
            if (callback) callback();
        }, duration * 1000);
    } catch (e) {
        console.error("Tone generation failed:", e);
        if (callback) callback();
    }
}

async function startAdminCallSupport() {
    if (isCallActive) return;
    isCallActive = true;
    isAdminMuted = false;
    isAdminSpeaker = true;
    adminCallSeconds = 0;

// Reset controls UI
    const btnMute = document.getElementById('btnAdminMute');
    const btnSpeaker = document.getElementById('btnAdminSpeaker');
    if (btnMute) btnMute.classList.remove('active');
    if (btnSpeaker) btnSpeaker.classList.add('active');

// Show modal and slide it up
    const modal = document.getElementById('adminCallModal');
    modal.classList.add('active');

// Clear old transcripts
    const transcriptBox = document.getElementById('adminCallTranscript');
    transcriptBox.innerHTML = '';
    
    document.getElementById('adminCallStatus').innerText = "Connecting...";
    document.getElementById('adminCallTimer').innerText = "00:00";
    
    // Stop any current TTS
    if ('speechSynthesis' in window) {
        window.speechSynthesis.cancel();
    }

// Play ringing tone to simulate phone call
    playCallTone('ring', 0.8, () => {
        if (!isCallActive) return;
        
        // Play connect tone
        playCallTone('connect', 0.4, () => {
            if (!isCallActive) return;
            
            // Connected successfully
            document.getElementById('adminCallStatus').innerText = "Connected";
            startAdminCallTimer();

// Set up pulse rings animating
            document.getElementById('ring1').classList.add('animating');
            document.getElementById('ring2').classList.add('animating');

const welcomeMsg = "नमस्कार! मैं आपका Slog Way सपोर्ट असिस्टेंस हूँ। एनजीओ पोर्टल के सभी फीचर्स के बारे में कोई भी सहायता प्राप्त करने के लिए आप मुझसे बातचीत कर सकते हैं। आप क्या जानना चाहते हैं?";
            appendAdminTranscript('ai', welcomeMsg);
            
            playAdminTTS(welcomeMsg, () => {
                if (isCallActive && !isAdminMuted) {
                    startAdminListening();
                }
            });
        });
    });
}

function stopAdminCallTimer() {
    if (adminCallTimerInterval) {
        clearInterval(adminCallTimerInterval);
        adminCallTimerInterval = null;
    }
}

function appendAdminTranscript(sender, text) {
    const transcriptBox = document.getElementById('adminCallTranscript');
    const msgDiv = document.createElement('div');
    msgDiv.className = `transcript-msg ${sender}`;
    msgDiv.innerText = text;
    transcriptBox.appendChild(msgDiv);
    transcriptBox.scrollTop = transcriptBox.scrollHeight;
}

function playAdminTTS(text, callback = null) {
    if (!text || text.trim() === "") {
        if (callback) callback();
        return;
    }

if (!isAdminSpeaker) {
        // Speaker is off, skip speaking but still call the callback
        if (callback) callback();
        return;
    }

isAISpeaking = true; // Mark as speaking
    const lang = /[\u0900-\u097F]/.test(text) ? 'hi-IN' : 'en-US';

if ('speechSynthesis' in window) {
        window.speechSynthesis.cancel();
        const utterance = new SpeechSynthesisUtterance(text);
        utterance.lang = lang;
        utterance.rate = 0.95;

// Find natural Hindi/English voice if available
        const voices = window.speechSynthesis.getVoices();
        let selectedVoice = null;
        if (lang.startsWith('hi')) {
            selectedVoice = voices.find(voice => voice.lang.includes('hi') && (voice.name.toLowerCase().includes('google') || voice.localService)) || voices.find(voice => voice.lang.includes('hi'));
        } else {
            selectedVoice = voices.find(voice => voice.lang.includes('en') && (voice.name.toLowerCase().includes('google') || voice.name.toLowerCase().includes('natural'))) || voices.find(voice => voice.lang.includes('en'));
        }
        if (selectedVoice) utterance.voice = selectedVoice;

let handled = false;
        const finishCallback = () => {
            if (handled) return;
            handled = true;
            isAISpeaking = false; // Reset speaking status
            if (callback) callback();
        };

utterance.onend = finishCallback;
        utterance.onerror = (e) => {
            // Ignore intentional cancel/interrupt events
            if (e.error === 'interrupted' || e.error === 'cancelled') {
                console.log("SpeechSynthesis interrupted intentionally.");
                isAISpeaking = false;
                return;
            }
            console.error("Admin SpeechSynthesis error:", e);
            playAdminTTSFallback(text, lang.startsWith('hi') ? 'hi' : 'en', callback);
        };
        // Safety timeout (estimate 150ms per character + 5s buffer to prevent early cutoffs)
        setTimeout(finishCallback, Math.max(5000, (text.length * 150) + 5000));

adminCurrentAudio = {
            pause: () => {
                window.speechSynthesis.cancel();
                isAISpeaking = false;
            }
        };

window.speechSynthesis.speak(utterance);
    } else {
        playAdminTTSFallback(text, lang.startsWith('hi') ? 'hi' : 'en', callback);
    }
}

isAISpeaking = true; // Mark as speaking
    let handled = false;
    const finishCallback = () => {
        if (handled) return;
        handled = true;
        isAISpeaking = false; // Reset speaking status
        if (callback) callback();
    };
    audioPlayer.onended = finishCallback;
    audioPlayer.onerror = finishCallback;
    // Safety timeout (estimate 150ms per character + 5s buffer to prevent early cutoffs)
    setTimeout(finishCallback, Math.max(5000, (text.length * 150) + 5000));
    
    adminCurrentAudio = audioPlayer;
    audioPlayer.play().catch(e => {
        console.error("Audio playback blocked:", e);
        finishCallback();
    });
}

function startAdminListening() {
    if (!isCallActive || isAdminMuted) return;

const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
    if (!SpeechRecognition) {
        appendAdminTranscript('ai', "क्षमा करें, आपका ब्राउज़र वॉइस इनपुट का समर्थन नहीं करता है।");
        return;
    }

document.getElementById('adminCallStatus').innerText = "Listening...";
    document.getElementById('ring1').classList.add('animating');
    document.getElementById('ring2').classList.add('animating');

adminRecognition = new SpeechRecognition();
    adminRecognition.lang = 'hi-IN';
    adminRecognition.continuous = false; // Prevents WebView cumulative duplication bug
    adminRecognition.interimResults = false;
    adminRecognition.maxAlternatives = 1;

let hasResult = false;

adminRecognition.onresult = (event) => {
        if (isAISpeaking) {
            console.log("AI is speaking. Ignoring microphone feedback.");
            return;
        }
        
        const transcript = event.results[0][0].transcript;
        if (!isCallActive) return;

hasResult = true;
        submitAdminQuestion(transcript);
    };

adminRecognition.onerror = (event) => {
        console.warn("Speech recognition error:", event.error);
        if (!isCallActive) return;

if (event.error === 'no-speech') {
            // Let onend handle restarting
        } else {
            document.getElementById('adminCallStatus').innerText = "Connected";
        }
    };

adminRecognition.onend = () => {
        if (isCallActive && !isAdminMuted && !hasResult && document.getElementById('adminCallStatus').innerText === "Listening...") {
            console.log("Speech recognition ended. Restarting...");
            try {
                adminRecognition.start();
            } catch (e) {
                console.error("Failed to restart recognition:", e);
            }
        }
    };

try {
        adminRecognition.start();
    } catch (e) {
        console.error("Failed to start recognition:", e);
    }
}

async function askAdminAI(question) {
    if (!isCallActive) return;

try {
        const response = await fetch('ajax/ask_ai_admin.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ question: question })
        });

const data = await response.json();

if (!isCallActive) return;

if (data.success && data.answer) {
            document.getElementById('adminCallStatus').innerText = "Speaking...";
            document.getElementById('ring1').classList.add('animating');
            document.getElementById('ring2').classList.add('animating');

appendAdminTranscript('ai', data.answer);

playAdminTTS(data.answer, () => {
                if (isCallActive) {
                    playAdminTTS("क्या आप कुछ और पूछना चाहते हैं?", () => {
                        if (isCallActive && !isAdminMuted) {
                            startAdminListening();
                        }
                    });
                }
            });
        } else {
            const errorMsg = data.message || "क्षमा करें, सर्वर से कोई प्रतिक्रिया नहीं मिली।";
            appendAdminTranscript('ai', errorMsg);
            playAdminTTS(errorMsg, () => {
                if (isCallActive) startAdminListening();
            });
        }
    } catch (e) {
        console.error("AI fetch error:", e);
        if (isCallActive) {
            const errorMsg = "क्षमा करें, कनेक्टिविटी समस्या आ रही है। कृपया बाद में प्रयास करें।";
            appendAdminTranscript('ai', errorMsg);
            playAdminTTS(errorMsg);
        }
    }
}

// Fixed Speaker logic to cleanly handle toggles during active speech
function toggleAdminSpeaker() {
    isAdminSpeaker = !isAdminSpeaker;
    const btn = document.getElementById('btnAdminSpeaker');
    
    if (isAdminSpeaker) {
        btn.classList.add('active');
    } else {
        btn.classList.remove('active');
        // Stop any current TTS
        if ('speechSynthesis' in window) {
            window.speechSynthesis.cancel();
        }
        let audioPlayer = document.getElementById('adminAudioPlayer');
        if (audioPlayer) {
            audioPlayer.pause();
        }
    }
}

function endAdminCallSupport() {
    if (!isCallActive) return;
    isCallActive = false;
    isAISpeaking = false; // Reset speaking status

// Play low disconnect tone
    playCallTone('disconnect', 0.4);

// Stop speaking
    if ('speechSynthesis' in window) {
        window.speechSynthesis.cancel();
    }
    let audioPlayer = document.getElementById('adminAudioPlayer');
    if (audioPlayer) {
        audioPlayer.pause();
    }

// Stop listening
    if (adminRecognition) {
        try { adminRecognition.stop(); } catch (e) {}
        adminRecognition = null;
    }

// Stop timer
    stopAdminCallTimer();

// Reset visual rings
    document.getElementById('ring1').classList.remove('animating');
    document.getElementById('ring2').classList.remove('animating');

// Slide down modal and hide it
    const modal = document.getElementById('adminCallModal');
    modal.classList.remove('active');
}

Batal

⬅ Naik ke admin 1 item

Nama	Tipe	Ukuran	Diubah	Aksi
📜admin_call_support.js	js	16.1 KB	2026-06-04 10:51	✏️ Edit 👁️ View