Spaces:
Running
Running
| <html lang="zh-TW"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Gradio Client Demo</title> | |
| </head> | |
| <body> | |
| <h1>正在連接 Gradio 模型... 請查看瀏覽器控制台 (Console)</h1> | |
| <script type="module"> | |
| // 1. 引入 Gradio Client | |
| import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js"; | |
| async function runGradioClient() { | |
| try { | |
| console.log("嘗試連接 Gradio 服務..."); | |
| // 2. 連接到 Gradio 服務 | |
| const client = await Client.connect("amd/qwen3-30b-a3b-mi-amd"); | |
| console.log("連接成功！正在發送預測請求..."); | |
| // 3. 發送預測請求 | |
| const result = await client.predict("/chat", { | |
| message: "Hello!!", | |
| param_2: "You are a friendly AI assistant.", // 這裡我把 param_2 調整成了更像系統提示的內容 | |
| param_3: 0.1, | |
| param_4: -2, | |
| param_5: -2, | |
| }); | |
| // 4. 顯示結果 | |
| console.log("✅ 預測結果 (Result Data):"); | |
| console.log(result.data); | |
| const outputElement = document.createElement('pre'); | |
| outputElement.textContent = JSON.stringify(result.data, null, 2); | |
| document.body.appendChild(outputElement); | |
| } catch (error) { | |
| console.error("❌ 發生錯誤:", error); | |
| } | |
| } | |
| runGradioClient(); | |
| </script> | |
| </body> | |
| </html> |