Title: 语音识别程序 Version 1.x系列，无调用第三方库。 [Print this page] Author:
sky999 Time: 2023-6-10 23:36 Title: 语音识别程序 Version 1.x系列，无调用第三方库。语音输入
录音
Author:
sky999 Time: 2023-6-11 15:47语音输入
录音
这是version 1.01Author:
sky999 Time: 2023-6-11 15:56<!DOCTYPE html>
<html>
<head>
<?php
session_start();
?>
<title>语音输入</title>
</head>
<body>
<div id="chat-box"></div>
<button type="button" id="voice-button">录音</button>
<script>
// 在聊天窗口中添加一条消息
function addMessage(sender, message) {
var chatBox = document.getElementById('chat-box');
var messageDiv = document.createElement('div');
messageDiv.innerHTML = '<strong>' + sender + '：</strong> ' + message;
chatBox.appendChild(messageDiv);
chatBox.scrollTop = chatBox.scrollHeight;
}
var recognition = null;
var isRecording = false;
var audioChunks = [];
var startTime = null;
if ('webkitSpeechRecognition' in window) {
recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.onstart = function() {
console.log('开始录音');
isRecording = true;
startTime = Date.now();
// 清空聊天框的内容
var chatBox = document.getElementById('chat-box');
chatBox.innerHTML = '';
// 显示录音中的提示
addMessage('我', '录音中...');
};
recognition.onend = function() {
console.log('结束录音');
isRecording = false;
// 隐藏录音中的提示
var chatBox = document.getElementById('chat-box');
var lastMessageDiv = chatBox.lastChild;
if (lastMessageDiv && lastMessageDiv.innerText === '我：录音中...') {
chatBox.removeChild(lastMessageDiv);
}
// 显示录音完成的提示
if (audioChunks.length > 0) {
addMessage('我', '录音完成，用时 ' + Math.round((Date.now() - startTime) / 1000) + ' 秒');
}
};
recognition.onerror = function(err) {
console.error(err);
isRecording = false;
};
recognition.onresult = function(event) {
var result = '';
for (var i = event.resultIndex; i < event.results.length; ++i) {
if (event.results[i].isFinal) {
result += event.results[i][0].transcript;
}
}
// 去除空格和回车符等特殊字符
result = result.replace(/[\s\r\n]+/g, ' ').trim();
if (result !== '') {
console.log('语音识别结果：' + result);
// 确定发送者的语言，使用 PHP 中的 $_SESSION 进行获取登录的用户名
var sender = '<?php echo $_SESSION['Mud_username'];?>';
// 将语音输入结果添加到聊天框
addMessage(sender, result);
// 将语音文件上传到服务器
var formData = new FormData();
formData.append('text', result);
formData.append('author', sender);
formData.append('time', new Date().toISOString());
var xhr = new XMLHttpRequest();
xhr.open('POST', 'save.php');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('请求失败');
}
};
xhr.send(formData);
// 重置录音缓冲区
audioChunks = [];
} else {
console.log('语音识别结果为空');
}
};
} else {
alert('浏览器不支持语音输入');
}
var voiceButton = document.getElementById('voice-button');
voiceButton.innerHTML = '粤语录音';
voiceButton.addEventListener('mousedown', function(event) {
event.preventDefault();
if (!isRecording) {
recognition.lang = 'zh-HK';
voiceButton.innerHTML = '粤语录音';
recognition.start();
} else {
recognition.stop();
}
});
recognition.ondataavailable = function(event) {
audioChunks.push(event.data);
};
</script>
</body>
</html>
[ 本帖最后由 sky999 于 2023-6-11 15:58 编辑 ]Author:
sky999 Time: 2023-6-11 22:39 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<?php
session_start();
$tid = $_GET['tid'];
$fid= $_GET['fid'];
?>
<title>语音输入</title>
</head>
<body>
<iframe src ="post_disply2.php?tid=<?php echo $_GET['tid']; ?>&fid=<?php echo $_GET['fid']; ?>" style="width: 100%; height: 40vh;"> </iframe>
<div style="display: flex; justify-content: center;">
<button type="button" id="voice-button" style="font-size: 1.5rem; padding: 1rem 2rem;">开始录音</button>
</div>
<div id="chat-box" style="margin-top: 2rem;"></div>
<script>
// 在聊天窗口中添加一条消息
function addMessage(sender, message) {
var chatBox = document.getElementById('chat-box');
var messageDiv = document.createElement('div');
messageDiv.innerHTML = '<strong>' + sender + '：</strong> ' + message;
chatBox.appendChild(messageDiv);
chatBox.scrollTop = chatBox.scrollHeight;
}
var recognition = null;
var isRecording = false;
var audioChunks = [];
var startTime = null;
if ('webkitSpeechRecognition' in window) {
recognition = new webkitSpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.onstart = function() {
console.log('开始录音');
isRecording = true;
startTime = Date.now();
// 清空聊天框的内容
var chatBox = document.getElementById('chat-box');
chatBox.innerHTML = '';
// 显示录音中的提示
addMessage('我', '录音中...');
};
recognition.onend = function() {
console.log('结束录音');
isRecording = false;
// 隐藏录音中的提示
var chatBox = document.getElementById('chat-box');
var lastMessageDiv = chatBox.lastChild;
if (lastMessageDiv && lastMessageDiv.innerText === '录音中...') {
chatBox.removeChild(lastMessageDiv);
}
// 显示录音完成的提示
if (audioChunks.length > 0) {
addMessage('我', '录音完成，用时 ' + Math.round((Date.now() - startTime) / 1000) + ' 秒');
}
};
recognition.onerror = function(err) {
console.error(err);
isRecording = false;
};
recognition.onresult = function(event) {
var result = '';
for (var i = event.resultIndex; i < event.results.length; ++i) {
if (event.results[i].isFinal) {
result += event.results[i][0].transcript;
}
}
// 去除空格和回车符等特殊字符
result = result.replace(/[\s\r\n]+/g, ' ').trim();
if (result !== '') {
console.log('语音识别结果：' + result);
// 确定发送者的语言，使用 PHP 中的 $_SESSION 进行获取登录的用户名
var sender = '<?php echo $_SESSION['Mud_username'];?>';
var fid = '<?php echo $fid ;?>';
var tid = '<?php echo $tid ;?>';
// 将语音输入结果添加到聊天
addMessage(sender, result);
// 将语音文件上传到服务器
var formData = new FormData();
//formData.append('text', result);
formData.append('cont', result);
formData.append('author', sender);
formData.append('tid', tid);
formData.append('fid', fid);
formData.append('time', new Date().toISOString());
var xhr = new XMLHttpRequest();
xhr.open('POST', 'insert-disply_newstyle.php');
xhr.onload = function() {
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('请求失败');
}
};
xhr.send(formData);
// 重置录音缓冲区
audioChunks = [];
} else {
console.log('语音识别结果为空');
}
};
} else {
alert('浏览器不支持语音输入');
}
var voiceButton = document.getElementById('voice-button');
voiceButton.innerHTML = '粤语录音';
voiceButton.addEventListener('mousedown', function(event) {
event.preventDefault();
if (!isRecording) {
recognition.lang = 'zh-HK';
voiceButton.innerHTML = '粤语录音';
recognition.start();
} else {
recognition.stop();
}
});
recognition.ondataavailable = function(event) {
audioChunks.push(event.data);
};
</script>
</body>
</html>
正式使用环境中使用了。
[ 本帖最后由 sky999 于 2023-6-11 22:40 编辑 ]Author:
sky999 Time: 2023-6-12 11:11Author:
sky999 Time: 2023-6-12 11:11native.php (2023-6-12 11:11, 554 bytes) / Number of times this attachment has been downloaded 115Author:
sky999 Time: 2023-6-12 11:12 本帖最后由 sky999 于 2023-6-12 11:16 编辑 ]audio1.txt (2023-6-12 11:16, 5.13 K) / Number of times this attachment has been downloaded 118Author:
sky999 Time: 2023-6-12 11:17Author:
sky999 Time: 2023-6-12 13:48audio2.php (2023-6-12 13:48, 516 bytes) / Number of times this attachment has been downloaded 102post_disply.php (2023-6-12 13:48, 6.71 K) / Number of times this attachment has been downloaded 103audio1.php (2023-6-12 13:48, 5.13 K) / Number of times this attachment has been downloaded 115Author:
sky999 Time: 2023-6-12 13:48
Welcome AbyssalSwamp (http://service.caffz.com:12345/mud/AbyssalSwamp/index/)
caffz.com
Att:
native.php (2023-6-12 11:11, 554 bytes) / Number of times this attachment has been downloaded 115
Att:
audio1.txt (2023-6-12 11:16, 5.13 K) / Number of times this attachment has been downloaded 118