43 lines
1003 B
JavaScript
43 lines
1003 B
JavaScript
const video = document.querySelector("video")
|
|
const textElem = document.querySelector("[data-text]")
|
|
|
|
async function setup() {
|
|
const stream = await navigator.mediaDevices.getUserMedia({
|
|
audio: false,
|
|
video: {
|
|
facingMode: 'environment'
|
|
}
|
|
})
|
|
video.srcObject = stream
|
|
|
|
video.addEventListener("playing", async () => {
|
|
const worker = Tesseract.createWorker()
|
|
await worker.load()
|
|
await worker.loadLanguage("eng")
|
|
await worker.initialize("eng")
|
|
|
|
const canvas = document.createElement("canvas")
|
|
canvas.width = video.width
|
|
canvas.height = video.height
|
|
|
|
document.getElementById('press').addEventListener("click", function () {
|
|
canvas.getContext("2d").drawImage(video, 0, 0, video.width, video.height)
|
|
const {
|
|
data: { text },
|
|
} = await worker.recognize(canvas)
|
|
|
|
speechSynthesis.speak(
|
|
new SpeechSynthesisUtterance(text.replace(/\s/g, " "))
|
|
)
|
|
|
|
textElem.textContent = text
|
|
|
|
});
|
|
})
|
|
|
|
|
|
|
|
}
|
|
|
|
setup()
|