Google Chrome には次の入力コントロールがあります。
使用方法の詳細については、こちらを参照してください。
マイクを大きくする必要があります。マイク用のカスタム画像を使用できればそれもいいでしょう。入力要素の幅と高さを調整しても、マイクが大きくならないことがわかりました。
Google Chrome には次の入力コントロールがあります。
使用方法の詳細については、こちらを参照してください。
マイクを大きくする必要があります。マイク用のカスタム画像を使用できればそれもいいでしょう。入力要素の幅と高さを調整しても、マイクが大きくならないことがわかりました。
#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();"
適切な場所にテキストを配置するには...
現在、マイクのサイズを大きくする唯一の方法font-size
は、入力要素のサイズを大きくすることです。
HTML:
<input type="text" id="speech" value="some text here" x-webkit-speech />
CSS:
#speech {
font-size: 20px;
}