Browse > Article

A Study on CSS3 Stylesheet Extension and Emulator for Representation of Stereo Web Content in 3DTV  

Lee, Hee-Jin (Dept. of Multimedia Science, Sookmyung Women's University)
Yim, Hyun-Jeong (ETRI)
Lim, Soon-Bum (Dept. of Multimedia Science, Sookmyung Women's University)
Publication Information
Journal of the Korea Computer Graphics Society / v.19, no.4, 2013 , pp. 1-11 More about this Journal
Abstract
In this paper, we represented the HTML5 webpage in 3D space for the 3D stereoscopic display by using CSS3 stylesheet; browser-based declarative contents, and proposed CSS Stereo 3DTV Profile. First, we suggested various webpage separation methods for reconstructing webpages in the 3D space effectively. Next, we suggested 3D view volume setting method by using extended CSS3 modules. And then, pre-processor converts sample contents which is written extended CSS stylesheet into the present CSS stylesheet for displaying in the webkit based browser. For the resulting stereoscopic images, we developed a rendering engine emulator which is implemented in JavaScript for simple display in the web browser, which produced dual images from virtual left and right-eyed cameras. And we have checked the sample contents displayed on the 3DTV.
Keywords
3DTV; Web Contents; Stereoscopic; HTML5; CSS3;
Citations & Related Records
연도 인용수 순위
  • Reference
1 Hyun J eong Yim, Soon Bum Lim, "A Content -Based Sync hronization Approach using Scene Keywords in Enhance d TV based on IVIPEG-4 ", Journal of KIISE : Computin g Practices and Letters, voL16, no.6, pp.737-741, Jun. 2010. (in Korean)
2 BongHo Lee, Kugjin Yun, Namho Hur, Jinwoong Kim and SooIn Lee, "Stereoscopic Contents Authoring System for 3D DMB Data Service", Electronics and Telecommunica tions Research Institute, 2009. (in Korean)
3 Soonbo Han and Dong-Young Lee(2012, Nov. 30), "Exte nsions for Stereoscopic 3D support(W3C), Available: htt p://www.w3.org/2011/webtv/3dwe]j3dweb_proposaL1211 30.html, (downloaded 2012, Nov. 30)
4 Jean Le Feuvre, "SVG Extensions for 3D displays", http:/ /www.svgopen.org/2010/papers!54-SVG_Extensions_foc3 D_displays/
5 Jean Le Fem'fe, Telecom ParisTech; Institut Telecom; CN RS LTCI, "Towards Declarative 3D in Web Architecture", http://www2012.wwwconference.org/proceedings/nocomp anion/Dec3D20 12_0 3.pdf
6 Namho Hur, Hyun Lee, Gwangsoon Lee, Sangjin Lee, Atanas Gotchev and Sang-Il Park, "3DTV Broadcasting and Distribution Systems", IEEE Trans. on Broadcasting, 2012. (in Korean)
7 Wikipedia(200S, Sep. 01), CE-HTML, Available: http:// en. wikipedia.org/wiki/CE - HTML/( downloaded 2012, Nov. 30)
8 Sean Hayes, Glenn Adams, Tantek Celik and Hakon Wium Lie(2003, May. 14), CSS TV Profile 1.0 (W3C), Available: http://www.w3.org/TR/css-tv (downloaded 2012, Nov. 30)
9 Bert Bos, Tantek Celik, Ian Hickson and H3.kon Wium Lie (2011, Jun. 07), Cascading Style Sheets Level 2 Revision l(CSS 2.1) Specification (W3C), Available: http://www.w3.org/TR/CSS21/(downloaded 2012, Nov. 30)
10 CSS3.iofo (2012, Jan. OS), CSS3 Module Status, Available:http://www.css3.info/modules/ (downloaded 2012, Nov. 30)
11 Rossen Atanassov and Elika J. Etemad (2012, Sep. 06), CSS Fragmentation Module Level 3 (W3C), Available: http://dev. w3.org/ csswg/ css3 -break/ (downloaded 2012, Nov. 30)
12 Arron Eicholz (2012, Feb. 22), CSS Positioned Layout Module Level 3 (W3C), Available: http://dev.w3.org/ csswg/ css3 -positioning (downloaded 2012, Nov. 30)
13 Simon Fraser, Dean Jackson, Edward O'Connor, Dirk Schulze and Aryeh Gregor (2012, Sep. 11), CSS Transforms (W3C), Available: http://www.w3.org/TR/css3-3d-transforms (downloaded 2012, Nov. 30)
14 최윤철,임순범, "컴퓨터그래픽스 배움터", 생능출판사, 2006.
15 Wikipedia (1998, Nov. 04), WebKit, Available: http://en.wikipedia.org/wiki/WebKit (downloaded 2012, Nov. 30)
16 H3.kon Wium Lie, Tantek Celik, Daniel Glazman, Anne van Kesteren (2012, June. 19), Media Queries (W3C), Available: http://www.w3.org/TR/ css3-mediaqueries/(downloaded 2012, Nov. 30)