bootstrap 模块模板手写笔记
Speech text Reader with Javascript
course from Brad Traversy Github code Features: web speech API HTML toggle-button for hiding and showing the text box the select option list will fetch from API textarea value pass into the message text when reading the main show up the list of data (images and text) CSS hide the text box outside top of client Page and position turns down when adding classlist show when the box is active , the box-shadow shows up and the image fit in the box grid the box at the main part. four columns and responsive screen setting up JS get the DOM needed the data of images and text array loop the data to get the image and the text, set the box dom and classList, then append to the main section when clicking the box, setTextMessage() and speanText(),also for the box-shadow effect with active classname For fetching the text and language with Web speech API . new message of input text value as a parameter the text pass to message value speakText with speecgSynthesis.speak() ...
