{"id":16,"date":"2026-09-11T23:39:19","date_gmt":"2026-09-11T23:39:19","guid":{"rendered":"https:\/\/funcoloringkids.link\/?page_id=16"},"modified":"2026-09-12T02:22:22","modified_gmt":"2026-09-12T02:22:22","slug":"lionel-messi-calling","status":"publish","type":"page","link":"https:\/\/funcoloringkids.link\/?page_id=16","title":{"rendered":"Lionel Messi Fake Video Call"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Smart Fake Call App<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Google Fonts Cairo -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Lucide Icons -->\n    <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n    <style>\n        body { font-family: 'Cairo', sans-serif; }\n        .ring-animation {\n            animation: pulse-ring 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n        }\n        @keyframes pulse-ring {\n            0%, 100% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.1); opacity: 0.7; }\n        }\n        .timer-glow {\n            box-shadow: 0 0 25px rgba(99, 102, 241, 0.4);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-slate-950 text-slate-100 min-h-screen flex items-center justify-center p-4\">\n\n    <!-- Main App Container -->\n    <div class=\"w-full max-w-md bg-slate-900 border border-slate-800 rounded-3xl shadow-2xl overflow-hidden relative\">\n        \n        <!-- Call Setup Screen -->\n        <div id=\"setupScreen\" class=\"p-6 space-y-5\">\n            <div class=\"text-center\">\n                <!-- Messi Profile Picture Icon -->\n                <div class=\"w-16 h-16 rounded-full border-2 border-indigo-500\/50 mx-auto overflow-hidden shadow-lg mb-3 bg-slate-800\">\n                    <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQPFI30J7tKOJnwcnSuJ81IFf8ICEJxmiJMXLsIqSRLQw&#038;s=10\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <h1 class=\"text-xl font-bold\">Fake Call Platform<\/h1>\n                <p class=\"text-xs text-slate-400 mt-1\">Custom fake video &#038; audio call simulation<\/p>\n            <\/div>\n\n            <!-- Caller Name -->\n            <div>\n                <label class=\"block text-xs font-semibold text-slate-300 mb-1\">Caller Name \/ Character<\/label>\n                <input type=\"text\" id=\"callerName\" value=\"Lionel Messi\" class=\"w-full bg-slate-950 border border-slate-800 rounded-xl px-4 py-3 text-sm focus:outline-none focus:border-indigo-500 transition\">\n            <\/div>\n\n            <!-- Default Call Type -->\n            <div>\n                <label class=\"block text-xs font-semibold text-slate-300 mb-1\">Default Call Type<\/label>\n                <div class=\"grid grid-cols-2 gap-3\">\n                    <button type=\"button\" onclick=\"setCallType('video')\" id=\"videoBtn\" class=\"py-3 px-4 rounded-xl border border-indigo-500 bg-indigo-500\/10 text-indigo-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\">\n                        <i data-lucide=\"video\" class=\"w-4 h-4\"><\/i> Video\n                    <\/button>\n                    <button type=\"button\" onclick=\"setCallType('audio')\" id=\"audioBtn\" class=\"py-3 px-4 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\">\n                        <i data-lucide=\"phone\" class=\"w-4 h-4\"><\/i> Audio Call\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Scheduling Options -->\n            <div>\n                <label class=\"block text-xs font-semibold text-slate-300 mb-2\">Waiting Time (Schedule)<\/label>\n                <div class=\"grid grid-cols-2 gap-2\">\n                    <button type=\"button\" onclick=\"setTimer(5, this)\" class=\"timer-option-btn py-2.5 px-3 rounded-xl border border-indigo-500 bg-indigo-500\/10 text-indigo-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\">\n                        <i data-lucide=\"zap\" class=\"w-3.5 h-3.5\"><\/i> 5 Seconds\n                    <\/button>\n                    <button type=\"button\" onclick=\"setTimer(15, this)\" class=\"timer-option-btn py-2.5 px-3 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\">\n                        <i data-lucide=\"clock\" class=\"w-3.5 h-3.5\"><\/i> 15 Seconds\n                    <\/button>\n                    <button type=\"button\" onclick=\"setTimer(60, this)\" class=\"timer-option-btn py-2.5 px-3 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\">\n                        <i data-lucide=\"hourglass\" class=\"w-3.5 h-3.5\"><\/i> 1 Minute\n                    <\/button>\n                    <button type=\"button\" onclick=\"setTimer(300, this)\" class=\"timer-option-btn py-2.5 px-3 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\">\n                        <i data-lucide=\"watch\" class=\"w-3.5 h-3.5\"><\/i> 5 Minutes\n                    <\/button>\n                <\/div>\n            <\/div>\n\n            <!-- Schedule Button -->\n            <button onclick=\"scheduleCall()\" class=\"w-full bg-indigo-600 hover:bg-indigo-500 text-white font-bold py-3.5 rounded-xl transition shadow-lg shadow-indigo-600\/30 flex items-center justify-center gap-2 active:scale-95\">\n                <i data-lucide=\"play\" class=\"w-5 h-5\"><\/i> Schedule &#038; Start Waiting\n            <\/button>\n\n            <!-- SEO Instructions Section -->\n            <div class=\"mt-6 pt-5 border-t border-slate-800\/80 text-left\">\n                <h3 class=\"text-xs font-bold text-slate-300 mb-2 flex items-center gap-1.5\">\n                    <i data-lucide=\"help-circle\" class=\"w-4 h-4 text-indigo-400\"><\/i>\n                    How to Use the Fake Call App?\n                <\/h3>\n                <p class=\"text-[11px] text-slate-400 leading-relaxed mb-3\">\n                    Create fun and realistic pranks with your friends using our <strong class=\"text-indigo-400 font-semibold\">smart fake call simulator<\/strong>. Follow these simple steps to get started instantly:\n                <\/p>\n                \n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                    <div class=\"bg-slate-950\/60 border border-slate-800\/60 rounded-xl p-2.5 flex items-start gap-2\">\n                        <span class=\"w-5 h-5 rounded-full bg-indigo-500\/10 text-indigo-400 text-[10px] font-bold flex items-center justify-center shrink-0 mt-0.5\">1<\/span>\n                        <div>\n                            <h4 class=\"text-[11px] font-bold text-slate-200\">Set Character<\/h4>\n                            <p class=\"text-[10px] text-slate-400 mt-0.5\">Type your preferred caller name or persona.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-slate-950\/60 border border-slate-800\/60 rounded-xl p-2.5 flex items-start gap-2\">\n                        <span class=\"w-5 h-5 rounded-full bg-indigo-500\/10 text-indigo-400 text-[10px] font-bold flex items-center justify-center shrink-0 mt-0.5\">2<\/span>\n                        <div>\n                            <h4 class=\"text-[11px] font-bold text-slate-200\">Choose Call Type<\/h4>\n                            <p class=\"text-[10px] text-slate-400 mt-0.5\">Select live video call or normal audio call.<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-slate-950\/60 border border-slate-800\/60 rounded-xl p-2.5 flex items-start gap-2\">\n                        <span class=\"w-5 h-5 rounded-full bg-indigo-500\/10 text-indigo-400 text-[10px] font-bold flex items-center justify-center shrink-0 mt-0.5\">3<\/span>\n                        <div>\n                            <h4 class=\"text-[11px] font-bold text-slate-200\">Set Timer<\/h4>\n                            <p class=\"text-[10px] text-slate-400 mt-0.5\">Pick a delay time and let your phone ring.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Waiting \/ Countdown Screen -->\n        <div id=\"waitingScreen\" class=\"hidden p-8 text-center space-y-6\">\n            <div class=\"relative w-32 h-32 mx-auto flex items-center justify-center\">\n                <div class=\"absolute inset-0 rounded-full bg-indigo-500\/20 animate-ping\"><\/div>\n                <div class=\"absolute inset-2 rounded-full bg-indigo-500\/30 blur-md\"><\/div>\n                <div class=\"relative w-28 h-28 bg-slate-900 border-2 border-indigo-500\/50 text-indigo-400 rounded-full flex flex-col items-center justify-center timer-glow z-10\">\n                    <span class=\"text-xs text-slate-400 font-semibold\">Remaining<\/span>\n                    <span id=\"countdownDisplay\" class=\"text-3xl font-black\">5<\/span>\n                    <span class=\"text-[10px] text-slate-400\">Seconds<\/span>\n                <\/div>\n            <\/div>\n            <div class=\"space-y-1\">\n                <h2 class=\"text-lg font-bold\">Call is on the way&#8230;<\/h2>\n                <p class=\"text-xs text-slate-400\">Stay ready, your phone will ring shortly.<\/p>\n            <\/div>\n            <button onclick=\"cancelSchedule()\" class=\"bg-red-500\/10 hover:bg-red-500\/20 text-red-400 border border-red-500\/20 text-xs px-6 py-3 rounded-xl font-semibold transition active:scale-95\">\n                Cancel Schedule\n            <\/button>\n        <\/div>\n\n        <!-- Incoming Call Ringing Screen -->\n        <div id=\"incomingScreen\" class=\"hidden h-[550px] flex flex-col justify-between p-8 text-center bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950 relative overflow-hidden\">\n            <div class=\"absolute inset-0 opacity-15 bg-cover bg-center\" style=\"background-image: url('https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQPFI30J7tKOJnwcnSuJ81IFf8ICEJxmiJMXLsIqSRLQw&#038;s=10')\"><\/div>\n            \n            <div class=\"relative z-10 pt-10\">\n                <div class=\"w-32 h-32 rounded-full border-4 border-indigo-500\/60 mx-auto overflow-hidden shadow-2xl mb-4 ring-animation bg-slate-800\">\n                    <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQPFI30J7tKOJnwcnSuJ81IFf8ICEJxmiJMXLsIqSRLQw&#038;s=10\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <h2 id=\"incomingNameLabel\" class=\"text-2xl font-bold\">Lionel Messi<\/h2>\n                <p class=\"text-xs text-indigo-400 mt-1 animate-pulse font-medium\">Incoming call&#8230;<\/p>\n            <\/div>\n\n            <div class=\"relative z-10 flex justify-around items-center px-6 pb-6\">\n                <button onclick=\"endCall()\" class=\"w-16 h-16 bg-red-600 hover:bg-red-500 text-white rounded-full flex items-center justify-center shadow-lg shadow-red-600\/40 transition active:scale-95\">\n                    <i data-lucide=\"phone-off\" class=\"w-7 h-7\"><\/i>\n                <\/button>\n                <button onclick=\"answerCall()\" class=\"w-16 h-16 bg-emerald-600 hover:bg-emerald-500 text-white rounded-full flex items-center justify-center shadow-lg shadow-emerald-600\/40 transition active:scale-95 ring-animation\">\n                    <i data-lucide=\"phone\" class=\"w-7 h-7\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n\n        <!-- Active Call Screen -->\n        <div id=\"activeScreen\" class=\"hidden h-[550px] flex flex-col justify-between bg-slate-950 relative overflow-hidden\">\n            <!-- Media Container (Video or Audio) -->\n            <div id=\"mediaContainer\" class=\"absolute inset-0 z-0 flex items-center justify-center bg-slate-900\"><\/div>\n\n            <!-- User Local Camera View (Picture in Picture - Bottom Right) -->\n            <div id=\"localCameraContainer\" class=\"hidden absolute top-6 right-6 w-24 h-36 bg-slate-800 border-2 border-slate-700 rounded-2xl overflow-hidden shadow-2xl z-20\">\n                <video id=\"userVideoElement\" autoplay playsinline muted class=\"w-full h-full object-cover -scale-x-100\"><\/video>\n            <\/div>\n\n            <!-- Top Header with Call Info -->\n            <div class=\"relative z-10 p-6 flex justify-between items-center bg-gradient-to-b from-slate-950\/80 to-transparent\">\n                <div>\n                    <h3 id=\"activeNameLabel\" class=\"font-bold text-sm\">Lionel Messi<\/h3>\n                    <span id=\"callDuration\" class=\"text-xs text-emerald-400 font-mono\">00:00<\/span>\n                <\/div>\n                <div class=\"bg-slate-900\/60 backdrop-blur-md px-3 py-1 rounded-full border border-slate-800 text-xs text-slate-300\" id=\"callTypeLabel\">Video<\/div>\n            <\/div>\n\n            <!-- Call Control Buttons -->\n            <div class=\"relative z-10 p-6 bg-gradient-to-t from-slate-950\/90 to-transparent flex justify-center items-center gap-4\">\n                <button onclick=\"toggleMute()\" id=\"muteBtn\" class=\"w-12 h-12 bg-slate-800\/80 hover:bg-slate-700 text-white rounded-full flex items-center justify-center backdrop-blur-md transition\">\n                    <i data-lucide=\"mic\" class=\"w-5 h-5\"><\/i>\n                <\/button>\n                <button onclick=\"endCall()\" class=\"w-16 h-16 bg-red-600 hover:bg-red-500 text-white rounded-full flex items-center justify-center shadow-xl shadow-red-600\/40 transition active:scale-95\">\n                    <i data-lucide=\"phone-off\" class=\"w-7 h-7\"><\/i>\n                <\/button>\n                <!-- Camera Button to Switch Between Audio and Video -->\n                <button onclick=\"toggleCameraMode()\" id=\"camBtn\" class=\"w-12 h-12 bg-slate-800\/80 hover:bg-slate-700 text-white rounded-full flex items-center justify-center backdrop-blur-md transition\">\n                    <i data-lucide=\"video\" class=\"w-5 h-5\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Audio Elements -->\n    <audio id=\"ringtoneAudio\" src=\"https:\/\/assets.mixkit.co\/active_storage\/sfx\/2869\/2869-preview.mp3\" preload=\"auto\" loop><\/audio>\n    <audio id=\"personAudio\" src=\"http:\/\/funcoloringkids.link\/wp-content\/uploads\/2026\/09\/video-call-with-messi.mp3\" preload=\"auto\" loop><\/audio>\n\n    <script>\n        lucide.createIcons();\n\n        let currentCallType = 'video';\n        let selectedTimerSeconds = 5;\n        let countdownTimer = null;\n        let callDurationTimer = null;\n        let secondsElapsed = 0;\n        let userStream = null;\n\n        const defaultMediaUrl = \"https:\/\/www.youtube.com\/shorts\/K6HhugxYUBA?feature=share\";\n\n        window.addEventListener('DOMContentLoaded', () => {\n            const targetTime = localStorage.getItem('fakeCallTargetTime');\n            if (targetTime) {\n                checkBackgroundTimer();\n            }\n        });\n\n        function setCallType(type) {\n            currentCallType = type;\n            const videoBtn = document.getElementById('videoBtn');\n            const audioBtn = document.getElementById('audioBtn');\n            \n            if (type === 'video') {\n                videoBtn.className = \"py-3 px-4 rounded-xl border border-indigo-500 bg-indigo-500\/10 text-indigo-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\";\n                audioBtn.className = \"py-3 px-4 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\";\n            } else {\n                audioBtn.className = \"py-3 px-4 rounded-xl border border-indigo-500 bg-indigo-500\/10 text-indigo-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\";\n                videoBtn.className = \"py-3 px-4 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-sm flex items-center justify-center gap-2 transition active:scale-95\";\n            }\n        }\n\n        function setTimer(seconds, buttonElement) {\n            selectedTimerSeconds = seconds;\n            const buttons = document.querySelectorAll('.timer-option-btn');\n            buttons.forEach(btn => {\n                btn.className = \"timer-option-btn py-2.5 px-3 rounded-xl border border-slate-800 bg-slate-950 text-slate-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\";\n            });\n            buttonElement.className = \"timer-option-btn py-2.5 px-3 rounded-xl border border-indigo-500 bg-indigo-500\/10 text-indigo-400 font-semibold text-xs flex items-center justify-center gap-1.5 transition active:scale-95\";\n        }\n\n        function scheduleCall() {\n            const targetTime = Date.now() + (selectedTimerSeconds * 1000);\n            localStorage.setItem('fakeCallTargetTime', targetTime);\n            localStorage.setItem('fakeCallerName', document.getElementById('callerName').value);\n            localStorage.setItem('fakeCallType', currentCallType);\n\n            startCountdownLoop();\n        }\n\n        function checkBackgroundTimer() {\n            const targetTime = localStorage.getItem('fakeCallTargetTime');\n            if (!targetTime) return;\n\n            const savedName = localStorage.getItem('fakeCallerName');\n            if (savedName) {\n                document.getElementById('callerName').value = savedName;\n            }\n            const savedType = localStorage.getItem('fakeCallType');\n            if (savedType) {\n                setCallType(savedType);\n            }\n\n            const now = Date.now();\n            const timeLeft = Math.floor((parseInt(targetTime) - now) \/ 1000);\n\n            if (timeLeft <= 0) {\n                localStorage.removeItem('fakeCallTargetTime');\n                startIncomingCall();\n            } else {\n                document.getElementById('setupScreen').classList.add('hidden');\n                document.getElementById('waitingScreen').classList.remove('hidden');\n                startCountdownLoop();\n            }\n        }\n\n        function startCountdownLoop() {\n            document.getElementById('setupScreen').classList.add('hidden');\n            document.getElementById('waitingScreen').classList.remove('hidden');\n\n            if (countdownTimer) clearInterval(countdownTimer);\n\n            countdownTimer = setInterval(() => {\n                const targetTime = localStorage.getItem('fakeCallTargetTime');\n                if (!targetTime) {\n                    clearInterval(countdownTimer);\n                    return;\n                }\n\n                const now = Date.now();\n                const timeLeft = Math.ceil((parseInt(targetTime) - now) \/ 1000);\n\n                if (timeLeft <= 0) {\n                    clearInterval(countdownTimer);\n                    localStorage.removeItem('fakeCallTargetTime');\n                    startIncomingCall();\n                } else {\n                    document.getElementById('countdownDisplay').innerText = timeLeft;\n                }\n            }, 1000);\n        }\n\n        function cancelSchedule() {\n            clearInterval(countdownTimer);\n            localStorage.removeItem('fakeCallTargetTime');\n            localStorage.removeItem('fakeCallerName');\n            localStorage.removeItem('fakeCallType');\n            document.getElementById('waitingScreen').classList.add('hidden');\n            document.getElementById('setupScreen').classList.remove('hidden');\n        }\n\n        function startIncomingCall() {\n            const name = document.getElementById('callerName').value;\n            document.getElementById('waitingScreen').classList.add('hidden');\n            document.getElementById('incomingScreen').classList.remove('hidden');\n            document.getElementById('incomingNameLabel').innerText = name;\n\n            const ringtone = document.getElementById('ringtoneAudio');\n            ringtone.currentTime = 0;\n            ringtone.play().catch(e => console.log(\"Ringtone autoplay blocked\"));\n        }\n\n        async function answerCall() {\n            const ringtone = document.getElementById('ringtoneAudio');\n            ringtone.pause();\n            ringtone.currentTime = 0;\n\n            document.getElementById('incomingScreen').classList.add('hidden');\n            document.getElementById('activeScreen').classList.remove('hidden');\n\n            const name = document.getElementById('callerName').value;\n            document.getElementById('activeNameLabel').innerText = name;\n\n            \/\/ \u0637\u0644\u0628 \u062a\u0634\u063a\u064a\u0644 \u0643\u0627\u0645\u064a\u0631\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u0643\u0627\u0644\u0645\u0629 \u0641\u064a\u062f\u064a\u0648\n            if (currentCallType === 'video') {\n                try {\n                    userStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"user\" }, audio: false });\n                    const userVideoElement = document.getElementById('userVideoElement');\n                    userVideoElement.srcObject = userStream;\n                    document.getElementById('localCameraContainer').classList.remove('hidden');\n                } catch (err) {\n                    console.log(\"Camera access denied or unavailable\", err);\n                }\n            }\n\n            updateMediaInterface();\n\n            secondsElapsed = 0;\n            callDurationTimer = setInterval(() => {\n                secondsElapsed++;\n                const mins = Math.floor(secondsElapsed \/ 60).toString().padStart(2, '0');\n                const secs = (secondsElapsed % 60).toString().padStart(2, '0');\n                document.getElementById('callDuration').innerText = `${mins}:${secs}`;\n            }, 1000);\n        }\n\n        function updateMediaInterface() {\n            const mediaContainer = document.getElementById('mediaContainer');\n            const personAudio = document.getElementById('personAudio');\n            const camBtn = document.getElementById('camBtn');\n            const callTypeLabel = document.getElementById('callTypeLabel');\n            const localCameraContainer = document.getElementById('localCameraContainer');\n            \n            mediaContainer.innerHTML = '';\n\n            if (currentCallType === 'video') {\n                personAudio.pause();\n                personAudio.currentTime = 0;\n                \n                callTypeLabel.innerText = 'Video Call';\n                camBtn.className = \"w-12 h-12 bg-slate-800\/80 hover:bg-slate-700 text-white rounded-full flex items-center justify-center backdrop-blur-md transition\";\n                localCameraContainer.classList.remove('hidden');\n\n                let videoId = \"\";\n                if (defaultMediaUrl.includes('\/shorts\/')) {\n                    videoId = defaultMediaUrl.split('\/shorts\/')[1].split('?')[0];\n                } else if (defaultMediaUrl.includes('watch?v=')) {\n                    videoId = defaultMediaUrl.split('watch?v=')[1].split('&')[0];\n                }\n\n                if (videoId) {\n                    const iframe = document.createElement('iframe');\n                    iframe.id = 'activeVideoIframe';\n                    iframe.src = `https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&mute=0&controls=0&loop=1&playlist=${videoId}`;\n                    iframe.className = \"w-full h-full object-cover pointer-events-none scale-125\";\n                    iframe.allow = \"autoplay\";\n                    mediaContainer.appendChild(iframe);\n                }\n            } else {\n                callTypeLabel.innerText = 'Audio Call';\n                camBtn.className = \"w-12 h-12 bg-indigo-600 hover:bg-indigo-500 text-white rounded-full flex items-center justify-center backdrop-blur-md transition shadow-lg shadow-indigo-600\/40\";\n                localCameraContainer.classList.add('hidden');\n\n                \/\/ \u0625\u064a\u0642\u0627\u0641 \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627 \u0644\u0648 \u062a\u062d\u0648\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0644\u0645\u0643\u0627\u0644\u0645\u0629 \u0635\u0648\u062a\u064a\u0629\n                if (userStream) {\n                    userStream.getTracks().forEach(track => track.stop());\n                    userStream = null;\n                }\n\n                const name = document.getElementById('callerName').value;\n                mediaContainer.innerHTML = `\n                    <div class=\"flex flex-col items-center justify-center space-y-4 z-10\">\n                        <div class=\"w-32 h-32 rounded-full border-4 border-indigo-500 overflow-hidden shadow-2xl ring-animation bg-slate-800\">\n                            <img decoding=\"async\" src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQPFI30J7tKOJnwcnSuJ81IFf8ICEJxmiJMXLsIqSRLQw&#038;s=10\" class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"text-sm text-slate-400 font-medium\">On voice call with ${name}...<\/p>\n                    <\/div>\n                `;\n\n                personAudio.currentTime = 0;\n                personAudio.play().catch(error => {\n                    console.log(\"Audio play blocked\", error);\n                });\n            }\n            lucide.createIcons();\n        }\n\n        async function toggleCameraMode() {\n            if (currentCallType === 'video') {\n                currentCallType = 'audio';\n                if (userStream) {\n                    userStream.getTracks().forEach(track => track.stop());\n                    userStream = null;\n                }\n            } else {\n                currentCallType = 'video';\n                try {\n                    userStream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: \"user\" }, audio: false });\n                    const userVideoElement = document.getElementById('userVideoElement');\n                    userVideoElement.srcObject = userStream;\n                } catch (err) {\n                    console.log(\"Camera access denied\", err);\n                }\n            }\n            updateMediaInterface();\n        }\n\n        function endCall() {\n            clearInterval(countdownTimer);\n            clearInterval(callDurationTimer);\n            localStorage.removeItem('fakeCallTargetTime');\n            localStorage.removeItem('fakeCallerName');\n            localStorage.removeItem('fakeCallType');\n            \n            \/\/ \u0625\u064a\u0642\u0627\u0641 \u0628\u062b \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\n            if (userStream) {\n                userStream.getTracks().forEach(track => track.stop());\n                userStream = null;\n            }\n\n            const ringtone = document.getElementById('ringtoneAudio');\n            ringtone.pause();\n            ringtone.currentTime = 0;\n\n            const personAudio = document.getElementById('personAudio');\n            personAudio.pause();\n            personAudio.currentTime = 0;\n\n            const mediaContainer = document.getElementById('mediaContainer');\n            mediaContainer.innerHTML = \"\";\n\n            document.getElementById('incomingScreen').classList.add('hidden');\n            document.getElementById('activeScreen').classList.add('hidden');\n            document.getElementById('waitingScreen').classList.add('hidden');\n            document.getElementById('setupScreen').classList.remove('hidden');\n            document.getElementById('localCameraContainer').classList.add('hidden');\n        }\n\n        let isMuted = false;\n        function toggleMute() {\n            isMuted = !isMuted;\n            const btn = document.getElementById('muteBtn');\n            btn.classList.toggle('bg-indigo-600', isMuted);\n            btn.classList.toggle('bg-slate-800\/80', !isMuted);\n\n            const personAudio = document.getElementById('personAudio');\n            personAudio.muted = isMuted;\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Smart Fake Call App Fake Call Platform Custom fake video &#038; audio call simulation Caller Name \/ Character Default Call [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":17,"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":87,"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/87"}],"wp:attachment":[{"href":"https:\/\/funcoloringkids.link\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}