4

Google Chrome には次の入力コントロールがあります。

ここに画像の説明を入力

使用方法の詳細については、こちらを参照してください。

マイクを大きくする必要があります。マイク用のカスタム画像を使用できればそれもいいでしょう。入力要素の幅と高さを調整しても、マイクが大きくならないことがわかりました。

4

4 に答える 4

4
#speech {
  -webkit-transform: scale(4,4)
}

これは私が解決したものです:

そのためのhtmlは次のとおりです。ここに画像の説明を入力

<html>
    <body>
        <img src="Capture.JPG" alt="Smiley face" width="80" style="margin-top:70px; margin-left:120px; position:absolute;"  />
        <input style="-webkit-transform: scale(8,8); opacity:.001; width:50px; border:none; margin-left:00px; margin-top:100px;"  type="text" speech="speech" x-webkit-speech="x-webkit-speech"  />          
    </body>
</html>

画像

とにかく今、私はイベントを使用することができました:

 onspeechchange="processspeech();"  
 onwebkitspeechchange="processspeech();"

適切な場所にテキストを配置するには...

于 2012-04-20T20:57:11.707 に答える
1

現在、マイクのサイズを大きくする唯一の方法font-sizeは、入力要素のサイズを大きくすることです。

HTML:

<input type="text" id="speech" value="some text here" x-webkit-speech />

CSS:

#speech {
  font-size: 20px;
}
于 2012-04-20T04:53:29.670 に答える