tizen wearable - range 및 음성인식 두가지 질문

에 의해 choi donghee

2015년 07월 29일 18:41 한국어 (Korean) 7 댓글

tizen wearable 개발을 하고있는데,

브라우져가 mobile safari더라구요.

근데 mobile safari에서는 input range에 대해 addEventListener를 사용할때

change를 사용하면 slider를 드래그하다가 놓았을때 값이 변경되어야하는데 드래그하면서 계속 변경이됩니다.

이 부분에대해서 아직 mobile safari에서는 지원을 하지 않는다고 알고있는데

그러면 구현을 할 수 없는것인가요??

또 다른 질문은 음성인식인데

음성인식도 mobile safari에서는 아직 webkitSpeechRecognition() 이것을 사용할수가 없는데

음성인식도 구현불가인가요??

답변 부탁드립니다.

답변 바로가기

Responses

7 댓글

Seoghyun Kang

2015년 07월 29일 21:41

안녕하세요.

문의하신 내용에 대해서 답변드리고자 합니다.

1. Input range

: 정확히 어떤 부분이 구현이 힘든지 파악이 어려운데, 우선 Wearable Profile에서도 input range 사용 가능합니다.

TouchPaint Wearable Sample 소스 코드에서 input range 관련된 코드를 아래 첨부하였습니다.

[HTML]

<input type="range" min="1" max="20" value="1" id="options-range"></input>

[JS]

range = document.getElementById('options-range');
range.addEventListener('change', onRangeChange);

/**
* Handles change event on range slider.
* @param {event} ev
*/
function onRangeChange(ev) {
    setPreviewHeight(ev.target.value);
}

2. 음성 인식

: 현재 공개된 Tizen SDK에서는 W3C Web Speech API의 일부 기능만을 지원하고 있는데, 그 중 음성인식 부분은 지원하지 않고 있습니다.

따라서 현재 SpeechRecognition를 통한 음성인식이 불가능합니다. 관련 정보 아래 첨부하였습니다.

W3C Web Speech API defines a JavaScript API to enable web developers to incorporate speech recognition and synthesis into their web pages. The attributes and events currently not supported are:
- rate, pitch, volume, voiceURI of SpeechSynthesisUtterance interface
- onmark, onboundary of SpeechSynthesisUtterance interface

The interfaces currently not supported are:
-   SpeechRecognition interface
- SpeechSynthesisVoiceList interface

이 게시물에 답글 달기
답변으로 선정

choi donghee Seoghyun Kang

2015년 07월 29일 23:15

음성인식에 대한 답변 감사합니다. 구현불가군요 ㅜㅜ

이 게시물에 답글 달기
답변으로 선정

Seoghyun Kang

2015년 07월 29일 21:45

추가적으로 TouchPaint Mobile Sample에서도 비슷한 방식으로 input range를 현재 사용중에 있으니,

참고하시면 좋을것 같습니다.

이 게시물에 답글 달기
답변으로 선정

pius lee

2015년 07월 29일 22:06

Range change event에서 값이 선택 되었을때만 값을 받고 싶으시다면, 다음과 같이 하면 됩니다.

<input type="range" min="1" max="100" value="1" id="rng">
<script>
    var rng = document.getElementById('rng');
	rng.addEventListener('touchend', function(ev) {
		console.log(ev.target.value);
	});
</script>