ICE Canvas — 홈페이지 캔버스를 데스크톱 앱으로 2026.07.03

ICE Canvas — 슬라이드쇼에서 영상 클릭이 다음 장으로 넘어가던 버그 수정

슬라이드쇼 중 영상을 재생하려 클릭하면 재생은 안 되고 다음 슬라이드로 넘어가던 문제를 고쳤다. 홈페이지·데스크톱이 같은 코어라 둘 다 반영했다.

슬라이드쇼(프레젠테이션 모드)에서 영상을 재생하려고 클릭하면 재생은 안 되고 다음 슬라이드로 넘어가던 버그를 고쳤다. 홈페이지 캔버스와 데스크톱 ICE Canvas가 같은 코어를 쓰기 때문에 양쪽 다 반영했다.

무엇이 문제였나

슬라이드쇼는 PPT처럼 화면 아무 데나 클릭하면 다음 장으로 넘어간다. 그런데 이 규칙이 너무 곧이곧대로 적용돼서, 슬라이드에 넣은 영상의 재생 버튼을 눌러도 그걸 '다음 장 넘김'으로 처리해 버렸다. 영상은 시작도 못 하고 화면만 넘어갔다.

발표장에서 "화면 아무 데나 누르면 다음 장"이라는 규칙을, 슬라이드 안에 박힌 영상 재생 버튼에까지 그대로 적용해 버린 셈이다.

어떻게 고쳤나

클릭으로 다음 장을 넘길 때, 누른 곳이 영상·유튜브·링크 같은 조작 요소면 넘기지 않도록 예외를 뒀다. 빈 여백이나 글·이미지를 클릭하면 예전처럼 다음 장으로 넘어가고, 영상 컨트롤·유튜브 재생 버튼·링크는 제 기능대로 동작한다.

  • 영상 클릭 → 재생·일시정지 (장이 안 넘어감)
  • 유튜브 재생 버튼 → 영상 재생
  • 링크 클릭 → 링크 이동
  • 그 외 빈 공간·글·이미지 클릭 → 다음 슬라이드 (그대로)

같은 엔진, 두 곳에 한 번에

ICE Canvas는 icenovel.com 홈페이지 캔버스를 데스크톱 앱으로 옮긴 것이라 캔버스 코어를 공유한다. 이번 수정도 홈페이지 캔버스와 데스크톱의 ui/canvas-present.js 양쪽에 똑같이 적용했다. 데스크톱 앱은 다음 빌드에 담기고, 업데이트가 올라오면 인스톨러로 새 버전을 받으면 된다.

ICE Canvas — 홈페이지 캔버스를 데스크톱 앱으로 프로젝트로