gear s2 watch face를 css와 js로 제작 중입니다.
기본 영역을 <div id="body-bg"> 로 정의하고, style.css에서 background-image: url('../image/bg1.png');로 기본 배경 이미지를 지정해 둔 상태입니다.
목표는 특정 영역 혹은 시계 아무곳이나 터치를 하면 다른 이미지로 배경을 교체하며 사운드를 출력하는 것입니다.
기본 js 파일 상단에서
var bgDiv = document.querySelector("body-bg");
로 div 영역을 가져오고, 이벤트를 아래와 같이 바인딩 해보았습니다.
document.addEventListener("click", function() {
bgDiv.style.background = "url('image/bg2.png')";
});
하지만 이미지가 변경되지 않는 상태이며, click 이벤트가 발생하지 않는 듯 합니다.
그리고 Audio()로 사운드 객체를 지정하고 audio.play();로 이벤트 발생 했을 때 소리가 나는지 확인해 보았지만 사운드 또한 플레이 되지않았습니다.
사운드의 경우, GearWatchDesigner의 액션 항목을 보니 포함되어 있지 않은 걸로 봐서, watch face에서는 아예 사운드를 지원하지 않는 것일 듯 예상됩니다만, 같이 문의 드립니다.
혹 이런 작동에 대한 샘플 코드가 있는 곳이 있다면 같이 추천 부탁드리겠습니다.
gear s2 프로그래밍은 구글신으로도 검색이 거의 안되네요. 의지할 곳이 여기 밖에 없는지... ㅠ_ㅜ