아래는 윈도우 및 안드로이드 epub3 리더 or 뷰어에 관한 정리

 

epub3 리더 및 뷰어 관련

대충 살펴보았는데
윈도우 및 안드로이드 네이티브 프로그램에서 epub3 스팩 및 기능을 100% 구현한 리더는 거의 없는 듯.
특히나 윈도우 PC 쪽 네이티브 프로그램에선 상당히 찾아보기 힘들었음.

현재까지 알아본바 윈도우 환경에서 가장 좋은 epub3 뷰어는
크롬앱으로 나와 있는 epub뷰어들임.(아래 epub 관련 크롬앱 내용 참조)

안드로이드에서 그나마 나은 리더가 깃든책 리더 정도.
맥 및 IOS(iPad, iPhone)0 쪽으론 epub3 스팩을 제대로 지원한다는 ibooks를 이용하는 방법이 있음.

 

epub 내부 구조 관련

기본적으로 epub 파일은 zip 파일임.
압축을 풀면 config 파일 및 html,css, js 및 미디어 파일 등이 존재할 수 있음.
폴더 구조는 자유로운편 컨피그 파일 쪽에 경로만 잡아주면 문제 없음.

otf 등의 폰트도 임베딩시켜 포함시킬 수도 있공.

기본편집은 웹사이트 저작시 사용하는 프로그램을 그대로 이용해도 별 문제 없을 듯 함.
문제는 이를 epub뷰어로도 크로스브라우징을 해야한다는 것인데..ㅋ(살펴보니 이것도 역시 크롬앱으로 엥간하게 작업 가능할 듯)

기타 epub 패키지 구조 관련 문서 참고

 

epub 관련 크롬앱

윈도우에선 크롬앱으로 epub3를 살펴보는게 최고로 나은 방법 ex: readium

epub3 뷰어 크롬앱의 폰트 셋팅이 맘에 안들면
C:\Users\사용자명\AppData\Local\Google\Chrome\User Data\Default\Extensions\readium 설치경로
대충 이런 경로로 접근해 내부의 css 파일을 바꿔버리는 방법도 있음.

실제로 Readium의 css 및 몇가지 스크립트를 수정하고 나니 훨씬 볼만해졌음!ㅋ

폰트변경전의 스타일
폰트변경전의 스타일
본문 및 헤더폰트를 trabuchet MS로 바꾼후의 모습. 가독성 및 스타일 면에서 훨씬 맘에 듬.
본문 및 헤더폰트를 trabuchet MS로 바꾼후의 모습. 가독성 및 스타일 면에서 훨씬 맘에 듬.

또한 Readium과 같은 크롬확장프로그램은 랜더링시 기본적으로 HTML5, CSS3, SVG, Audio, Video, MathML을 지원하는 크롬의 랜더링 엔진을 이용하므로 epub3 뷰어로 가장 적당하다고 할 수 있음.

HTML5, CSS3 를 지원하는 크롬이니 당연히 epub3의 video도 지원한다.
HTML5, CSS3 를 지원하는 크롬이니 당연히 epub3의 video도 지원한다.

뿐만아니라 크롬과 통합된 앱이므로 기존에 크롬에서 사용하는 여러가지 확장프로그램과의 연동도 가능함!
ex) 다음 꼬마사전

ePub3 크롬앱 뷰어인 Readium과 크롬 확장프로그램인 다음꼬마사전과의 연동화면 아주 편리!
ePub3 크롬앱 뷰어인 Readium과 크롬 확장프로그램인 다음꼬마사전과의 연동화면 아주 편리!

이 외에도 크롬의 개발자도구를 이용해 css, js 등의 여러가지 테스트도 가능.

현재 안드로이드 쪽으로도 여러가지 epub 뷰어가 나와있지만
궁극적으론 안드로이드용 크롬에 확장기능이 추가되고 이를 활용한 epub 뷰어가 나오는게 甲일 듯 함.

 

테스트 해볼 것

  • jquery를 어느정도까지 활용가능한지
    • 잘 되더라~ ibooks에서는 skitter까지 무리없이 가능하다!
  • CSS3 에니메이션
  • Ajax로 epub에서 외부 컨텐츠를 읽어들이는게 가능한지
    • 이게 가능하다면 Google Plus API로 사진도 불러올 수 있고 youtube 동영상도 끌어올 수 있고 기타 등등…
    • 또한 네이버, 다음, 구글 지도 API로 지도 내용도 끌고 올 수 있겠지.

 

Tags:

Leave a Reply

Your email address will not be published. Required fields are marked *