Update index.html

index.html

@@ -116,7 +116,6 @@
         'lite': 'https://open-avatar.holoworld.com.cn:8282/',
         'lam': 'https://open-avatar.holoworld.com.cn:50032/'
       };
-
       function createIframe(type) {
         const iframe = document.createElement('iframe');
         iframe.setAttribute('allow', 'microphone; camera');
@@ -124,10 +123,35 @@
         iframe.style.width = '100%';
         iframe.style.height = '100%';
         iframe.style.border = 'none';
-        iframe.src = iframeSources[type];
+        
+        // 获取真正的来源域名
+        let trueOrigin = window.location.origin;
+        try {
+          // 如果页面是通过iframe嵌入的，获取顶级窗口的域名
+          if (window.parent !== window) {
+            trueOrigin = window.parent.location.origin;
+          }
+        } catch (e) {
+          // 跨域访问会抛出异常，此时使用当前域名
+          console.log('Cannot access parent origin due to cross-origin restrictions');
+        }
+        
+        // 将来源信息作为URL参数传递给Gradio服务
+        const url = new URL(iframeSources[type]);
+        url.searchParams.set('referer_origin', trueOrigin);
+        url.searchParams.set('embed_timestamp', Date.now().toString());
+        
+        // 在控制台打印调试信息
+        console.log('Embedding Gradio service:', {
+          type: type,
+          referer_origin: trueOrigin,
+          full_url: url.toString(),
+          is_embedded: window.parent !== window
+        });
+        
+        iframe.src = url.toString();
         return iframe;
       }
-
       function switchContent(type) {
         // 移除所有active类
         document.querySelectorAll('.split').forEach(el => {
@@ -141,14 +165,13 @@
         const targetContainer = document.getElementById(type);
         targetContainer.classList.add('active');
         document.querySelector(`.title[onclick="switchContent('${type}')"]`).classList.add('active');
-
         // 创建新的iframe
         const iframeContainer = targetContainer.querySelector('.iframe-container');
         iframeContainer.appendChild(createIframe(type));
       }
-
       // 初始化显示lite内容
       switchContent('lite');
     </script>
   </body>
 </html>
+