Languages

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

tizen wearable 개발을 하고있는데,

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

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

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

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

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

 

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

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

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

 

답변 부탁드립니다.

View Selected Answer
List

Responses

7 Replies
Seoghyun Kang

안녕하세요.

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

 

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

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

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

 

Mark as answer
pius lee

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>

 

choi donghee

오 정말 감사합니다. 인터넷에 찾아볼땐 touchend에 관한건 아예 못찾았는데 ㅜㅜ 드디어 해결했네요.

근데 change랑 touchend둘다 사용은 불가한가요?

addEventListener면 이벤트를 추가한다는 의미니까 두개 써도 되는거아닌가요??

pius lee

물론 둘다 동시에 사용 가능합니다. :)

choi donghee

아닙니다. 해결했습니다. 답변 감사합니다.