How to add sound and images to a website

Question

How to add sound and images to a website

I have a language learning simulator https://www.trenajor.me. I want to make it so that when the user selects a song, he can, for example, by pressing the right key, hear the sound of the words. I think that I could have a database with a sound, just connect it and link the sound from the database to each word and play it. Where can I get such a database? I wrote in dictionary.cambridge.org and they happily send out a price list with an annual use the Russian-English base is 5200k US dollars for annual use. It's very expensive. Maybe there is somewhere cheaper? Is it possible, for example, to write some bot or code so that when the robot clicks on the site, it enters the given word into the search and sounds occur?

It's the same with the pictures. To click on the button to open a window and display this word from Google images.

4

javascript

Author: livefastdiewhenever, 2020-08-26

Source

1 answers

score 0 · Answer 1

Допустим, это текст, который появляется на второй странице тренажора.<br />
Выделяем любое слово и жмём <b>ctr + m</b> для проговаривания.
<script>
var synth = window.speechSynthesis;
window.onkeydown = function(e){
    if(e.ctrlKey && e.keyCode === 77){
        var utterance = new SpeechSynthesisUtterance(window.getSelection());
        synth.speak(utterance);
    }
}
</script>