메뉴 건너뛰기

조회 수 6454 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
Google provide excellent stuffs for HTML5 developer and one of the thing is that Speech Input API.
Just Click the microphone image and speak out any word then Google get and display the word in the text field.
One and big limitation is that it is working only on Google Chrome browser.

iPhone 의 Siri 가 나오는 바람에 그 신선함이 팍 꺾였지만 처음 이 기능을 보고 전 아주 신선한 충격을 받았어요.
이제 조만간 터치가 아니라 음성으로 기기를 제어할 수 있는 프로그램을 나도 만들 수가 있겠구나......
아래 텍스트 필드 옆에 있는 마이크 이미지를 클릭하고 말을 하면(아직 영어만 지원) 구글에서 그 말을 알아듣고 텍스트 필드에 추가 합니다.
지금은 오직 구글 크롬 브라우저에서만 작동합니다.


HTML

Speech Input

<input type="text" x-webkit-speech />

Speech input is not enabled in your browser.
Try running Google Chrome with the --enable-speech-input flag.

Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not Working (X)
Opera 11.60                            -  Not Working (X) 
Safari 5.1.2                             -  Not Working (X) 
FireFox 9.0.1                          - Not Working (X)

Fore more Details Click it. 
좀더 자세한 사항은 여기를 클릭 하세요. 

You can get sample source code here.
샘플 코드 입니다. 다운 받아서 사용하시면 됩니다.


  1. No Image 16Jul
    by
    2015/07/16 Views 13881 

    EditText의 글자 수 제한 걸기

  2. Effects - Animate() 메서드 (여러가지 효과 동시 처리)

  3. Effects - FadeIn() / FadeOut() 메서드 (서서히 보이기 및 숨기기)

  4. Effects - Show() / Hide() 메서드 (보이기 및 숨기기)

  5. Effects - SlideToggle() 메서드 (슬라이드 업/다운)

  6. Effects - SlideUp() 메서드 (슬라이드업)

  7. Effects - Stop() 메서드 (애니메이션 효과 멈추기)

  8. Events - Unbind() 메서드 (이벤트 처리기 해제)

  9. Firebase - 푸시알림 보내기

  10. No Image 30Sep
    by
    2021/09/30 Views 768 

    Firebase - 푸시알림 보내기 (2)

  11. Fragment를 통한 하단탭 예제1

  12. No Image 14Dec
    by
    2020/12/14 Views 376 

    Fragment에서 Toast 사용하기

  13. No Image 28Aug
    by
    2014/08/28 Views 9853 

    FTPClient 를이용하여 ftp상 서버에서 데이터 다운로드 편

  14. No Image 28Aug
    by
    2014/08/28 Views 6366 

    FTPClient 를이용한 데이터 업로드 하기

  15. HTML5 Better semantic tags

  16. HTML5 Form 공부하기 -1-

  17. HTML5 Form 공부하기 -2-

  18. HTML5 Geolocation (구글 지도에 현위치 표시하기)

  19. No Image 04Sep
    by 조쉬
    2014/09/04 Views 6454 

    HTML5 Speech Input (음성인식) API

  20. HTML5 Web Storage -01-

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved