{"id":8,"date":"2026-04-16T18:03:40","date_gmt":"2026-04-16T18:03:40","guid":{"rendered":"https:\/\/avatar.kakdemo.com\/?page_id=8"},"modified":"2026-04-16T18:24:10","modified_gmt":"2026-04-16T18:24:10","slug":"live-avatar","status":"publish","type":"page","link":"https:\/\/avatar.kakdemo.com\/index.php\/live-avatar\/","title":{"rendered":"Live Avatar"},"content":{"rendered":"    <div id=\"live-avatar-69e16e922f00d\" class=\"live-avatar-wrapper\" style=\"width:100%; height:500px; position:relative; background:#000; border-radius:12px; overflow:hidden;\">\r\n        <div class=\"live-avatar-loading\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-family:sans-serif;\">\r\n            Ready to Connect\r\n        <\/div>\r\n        <video id=\"live-avatar-69e16e922f00d-video\" autoplay playsinline style=\"width:100%; height:100%; object-fit:cover; display:none;\"><\/video>\r\n        \r\n        <button id=\"live-avatar-69e16e922f00d-btn\" style=\"position:absolute; bottom:20px; left:50%; transform:translateX(-50%); padding:12px 24px; background:#0073aa; color:#fff; border:none; border-radius:50px; cursor:pointer; font-weight:bold; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 10;\">\r\n            Start Session\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <script>\r\n    (function() {\r\n        const btn = document.getElementById('live-avatar-69e16e922f00d-btn');\r\n        const video = document.getElementById('live-avatar-69e16e922f00d-video');\r\n        const container = document.getElementById('live-avatar-69e16e922f00d');\r\n        const loader = container.querySelector('.live-avatar-loading');\r\n\r\n        btn.addEventListener('click', async () => {\r\n            btn.disabled = true;\r\n            btn.textContent = 'Connecting...';\r\n            \r\n            try {\r\n                const response = await fetch('https:\/\/avatar.kakdemo.com\/wp-admin\/admin-ajax.php', {\r\n                    method: 'POST',\r\n                    headers: { 'Content-Type': 'application\/x-www-form-urlencoded' },\r\n                    body: new URLSearchParams({\r\n                        action: 'live_avatar_get_token',\r\n                        avatar_id: '09919247-f4b2-45d8-a75e-86fc2fceaebf'\r\n                    })\r\n                });\r\n\r\n                const result = await response.json();\r\n                \r\n                if (!result.success) {\r\n                    throw new Error(result.data || 'Failed to get token');\r\n                }\r\n\r\n                \/\/ API returns token inside data object\r\n                const { token, session_id } = result.data;\r\n                \r\n                console.log('Session Created Successfully. ID:', session_id);\r\n                \r\n                \/\/ UI Feedback\r\n                loader.textContent = 'Session Active';\r\n                video.style.display = 'block';\r\n                btn.style.display = 'none';\r\n\r\n                \/\/ You can now initialize the SDK with result.data.token\r\n                \/\/ Example: liveAvatarSDK.start(token, videoElement);\r\n\r\n            } catch (err) {\r\n                console.error('LiveAvatar Error:', err);\r\n                alert('Connection Error: ' + err.message);\r\n                btn.disabled = false;\r\n                btn.textContent = 'Retry Start';\r\n            }\r\n        });\r\n    })();\r\n    <\/script>\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":1,"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/avatar.kakdemo.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}