<!DOCTYPE html>
<html>
<head>
<title>Fredo 的外贸提词器 V2</title>
<style>
body { font-family: 'Arial'; background: #111; color: #fff; text-align: center; padding: 20px; }
#status { color: #ff5722; font-size: 18px; margin-bottom: 20px; }
#keyword-display { font-size: 70px; color: #ffeb3b; min-height: 100px; border: 2px dashed #444; padding: 20px; }
#answer { font-size: 45px; color: #4caf50; margin-top: 20px; font-weight: bold; }
.log { color: #888; font-size: 16px; margin-top: 30px; background: #222; padding: 10px; border-radius: 5px; }
</style>
</head>
<body>
<h1>🎯 哑铃工厂实战提词器</h1>
<div id="status">🔴 点击下方按钮开始监听</div>
<button onclick="start()" style="padding: 15px 30px; font-size: 20px; cursor: pointer;">点我启动监听</button>
<div id="keyword-display">等待客户关键词...</div>
<div id="answer"></div>
<div class="log">【实时听到的声音】：<span id="log-text">...</span></div>
<script>
// 配置你的关键词（你可以随时在这里增加）
const rules = {
"price": "【问价格】说：Direct factory price. I'll send the list to your IG.",
"much": "【问价格】说：Very competitive. Check my IG videos.",
"moq": "【起订量】说：MOQ is 500kg. Trial order is OK.",
"shipping": "【问物流】说：DDP door to door. No tax for you.",
"busy": "【太忙了】说：No problem. Let's talk on WhatsApp later.",
"quality": "【问质量】说：Top quality steel. Watch my factory video on IG."
};
const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = 'en-US';
recognition.onstart = () => {
document.getElementById('status').innerText = "🟢 正在监听客户声音 (请确保输入选为 BlackHole)";
document.getElementById('status').style.color = "#4caf50";
};
recognition.onerror = (event) => {
document.getElementById('status').innerText = "❌ 报错了：" + event.error + " (请检查麦克风权限)";
};
recognition.onresult = (event) => {
let result = "";
for (let i = event.resultIndex; i < event.results.length; i++) {
result += event.results[i][0].transcript;
}
result = result.toLowerCase();
document.getElementById('log-text').innerText = result;
for (let key in rules) {
if (result.includes(key)) {
document.getElementById('keyword-display').innerText = "⚠️ 检测到关键词：" + key.toUpperCase();
document.getElementById('answer').innerText = rules[key];
// 6秒后清除
setTimeout(() => {
document.getElementById('keyword-display').innerText = "等待客户关键词...";
document.getElementById('answer').innerText = "";
}, 6000);
}
}
};
function start() { recognition.start(); }
</script>
</body>
</html>