題目

某英語興趣小組為鍛煉成員的聽力，準(zhǔn)備請(qǐng)人員開發(fā)一個(gè)網(wǎng)上聽寫系統(tǒng)，用戶選擇某篇文章進(jìn)行聽力練習(xí)，系統(tǒng)開始逐句循環(huán)播放，在指定區(qū)域隱藏顯示當(dāng)前句子的文本，用戶在輸入?yún)^(qū)域輸入單詞，如果該單詞在句子中出現(xiàn)，該單詞將直接顯示在句子中的正確位置。當(dāng)句子中所有單詞輸入正確后，自動(dòng)轉(zhuǎn)到下一句開始循環(huán)播放，直至整篇文章全部聽寫正確。用網(wǎng)站方式實(shí)現(xiàn)。

分析

播放聽力可以用document.createElement('audio')來實(shí)現(xiàn)。
在某一句循環(huán)播放需要知道句子對(duì)應(yīng)的音頻的時(shí)間范圍，超出結(jié)束時(shí)間后跳到開始時(shí)間播放。
隱藏和顯示句子可以用js切換句子的樣式來實(shí)現(xiàn)。
用keyup方法監(jiān)控輸入?yún)^(qū)域的輸入。
抽取通用的樣式和js代碼形成模板文件。根據(jù)歌詞文件來生成文章句子時(shí)間表，填充進(jìn)模板形成網(wǎng)頁

項(xiàng)目代碼：

已經(jīng)實(shí)現(xiàn)：后臺(tái)根據(jù)歌詞文件生成網(wǎng)頁，網(wǎng)頁實(shí)現(xiàn)某篇英語聽力文章的練習(xí)功能。
歌詞文件需包含：標(biāo)題、音頻、句子及每個(gè)句子的時(shí)間范圍
下載地址

總結(jié)

以上是生活随笔為你收集整理的网上英语听写系统的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。