| sitelink1 | |
|---|---|
| sitelink2 | |
| sitelink3 | |
| sitelink4 | |
| extra_vars5 | |
| extra_vars6 |
copilot 이 만들어줬는데 너무 잘 작동한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Speech API Example</title>
</head>
<body>
<h1>Web Speech API Example</h1>
<button id="start-recognition">Start Recognition</button>
<p id="output">Speech will appear here...</p>
<script>
const startButton = document.getElementById('start-recognition');
const output = document.getElementById('output');
// Check if the browser supports Web Speech API
if (!('webkitSpeechRecognition' in window)) {
output.textContent = 'Web Speech API is not supported in this browser.';
} else {
const recognition = new webkitSpeechRecognition();
recognition.lang = 'ko-KR'; // Set language
recognition.interimResults = false; // Show only final results
recognition.maxAlternatives = 1;
startButton.addEventListener('click', () => {
recognition.start();
output.textContent = 'Listening...';
});
recognition.onresult = (event) => {
const transcript = event.results[0][0].transcript;
output.textContent = `You said: ${transcript}`;
};
recognition.onerror = (event) => {
output.textContent = `Error occurred: ${event.error}`;
};
recognition.onend = () => {
output.textContent += ' (Recognition ended)';
};
}
</script>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Speech API Example</title>
</head>
<body>
<h1>Web Speech API Example</h1>
<button id="start-recognition">Start Recognition</button>
<p id="output">Speech will appear here...</p>
<script>
const startButton = document.getElementById('start-recognition');
const output = document.getElementById('output');
// Check if the browser supports Web Speech API
if (!('webkitSpeechRecognition' in window)) {
output.textContent = 'Web Speech API is not supported in this browser.';
} else {
const recognition = new webkitSpeechRecognition();
recognition.lang = 'ko-KR'; // Set language
recognition.interimResults = false; // Show only final results
recognition.maxAlternatives = 1;
startButton.addEventListener('click', () => {
recognition.start();
output.textContent = 'Listening...';
});
recognition.onresult = (event) => {
const transcript = event.results[0][0].transcript;
output.textContent = `You said: ${transcript}`;
};
recognition.onerror = (event) => {
output.textContent = `Error occurred: ${event.error}`;
};
recognition.onend = () => {
output.textContent += ' (Recognition ended)';
};
}
</script>
