SWFObject
| 개발자 | 제프 스턴스와 바비 판 데르 슬루이스, 아란 리, 카일 심슨 및 필립 허치슨 |
|---|---|
| 발표일 | 2006년 1월 |
| 최종 버전 | 2.2
/ 2009년 6월 12일 |
| 저장소 | |
| 프로그래밍 언어 | 자바스크립트 |
| 플랫폼 | 웹 브라우저 |
| 크기 | 10 KB (출력 JS 파일) |
| 언어 | 영어 |
| 종류 | 자바스크립트 라이브러리 |
| 라이선스 | MIT 허가서 |
| 웹사이트 | https://github.com/swfobject/swfobject |
SWFObject(원래 이름은 FlashObject)는 어도비 플래시 콘텐츠를 웹 페이지에 삽입하고 플래시 게임을 불법 복제로부터 보호하기 위해 사용되는, 관리가 중단된 오픈 소스 자바스크립트 라이브러리이다.[1] 이 라이브러리는 하나의 작은 자바스크립트 파일로 제공된다.[2][3] 또한 주요 웹 브라우저와 주요 운영체제 상에서 설치된 어도비 플래시 플레이어 플러그인을 감지할 수 있으며, 설치된 플러그인이 적합하지 않을 경우 방문자를 다른 웹 페이지로 리디렉션하거나 대체 HTML 콘텐츠를 보여줄 수 있다.[4]
이 라이브러리는 독립적이지만, 딥 링킹을 위한 SWFAddress나 동적 콘텐츠 크기 조정을 위한 SWFFit과 같이 종종 외부 라이브러리와 통합되어 사용된다.
수많은 플래시 삽입용 자바스크립트 라이브러리 중에서 SWFObject는 가장 대중적인 라이브러리로 부상했으며, 2011년 기준으로 애스크닷컴, Windows.com, Time.com, Skype.com, Discovery.com, 유튜브 등 유명 웹사이트를 포함해 260만 개 이상의 웹사이트에서 사용되었다.[5][6]
사용법
[편집]SWFObject는 웹 페이지에 플래시 콘텐츠를 삽입하는 신뢰할 수 있는 방법을 제공한다.[7][8] 이는 서로 다른 웹 브라우저들이 플래시 콘텐츠를 올바르게 표시하도록 하기 위해 따라야 하는 다양한 관례를 내부적으로 처리하여 웹 디자이너로부터 격리해 준다. 개발자는 단 한 줄의 자바스크립트 코드를 사용하는 최소한의 방식으로 라이브러리와 인터페이스할 수 있다.[9] 따라서 플래시 콘텐츠 삽입을 위한 이상적인 HTML 코드에 대한 지식이 없는 초보 웹 디자이너라도 쉽게 플래시 콘텐츠를 웹 페이지에 삽입할 수 있으며, 자바스크립트가 비활성화된 사용자를 제외하고는 가능한 가장 넓은 범위의 사용자들에게 신뢰성 있게 작동하도록 할 수 있다.[10] SWFObject를 사용하여 삽입된 플래시 콘텐츠는 Wii, 플레이스테이션 3, 노키아 N800과 같이 자바스크립트 실행(및 플래시 플레이어)을 지원하는 기기에서도 작동한다. 이는 플레이스테이션 포터블과는 대조적이다.[11]
SWFObject의 단점은 웹 브라우저에서 자바스크립트를 비활성화한 방문자는 플래시 콘텐츠를 볼 수 없으며,[12] 대신 웹 페이지가 제공하는 대체 HTML 콘텐츠를 보게 된다는 점이다.[13] 가능한 가장 넓은 범위의 사용자에게 도달하려는 웹사이트의 경우, 플래시 동영상을 삽입하기 위해 표준을 준수하는 HTML 마크업을 사용하고(보통 최고의 브라우저 호환성을 위해 <object> 태그 사용[14]), 라이브러리의 API 내에서 registerObject() 함수를 사용해[15] 플래시 콘텐츠를 등록함으로써 라이브러리가 제공하는 다른 기능을 사용할 수 있게 하는 대체 방법이 존재한다.
기능
[편집]SWFObject는 특정 버전의 플래시 플레이어가 설치되어 있는지 확인하는 것과 같이[16][17] 플래시 플레이어 관련 정보를 가져오는 몇 가지 유틸리티 함수와, DOM 작업을 돕기 위한 몇 가지 DHTML 유틸리티를 API 내에 포함하고 있다.[18] 이 때문에 플래시 웹사이트 개발자들이 JQuery나 Prototype과 같은 외부 자바스크립트 라이브러리로 눈을 돌리는 가장 일반적인 이유들이 내부적으로 충족되므로, 개발자가 추가적인 자바스크립트 라이브러리를 웹사이트에 추가해야 할 이유가 줄어든다.
이 라이브러리는 플래시 플레이어 익스프레스 인스톨(Express Install)을 웹 페이지에 통합하는 데 사용할 수도 있어, 사용자가 사이트를 떠나지 않고도 최신 플래시 플레이어를 설치할 수 있게 해주지만, 브라우저 재시작이 필요하다.[19]
플러그인
[편집]SWFAddress
[편집]SWFAddress는 플래시 웹사이트가 딥 링킹을 지원할 수 있게 해주는 자바스크립트 및 액션스크립트 라이브러리이며, SWFObject와 자동으로 통합될 수 있다.
SWFFit
[편집]SWFFit(이전 명칭 FitFlash)은 웹 브라우저 창 크기에 맞춰 플래시 동영상의 크기를 조정하는 데 사용되는 자바스크립트 라이브러리로, 화면 해상도와 관계없이 콘텐츠에 접근할 수 있도록 유지한다.[20][21][22][23] SWFFit은 주로 콘텐츠가 브라우저 창 크기를 초과할 때 스크롤 막대를 표시하도록 웹 브라우저를 구성한다. 또한 플래시 동영상의 크기를 동적으로 조정하는 데 사용할 수도 있다. 이 라이브러리는 SWFObject와 함께 사용된다.
같이 보기
[편집]각주
[편집]- ↑ Todd Perkins, Search Engine Optimization for Flash, O'Reilly Media, 2009, p. 87
- ↑ Yakov Fain, Victor Rasputnis, Anatole Tartakovsky, Enterprise Development with Flex, O'Reilly Media, Inc., 2010, p. 183
- ↑ Source Checkout, swfobject - Google Code, Page Header, overview of SWFObject
- ↑ SWFObject 1.5 Homepage, deconcept
- ↑ SWFObject Usage Statistics, BuiltWith
- ↑ Who uses SWFObject?, SWFObject FAQ
- ↑ Adobe Developer Network
- ↑ Roger Braunstein, ActionScript 3.0 Bible, John Wiley and Sons, 2010, p. 898
- ↑ Embedding Adobe Flash Player content using SWFObject 2 - Documentation - Google Code
- ↑ Ben Henick, HTML & CSS: The Good Parts, O'Reilly Media, Inc., 2009, p. 195
- ↑ Do SWFs embedded with SWFObject 2 display in the Sony PS3 or Nintendo Wii web browsers?, SWFObject FAQ
- ↑ Chafic Kazoun, Joey Lott, Programming Flex 3, O'Reilly Media, Inc., 2008, p. 524
- ↑ Eric Enge, 스테판 스펜서, Rand Fishkin, 제시 C. 스트리치올라, The Art of SEO, O'Reilly Media, Inc., 2009, p. 273
- ↑ Bobby van der Sluis > Flash embed test suite, HTML embed element compatibility
- ↑ Function swfobject.registerObject, SWFObject JavaScript API documentation - Google Code
- ↑ Robert Reinhardt, Snow Dowd, Flash CS4 Professional Bible, John Wiley and Sons, 2009
- ↑ Function swfobject.hasFlashPlayerVersion, SWFObject JavaScript API documentation - Google Code
- ↑ Function swfobject.add(Dom)LoadEvent, SWFObject JavaScript API documentation - Google Code
- ↑ SWFObject 2.2 - What's new?, Google Code
- ↑ swffit: Smart Flash Resize Script, Web Resource Depot
- ↑ Roger Braunstein, ActionScript 3.0 Bible, John Wiley and Sons, p. 898
- ↑ SWFFit website
- ↑ SWFFit, Google Code
외부 링크
[편집]- SWFObject 1.5
- SWFObject 1.5 Homepage, deconcept, SWFObject 이전 버전의 개요 및 사용법
- SWFObject 1.5 출시, deconcept 블로그
- SWFObject 2
- swfobject 2, 구글 코드, 웹사이트 사용을 위한 SWFObject 무료 다운로드
- SWFObject 2 FAQ
- SWFObject 문서, 구글 코드, SWFObject 2의 정의, 목적 및 사용 방법
- 일반
- 플래시를 웹 페이지에 삽입하는 방법, 호환성을 극대화하기 위해 SWFObject가 내부적으로 사용함.
- 하나의 웹 페이지에 다중 플래시 비디오 플레이어 삽입하기, SWFObject 또는 Flashvars 코드 사용
- 플래시 삽입 방식 비교, A List Apart, 플래시 삽입 방식들을 비교.
- swfobject.js vs Embed HTML, 전통적인 HTML 태그 대비 SWFObject의 장점
