整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 中的預(yù)留字符必須被替換為字符實(shí)體。
一些在鍵盤上找不到的字符也可以使用字符實(shí)體來替換。
HTML 實(shí)體
在 HTML 中，某些字符是預(yù)留的。
在 HTML 中不能使用小于號（<）和大于號（>），這是因?yàn)闉g覽器會誤認(rèn)為它們是標(biāo)簽。
如果希望正確地顯示預(yù)留字符，我們必須在 HTML 源代碼中使用字符實(shí)體（character entities）。 字符實(shí)體類似這樣：
&entity_name;
或
&#entity_number;
如需顯示小于號，我們必須這樣寫：< 或 < 或 <
提示： 使用實(shí)體名而不是數(shù)字的好處是，名稱易于記憶。不過壞處是，瀏覽器也許并不支持所有實(shí)體名稱（對實(shí)體數(shù)字的支持卻很好）。
不間斷空格(Non-breaking Space)
HTML 中的常用字符實(shí)體是不間斷空格( )。
瀏覽器總是會截短 HTML 頁面中的空格。如果您在文本中寫 10 個空格，在顯示該頁面之前，瀏覽器會刪除它們中的 9 個。如需在頁面中增加空格的數(shù)量，您需要使用 字符實(shí)體。
結(jié)合音標(biāo)符
發(fā)音符號是加到字母上的一個"glyph(字形)"。
一些變音符號, 如 尖音符 ( ?) 和 抑音符 ( ?) 。
變音符號可以出現(xiàn)字母的上面和下面，或者字母里面，或者兩個字母間。
變音符號可以與字母、數(shù)字字符的組合來使用。
以下是一些實(shí)例:
| 音標(biāo)符 | 字符 | Construct | 輸出結(jié)果 |
|---|---|---|---|
| ? | a | à | a? |
| ? | a | á | a? |
| ? | a | â | a? |
| ? | a | ã | a? |
| ? | O | Ò | O? |
| ? | O | Ó | O? |
| ? | O | Ô | O? |
| ? | O | Õ | O? |
HTML字符實(shí)體
實(shí)體名稱對大小寫敏感！ |
| 顯示結(jié)果 | 描述 | 實(shí)體名稱 | 實(shí)體編號 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于號 | < | < |
| > | 大于號 | > | > |
| & | 和號 | & | & |
| " | 引號 | " | " |
| ' | 撇號 | ' (IE不支持) | ' |
| ￠ | 分 | ¢ | ¢ |
| ￡ | 鎊 | £ | £ |
| ￥ | 日元 | ¥ | ¥ |
| € | 歐元 | € | € |
| § | 小節(jié) | § | § |
| ? | 版權(quán) | © | © |
| ? | 注冊商標(biāo) | ® | ® |
| ? | 商標(biāo) | ™ | ™ |
| × | 乘號 | × | × |
| ÷ | 除號 | ÷ | ÷ |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
妮 栗子 發(fā)自 凹非寺
量子位 出品 | 公眾號 QbitAI
沒想到吧，有一天你會被鍵盤出賣。
對，就是你每日敲擊的鍵盤。當(dāng)指尖在鍵盤上跳躍，清脆的噼啪聲此起彼落時，你輸入的所有信息，包括那些情真意切的詞句，那些不欲人知的心事，還有你的網(wǎng)絡(luò)賬戶、銀行密碼……全都被它泄露了。
鍵盤，還能被黑？？？
今天，一個叫做Keytap的“黑科技”在國外火了。Keytap通過監(jiān)聽你敲擊鍵盤的聲音，就能還原出你輸入的內(nèi)容。
而且，只需要通過你電腦里的麥克風(fēng)，就能完成聲波采集的任務(wù)。
在一段發(fā)布于網(wǎng)上的Demo里，Keytap作者展示了在iMac+Filco機(jī)械鍵盤環(huán)境中，這個算法的優(yōu)秀程度，請看：
搭建這樣一個“偷窺”打字的模型并不難，Keytap算法也已經(jīng)開源了。跟著做，只要如下四步：
一是，收集訓(xùn)練數(shù)據(jù)；二是，搭建預(yù)測模型，學(xué)習(xí)一下數(shù)據(jù)；三是，檢測出有人在敲鍵盤；四是，檢測出ta在打什么字。
收集訓(xùn)練數(shù)據(jù)
Keytap收集數(shù)據(jù)時，只保留每次敲擊前后75-100毫秒的音頻。
這就是說，并非連續(xù)取樣，兩次敲擊之間有一部分是忽略的。
這種做法是會犧牲一些信息量的。
從敲下按鍵，到程序受到指令，這之間有隨機(jī)延時，與硬件和軟件都有關(guān)系。
比如，按下g鍵的完整波形長這樣：
看圖像可以發(fā)現(xiàn)，敲擊時出現(xiàn)了一個峰值，而再過大約150毫秒，又有一個按鍵被抬起的小峰值。
這樣說來，100毫秒之外的信息也可能有用，不過這里為了簡便就忽略了。
最終，收集到的數(shù)據(jù)長這樣：
除此之外，局限性還在于，如果兩次按鍵之間相隔不久，后者落在前者的后75毫秒之內(nèi)，那數(shù)據(jù)可能就有些混雜了。
搭個預(yù)測模型
這個部分是最能發(fā)揮創(chuàng)造力的部分。Keytap用了一個非常簡單的方法，分為三步：
1. 把收集到的波形的峰值對齊。這樣可以避免延時帶來的影響。
2. 基于相似度指標(biāo) (Similarity Metric) ，更精細(xì)地對齊波形。
需要更精確的對齊方法，是因?yàn)橛袝r候峰值未必是最好的判斷依據(jù)。
那么，可不可以跳過峰值對齊呢？
之所以第2步之前要先做第1步，是因?yàn)橄嗨贫戎笜?biāo)的計(jì)算很占CPU。而第1步可以有效縮小對齊窗口 (Alignment Window) ，減少計(jì)算量。
3. 對齊后，做簡單加權(quán)平均。權(quán)重也是用相似度指標(biāo)來定義的。
完成第3步之后，每一個按鍵都會得出一個平均波形 (a Single Averaged Waveform) ，用來和實(shí)時捕捉的數(shù)據(jù)做比對。
Keytap用的相似度指標(biāo)是互相關(guān) (Cross Correlation, CC) ，長這樣：
這里，Ai和Bi都是某個按鍵的波形樣本，比對就在它們之間進(jìn)行。CC值越高，表示兩者越相似。
當(dāng)然，也可以用其他相似度指標(biāo)來做。
順便一說，兩次按鍵之間的間隔時長，其實(shí)也可以用來預(yù)測的，但開發(fā)者怕麻煩就省略了，勇敢的少年可以去源代碼基礎(chǔ)上自行實(shí)驗(yàn)。
檢測出在敲鍵盤
平均波形和比對標(biāo)準(zhǔn)都有了，可是麥克風(fēng)實(shí)時收錄的聲音連綿不絕，該和哪一段來比對呢？
這就需要從連續(xù)的音頻里，找到敲擊鍵盤的聲音。
Keytap用了一個非常簡單的閾值方法，在原始音頻里監(jiān)測敲擊動作：
按下去的時候，會有一個大大的峰值，這就是偵測目標(biāo)。
不過，這個閾值不是固定的，是自適應(yīng) (Adaptive) 的：根據(jù)過去數(shù)百毫秒之內(nèi)的平均樣本強(qiáng)度來調(diào)整的。
檢測打了什么字
當(dāng)系統(tǒng)發(fā)現(xiàn)有人在敲鍵盤，就用相似度指標(biāo)來測到底按了哪個鍵，CC值最高的就是答案。方法就像上文說的那樣。
現(xiàn)在，代碼實(shí)現(xiàn)已經(jīng)開源了，傳送門見文底。
不過，作者在博客中說，這個方法目前只有機(jī)械鍵盤適用。
聽音識字的研究不止這一個，去年一篇Don’t Skype & Type!Acoustic Eavesdropping in Voice-Over-IP的論文，也提出了Skype & Type（S&T）鍵盤聲音識別算法。
和這個研究類似，根據(jù)網(wǎng)絡(luò)電話Skepe中傳出的打字按鍵聲音，在了解了被測者的打字風(fēng)格和設(shè)備類型后，系統(tǒng)能復(fù)原敲下了什么。
整個算法搭建過程只有三步：收集信息、數(shù)據(jù)處理與數(shù)據(jù)分類。
研究人員事先收集語音電話中鍵盤敲擊聲，將這些聲音分為兩類，即按下聲與松開回彈聲，隨后提取它們的特征。
當(dāng)聽到鍵盤聲時，算法先識別設(shè)備類型，再去識別為鍵盤中的哪個鍵。和Keytap不同的是，S&T也能適用于非機(jī)械鍵盤了。
研究人員表示，在預(yù)測的最可能的前5個字母中，包含正確字母的準(zhǔn)確率達(dá)到了91.7%。
這篇論文發(fā)表在ACM亞洲計(jì)算機(jī)和通訊安全大會（ASIACCS 2017）上，地址：
https://www.math.unipd.it/~dlain/papers/2017-skype.pdf
推測人類講了什么，AI需要甚至只是一包薯片。
什么，覺得太離譜了？Naive。
MIT、微軟和Adobe開發(fā)的這種看似天方夜譚的算法，只需高速相機(jī)透過隔音玻璃，拍攝出薯片袋的振動，算法就會判斷說話人是男是女，甚至還原出說了什么。
△ 對，就是這種生活中隨處可見的薯片
研究人員表示，聲音傳播時觸碰到周圍的物體，會震動形成一股微妙的視覺信號，肉眼無法識別，但高速相機(jī)（每秒幀數(shù)2000~6000 FPS）可以敏銳捕捉。
除了薯片袋子，研究人員還用鋁箔、水杯甚至植物盆栽進(jìn)行了試驗(yàn)，效果“一如既往的好”。
這不是野生研究，相關(guān)論文The Visual Microphone：Passive Recovery of Sound from Video還登上了2014年的Siggraph計(jì)算機(jī)圖形學(xué)大會。
論文地址（注意科學(xué)前往）：
http://t.cn/EyZEZYI
方法雖多，如果想自己動手搞一個，這些Keytap相關(guān)資源還是要收好：
博客地址：
https://ggerganov.github.io/jekyll/update/2018/11/30/keytap-description-and-thoughts.html
代碼地址：
https://github.com/ggerganov/kbd-audio
Demo：
https://ggerganov.github.io/jekyll/update/2018/11/24/keytap.html
噓，掩好口鼻，輕聲撤退。
— 完 —
誠摯招聘
量子位正在招募編輯/記者，工作地點(diǎn)在北京中關(guān)村。期待有才氣、有熱情的同學(xué)加入我們！相關(guān)細(xì)節(jié)，請?jiān)诹孔游还娞?QbitAI)對話界面，回復(fù)“招聘”兩個字。
量子位 QbitAI · 頭條號簽約作者
?'?' ? 追蹤AI技術(shù)和產(chǎn)品新動態(tài)
、研究目的和意義
研究目的：隨著互聯(lián)網(wǎng)的進(jìn)一步發(fā)展，打字這項(xiàng)技能幾乎成為所以大學(xué)生的必備技能。校園打字系統(tǒng)已經(jīng)成為大學(xué)生練習(xí)打字的重要幫手，它可以將古代和現(xiàn)代詩歌、網(wǎng)紅文章、中外著名名著全部存儲在里面，便于使用者自行選擇文本進(jìn)行練習(xí)打字；隨著電腦的普及，各行各業(yè)都會有使用電腦辦公的需求，所以打字技能基本上是工作當(dāng)中的必備技能，通過校園打字練習(xí)系統(tǒng)的設(shè)計(jì)，為大學(xué)生提供豐富、有趣、高效的打字練習(xí)平臺，訓(xùn)練學(xué)生的大腦，協(xié)調(diào)手指、眼睛、大腦三者之間的配合；提高工作效率，節(jié)省時間；但是現(xiàn)有的打字系統(tǒng)雖然在一定程度上解決大部分用戶的需求，但是在系統(tǒng)上仍然存在某些不足之處，所以為了解決這些問題，為學(xué)校學(xué)生提供更合適的打字練習(xí)系統(tǒng)，基于Java的校園打字練習(xí)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)應(yīng)運(yùn)而生，這樣一個系統(tǒng)對于學(xué)校有深刻的研究意義，對于今后，學(xué)校教育學(xué)生有極大的貢獻(xiàn)。
研究意義：學(xué)校學(xué)生需要一個在線打字的系統(tǒng)去培養(yǎng)他們的打字能力，剛進(jìn)入學(xué)校的學(xué)生，他們的打字能力相對較弱，對于打字沒有一個深刻的認(rèn)識，他們可能還沒有在意這樣的能力，但是當(dāng)他們進(jìn)入到社會后，對這項(xiàng)技術(shù)的依賴是相當(dāng)強(qiáng)烈的，所以他們需要去學(xué)習(xí)和認(rèn)識到打字的重要性，這是我提出校園在線打字的意義存在。對于本系統(tǒng)，它針對用戶的體驗(yàn)和打字意義做了深入的研究，能夠提升用戶的打字能力和興趣。該系統(tǒng)主要功能包括在線打字、鍵位練習(xí)、打字排行、文章查詢、我的打字。在在線打字中能夠提升用戶的快速打字能力，自己能夠自定義打字時長，給自己壓力和激情，在打字錯誤時也能夠及時的提醒用戶的打字錯誤點(diǎn)，打字的快慢和打字的進(jìn)度，他們可以清楚的看到打字的每個字的拼音。從而能夠準(zhǔn)確的打字，提升學(xué)生的打字能力，如果用戶是一個基礎(chǔ)型的用戶，可以選擇鍵位練習(xí)，熟悉鍵盤，能夠準(zhǔn)確的打字，這都是考慮到用戶的體驗(yàn)，從各種方面解決用戶的打字能力。讓有些教學(xué)能夠有效的進(jìn)行，如計(jì)算機(jī)實(shí)驗(yàn)，在打字速度提升的情況能夠減輕教師的工作。
二、國內(nèi)外研究現(xiàn)狀
國內(nèi)研究現(xiàn)狀
信息時代，隨著科技的發(fā)展，電腦成為了必不可少的工具。在國內(nèi)，調(diào)查顯示，熟練的打字水平應(yīng)該為中文 30 字每分鐘。據(jù)統(tǒng)計(jì)，電腦的使用者中約有70%以上的人遠(yuǎn)遠(yuǎn)達(dá)不到這個水平，其中更有 30%的人，想熟練打字，但是缺乏一些軟件來練習(xí)，導(dǎo)致打字速度一直提不上去，甚至于很多大學(xué)生的鍵盤輸入速度也達(dá)不到標(biāo)準(zhǔn)水平。主要原因是沒有時間或者不愿意去進(jìn)行枯燥無味的而又痛苦的大篇文章練習(xí)。在《2020快樂練打字研究報告》中提出培養(yǎng)正確使用計(jì)算機(jī)的基本操作為目標(biāo)，以設(shè)計(jì)和使用適合不同年齡特征和心理特征的鍵盤指法學(xué)習(xí)軟件為突破口，以特定的故事情境為載體，以構(gòu)建適合學(xué)生學(xué)習(xí)的打字教學(xué)策略為手段，以課程的有效整合為特色，改變過去單調(diào)的、枯燥的傳統(tǒng)打字教學(xué)方法，營造快樂的、輕松的、成功的學(xué)習(xí)氛圍，通過手擊、眼看、腦想的訓(xùn)練，引導(dǎo)學(xué)生運(yùn)用正確的指法擊鍵，精講多練，多形式開展訓(xùn)練，有效提高學(xué)生的打字技能和信息素養(yǎng)， 同時，在學(xué)習(xí)的過程中讓學(xué)生體驗(yàn)成功和快樂。《擊鍵如飛，讓打字成為習(xí)慣》（2021）也指出隨著素質(zhì)教育和課程改革的不斷深入，打字訓(xùn)練已經(jīng)成為信息技術(shù)課的主要內(nèi)容，科學(xué)技術(shù)和互聯(lián)網(wǎng)的發(fā)展使信息技術(shù)課開始得到許多教師的關(guān)注和重視，培養(yǎng)創(chuàng)新型人才和復(fù)合型人才已經(jīng)成為時代發(fā)展的要求。但目前很多信息技術(shù)課的打字訓(xùn)練十分枯燥，使學(xué)生提不起學(xué)習(xí)興趣，創(chuàng)新打字教學(xué)模式勢在必行。
國外研究現(xiàn)狀
相較于國內(nèi)，國外電腦普及的時間更早，打字系統(tǒng)更加的成熟。 Joseph Gil, Itay Maman（2021）?的《Whiteoak: introducing structural typing into java》中指出國外的打字練習(xí)系統(tǒng)很有特色，比如在增進(jìn)互動性方面有了很大的改善，通過設(shè)置獨(dú)特的關(guān)卡有效避免用戶因急于求成而產(chǎn)生挫敗感、失去打字學(xué)習(xí)興趣。據(jù)統(tǒng)計(jì)，國外的打字網(wǎng)站數(shù)量已經(jīng)超過1000+，打字軟件數(shù)量更是達(dá)到驚人的500+，《關(guān)于Typing Club研究報告》（2018）顯示Typing Club是學(xué)習(xí)打字最有效的方式。它是基于網(wǎng)絡(luò)的和高效的。打字俱樂部對個人和學(xué)校都是免費(fèi)的（而且將永遠(yuǎn)都是免費(fèi)的）。現(xiàn)在有2300萬名學(xué)生，5萬所學(xué)校都在使用的軟件。由此可見，國外的打字訓(xùn)練軟件和網(wǎng)站使用的群體很龐大且已經(jīng)有一套很完善的體系。
三、研究內(nèi)容和方法
（一）研究內(nèi)容
1.確定研究范圍。對校園打字練習(xí)系統(tǒng)進(jìn)行設(shè)計(jì)，搜集相關(guān)研究的文獻(xiàn)資料；到相關(guān)的網(wǎng)站去搜索相關(guān)的資料，實(shí)地的了解具體的需求。通過實(shí)地調(diào)研，確定該項(xiàng)目研究范圍，分析該項(xiàng)目的設(shè)計(jì)內(nèi)容，要實(shí)現(xiàn)的主要功能。
2.制定研究方案。先構(gòu)思相關(guān)的框架，按照使用者的不同需求分析定制方案，最后去綜合其要求去選擇方案。
3.系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)。采用網(wǎng)頁和后臺數(shù)據(jù)庫系統(tǒng)，設(shè)計(jì)和實(shí)現(xiàn)最后的效果。采用平臺軟件和后臺數(shù)據(jù)庫系統(tǒng)，設(shè)計(jì)實(shí)現(xiàn)打字練習(xí)的功能，主要包括以下功能：登錄，用戶增刪改查，針對不同打字習(xí)慣和用戶實(shí)際使用需求，本系統(tǒng)從打字的模式與速度、用戶的管理方面進(jìn)行設(shè)計(jì)。
至少應(yīng)具備以下功能：
（1） 實(shí)現(xiàn)用戶注冊；
（2） 提供不同的打字需求，用戶可以根據(jù)自己喜好選擇不同的文本；
（3） 設(shè)置不同的打字方案對于不同的用戶有不同的打字練習(xí)方案；
（4） 保存多個用戶信息；
（二）研究方法
1. 利用Html和ElementUI做前端的網(wǎng)頁，保證界面的整潔和簡約。以及登入賬號和密碼登入本系統(tǒng)。
2.利用mysql數(shù)據(jù)庫和權(quán)限控制，對整個系統(tǒng)的安全性有保證，以及支持上傳自定義打字文本。
3.利用數(shù)據(jù)庫的數(shù)據(jù)，對打字文本進(jìn)行切換。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
