speech-input

KO | EN

gitlite — search

#vue #api #deep-learning #linux #mysql #cpp #reactjs #pytorch #terminal #ruby

(★ 210)

Simple speech input for <input>s —replaces the now defunct x-webkit-speech attribute

파일 탐색기

ZIP 다운로드

.jshintrc
demo.css
index.html
README.md
speech-input.css
speech-input.js

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

버전

파일

링크

예시

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

speech-input
============

Simple speech input for `<input>` and `<textarea>` elements — replaces the now defunct `x-webkit-speech` attribute

## Use:

1. Include **speech-input.css** and **speech-input.js**
2. Add a `speech-input` class to your `<input>` or `<textarea>`

And you're done! Here's a demo:

[![speech-input demo][1]][2]

## Extra options

### Other languages
It uses the value of the `lang` attribute on the `<html>` element by default. But you can override this by specifying a `lang` attribute on the input fields themselves. You may then also want to customize the "Speak now" text for that language with a `data-ready` attribute on that field:

```html
<input type="text" class="speech-input" lang="es" data-ready="Habla ahora">
```

### Button size
If, for any reason, you want to change the button size, you can use the `data-buttonsize` attribute:

```html
<input type="text" class="speech-input" data-buttonsize="20">
```

### Speech time limit
By default, it will wait a full 6 seconds after you finish speaking until it stops listening. You can change this time with the `data-patience` attribute:

```html
<input type="text" class="speech-input" data-patience="2">
```

### Submit when done
If you add the `data-instant-submit` attribute, the form that the input is in will automatically be submitted after listening stops:

```html
<input type="text" class="speech-input" data-instant-submit>
```

## FAQ

### Why does it keep asking me to allow the microphone?
To have the microphone permissions persist, use https: http://stackoverflow.com/a/15999940/552067

### I clicked the mic button but it didn't do anything.
Make sure you're using it on an actual server — it won't work on a `file://` URL. Try [starting up a simple static HTTP server](https://gist.github.com/willurd/5720255).

### [Can I use](http://caniuse.com/#feat=web-speech) this in non-webkit browsers?
Not yet.

## [License (MIT)](http://hug.mit-license.org/)

[1]: http://f.cl.ly/items/3m0n2Q0y0h1a0N2P2s0Y/screenshot-by-nimbus.png
[2]: http://daniel-hug.github.io/speech-input/

speech-input

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

speech-input

오너의 다른 레포

파일 탐색기

# CDN으로 사용하기

Was this content helpful?

Recent Feedback

Download README