iframe 구조를 고려한 기능 개선 작업

개발중인 프로젝트는 2가지 환경이 공존한다.

 

(Case.1) 어플리케이션 WebView 컴포넌트에서 iframe 임베디드된 구조로 서비스가 되는 경우 

(Case.2) 일반적인 웹 방식으로 서비스 되는 경우(iframe 구조 x) 

 

이 경우, 트위치 스트리밍 영상을 노출하는데 문제가 발생했다. 

 

어플리케이션 도메인이 http 프로토콜을 사용한다. 

트위치는 https(SSL) 프로토콜이 아닌 경우 영상 송출을 하지 않도록 바뀌었다. 

 

Case.1 경우 페이지에서 첫 영상을 자동 플레이 해주는 기능이 작동하지 않았다. 

그래서, 논의한 방법이 이 경우에는 썸네일만 보여주고 클릭시 팝업으로 영상을 노출하기로 하였다. 

 

이런 접근은 바람직하지 않은데, 담당자는 맥락 이해가 필요하며 일반적이지 않은 예외처리는 가독성을 떨어뜨리기 때문이다.

결국 어플리케이션 도메인을 https 프로토콜로 바꿔주면 되는데, 해당 팀에서는 업데이트가 어렵다고 하여 그 작업을 웹쪽에서 맞추기로 진행한다.