????? ???
?? ?? ?? API? ???? ?????? ???? ?? ???? ????? ???? ???? ?? ????? ???? ????. ??? ???? ???? ?? ??? ??????. ??? ???? ?? ??? ???? ? ??????.
???? ? ?:
Manifest.json: ???? ???? ??? ????? ??? ? ?? ??? ??????.
Background.js: ?? ????? chrome.tabCapture? ???? ??? ??? ?????.
ContentScript.js: Web Speech API(SpeechRecognition)? ???? ??? ???? ???? ???? ???? ????.
Popup.js: ??? ??? ??? ???? ???.
Brave? Chrome ???? ???? ?? ????? ?????? ??? ??? ??? ???? ????.
?? ??:
Manifest.json
{
"manifest_version": 3,
"name": "Live Transcription Extension",
"version": "1.0",
"description": "A browser extension for live transcription",
"permissions": [
"audioCapture",
"activeTab",
"storage",
"tabCapture",
"microphone"
],
"action": {
"default_popup": "popup.html"
},
"background": {
"service_worker": "background.js"
},
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["contentScript.js"]
}
],
"host_permissions": ["<all_urls>"]
}
Background.js
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
if (message.action === "start_transcription") {
chrome.tabCapture.capture({ audio: true, video: false }, (stream) => {
if (chrome.runtime.lastError || !stream) {
console.error("Error capturing audio: ", chrome.runtime.lastError);
sendResponse({ error: "Failed to capture audio" });
return;
}
sendResponse({ stream });
});
return true;
}
});
ContentScript.js
const startSpeechRecognition = () => {
const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
if (!SpeechRecognition) {
console.error("Speech Recognition API not supported.");
return;
}
const recognition = new SpeechRecognition();
recognition.continuous = true;
recognition.interimResults = true;
recognition.lang = "en-US";
recognition.onresult = (event) => {
let finalTranscript = '';
for (let i = event.resultIndex; i < event.results.length; ++i) {
if (event.results[i].isFinal) {
finalTranscript += event.results[i][0].transcript;
}
}
chrome.runtime.sendMessage({ action: 'transcribe', text: finalTranscript });
};
recognition.onerror = (event) => {
console.error("Speech recognition error: ", event.error);
};
recognition.start();
};
startSpeechRecognition();
Popup.js
chrome.runtime.onMessage.addListener((message) => {
if (message.action === 'transcribe') {
const transcriptionDiv = document.getElementById('transcription');
transcriptionDiv.innerText += ` ${message.text}`;
}
});
Popup.html
<!DOCTYPE html>
<html>
<head>
<title>Live Transcription</title>
</head>
<body>
<h1>Live Transcription</h1>
<div id="transcription">
Transcription will appear here...
</div>
<script src="popup.js"></script>
</body>
</html>
??:
?? ????? ? ????? ???? ????? ?? ?? ?? ???? ????.
??? ??? ??? ???? ??? Chrome ??? ??? ??? ???? ????.
Brave??? ?? ????? ??? ???? ??? ?? ??? ????.
?? ??? ?:
?????? SpeechRecognition API? ????? ???? ? ????.
?? ????? ??? ??? ??????.
????? ????? ???? ???? ?? ????? ??? ??? ???? ?? ? ????.
?? ????? ?? ? ???? ???? ???? ???? ??? ????.
??? ??:
??? ??: ??? ?? ??? ???? ??? ??? ????
SpeechRecognition API: ?????? ??? ??? ??? ?? ??? ???? ??? ????
?? ??: SpeechRecognition ????? onresult ???? ???? ???? ??? ??? ???? ??? ???? ??? ? ??????.
?? ???? ????? ??? ???????! ?? ? ??? ? ???? ?? ??? ? ??? ???? ????.
?? ??????!
? ??? ? ??? ?? ???? ??? ?? ??? ????? – ???? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
??? ??
8637
17
1783
16
1727
56
1577
28
1442
31
Java vs. JavaScript : ??? ?????
Jun 20, 2025 am 12:27 AM
Java ? JavaScript? ?? ?? ????? ??? ?? ?? ?? ???? ????? ?????. Java? ??? ? ??? ?????? ??? ???? JavaScript? ?? ? ??? ??? ?????.
JavaScript ?? : ?? ??
Jun 19, 2025 am 12:40 AM
JavaScriptCommentsareEnsentialformaining, ?? ? ???? 1) Single-LinecommentsERUSEDFORQUICKEXPLANATIONS.2) Multi-linecommentSexplaincleClexLogicOrprovidedEdeDDocumentation.3) inlineecommentsClarifySpecificPartSofcode.bestPractic
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
JavaScript vs. Java : ?????? ??? ? ??
Jun 20, 2025 am 12:21 AM
JavaScriptIspreferredforwebDevelopment, whithjavaisbetterforlarge-scalebackendsystemsandandandoidapps.1) javascriptexcelsincreatinginteractivewebexperiences withitsdynatureanddommanipulation.2) javaoffersstrongtypingandobject-Orientededededededededededededededededdec
JavaScript : ???? ????? ??? ?? ??
Jun 20, 2025 am 12:46 AM
javascriptassevenfundamentalDatatatypes : ??, ???, ??, unull, ??, ? symbol.1) ?? seAdouble-precisionformat, ??? forwidevaluerangesbutbecautiouswithfatingfointarithmetic.2) stringsareimmutable, useefficientconcatenationmethendsf
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
Java? JavaScript? ???? ??????
Jun 17, 2025 am 09:17 AM
Java? JavaScript? ?? ????? ?????. 1. Java? ???? ???? ??? ? ??? ?????? ?????? ? ?? ???? ?????. 2. JavaScript? ?? ? ?? ?? ? ??? ?? ??? ???? ??? ? ?? ? ?? ?????.
