29 lines
1.3 KiB
HTML
29 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="Vosklet.js" async defer>
|
|
// Has to host this file on your own server, because Worker constructor doesn't allow CDN
|
|
</script>
|
|
<script>
|
|
async function start() {
|
|
// Make sure sample rate matches that in the training data
|
|
let ctx = new AudioContext({sampleRate : 16000})
|
|
let module = await loadVosklet()
|
|
let model = await module.createModel("https://raw.githubusercontent.com/msqr1/Vosklet/main/examples/en-model.tgz","model","ID")
|
|
let recognizer = await module.createRecognizer(model, 16000)
|
|
recognizer.addEventListener("result", ev => {
|
|
console.log("Result: ", ev.detail)
|
|
})
|
|
recognizer.addEventListener("partialResult", ev => {
|
|
console.log("Partial result: ", ev.detail)
|
|
})
|
|
// Fetch, decode, and recognize .wav
|
|
let wav = await fetch("https://raw.githubusercontent.com/msqr1/Vosklet/main/examples/example.wav")
|
|
let audioBuf = await ctx.decodeAudioData(await wav.arrayBuffer())
|
|
recognizer.acceptWaveform(audioBuf.getChannelData(0))
|
|
}
|
|
</script>
|
|
</head>
|
|
<!-- Start and create audio context only as a result of user's action -->
|
|
<button onclick="start()">Start</button>
|
|
</html> |