rwrrerwrerewr
by velo_ninja
HTML
<!DOCTYPE html>
<html>
<head>
<title>Microphone Control</title>
<style>
#result {
border: 2px solid black;
height: 200px;
border-radius: 3px;
font-size: 14px;
white-space: pre-wrap;
overflow-y: auto;
margin-bottom: 10px;
}
button {
margin-top: 10px;
}
</style>
</head>
<body onload="init();" style="background-color: lightgray;">
<div id="result"></div>
<audio id="audioPlayer" controls style="display: none;"></audio>
<button onclick="sendData()">Send Data</button>
<script>
function init() {
// when a message is received from the page code
window.onmessage = async (event) => {
if (event.data) {
console.log("HTML Code Element received a message!");
var xxx = await exampleUsage(); console.log('xxx: ', xxx);
insertMessage(event.data);
}
}
}
// display received message
async function insertMessage(msg) {console.log('generating REPLY');
document.getElementById('result').innerHTML = "dddddddddddddddddddddddddd";
sendReturnMessage("Message from the HTML Component back to Wix-Site!");
}
// send message to the page code
function sendReturnMessage(msg) {
window.parent.postMessage(msg, "https://www.media-junkie.com/chatgpt");
}
function recordSpeech() {
return new Promise(async (resolve, reject) => {
let recognition;
let isRecording = false;
let recordedSpeech = "";
try {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
recognition = new webkitSpeechRecognition();
recognition.continuous = true;
...