로그인회원등록 내글장바구니주문조회현재접속자
 상품 검색








 게시판 검색





 
 
회원등록 비번분실


온라인 입금계좌
ㆍ기업은행
ㆍ219-043192-01-028
ㆍ이건영

      거래은행 바로가기
 
 use iwindow theme
동영상 자료실
작성자 avrtools™        
작성일 2009/09/11
Link#1 quickstart (Down:111)
ㆍ추천: 0  ㆍ조회: 1631   
  COOL IRIS의 설치 (시작하기)
Cooliris 그림판(Media Wall)의 시작
이 소프트웨어는 자신의 홈페이지나 블로그에서 이미지나 동영상을 Media Wall에 표시하는
Cool-iris (http://developer.cooliris.com/)라는 웹 서버 게시 프로그램입니다.

Cooliris 기능탑재 그림판(Embed Wall)은 웹페이지에서 추가 프로그램(Colliris plugin)을 설치하지 않고,
사용자가 동영상을 경험하는 기능을 탑재할 수 있는 3D 게시판이다.
사용자의 웹 브라우저에는  Adobe Flash (0.9 이상의 개정판)를 설치해야 합니다.
(웹서버에 따라, 블로그에는 Pclens add-on을 설치해야 합니다)

탑재형 게시판을 사이트에 간단히 설치하는 방법은 다음과 같다.
안내서는 기본 HTML 지식을 필요로 한다. 상세한 주제는 상세안내(more detail) 속에 숨어 있다.

기능 탑재형 그림판(Embed Media Display Wall) (more detail)

 
이 Cooliris 탑재 게시판(Embedded Wall)은, Flickr 사이트의 그림 들을 연결판(stream)으로 보여준다. 
임의의 사이트를 아래의 탑재 소스에 추가할 수 있다. HTML의 몸체(body) 안에 붙혀넣기(paste) 한다. 
 
"<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="370">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars" value="feed=api://www.flickr.com/" />

    <embed type="application/x-shockwave-flash" 
      src="http://apps.cooliris.com/embed/cooliris.swf"
      flashvars="feed=api://www.flickr.com/"
     width="600" height="370" allowFullScreen="true" allowScriptAccess="always">
    </embed>
</object>"
 
이 소스(code)를 추가한 다음에, Flickr 사이트의 공급자(feed) interestingness로 부터 그림 판(images wall)을 볼 수 있다.
이 문장은 시작하기 중의 하나이다. 실지로 적용하려면 다음 "당신의 매체를 표시" 를 보라.
 
당신의 매체(media)를 표시 (more detail)
탑재 연결표(embed tag)와 플래시매체(flashvar) 인수(parameter)에서 지정(specified)된,
공급자(feed) 문장(section)으로 탑재(embed)된 매체(mdeia)가 표시된다.

그림판(Wall)은 Flickr와 Picasa 같은 API feeds 혹은 MediaRSS feeds 에서 모두 표시할 수 있다.   
다음 소스에서 적색으로 보이는 문장을 지정하는 공급자들(feeds)로 바꾸어야 한다.
 
"<object id="o"
  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="370">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars" value="feed=api://www.flickr.com/?search=neon" />
    <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf"
      flashvars="feed=api://www.flickr.com/?search=neon"
      width="600" height="370" allowFullScreen="true" allowScriptAccess="always">
      </embed>
</object>"
(주) 공급자는 반드시 두곳을 바꾸어야 한다.

그림 판(wall)은 상대편 MediaRSS 공급자(feed)로 할 수도 있다.
"<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="370">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars" value="feed=http://cooliris.com/static/images/feeds/home/media.rss" />
    <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf"
      flashvars="feed=http://cooliris.com/static/images/feeds/home/media.rss"
      width="600" height="370" allowFullScreen="true" allowScriptAccess="always">
      </embed>
</object>"

이제 당신의 그림판을 설정하자
공급자(feed)에는 그림판의 유효방식(UI = Valid style option)으로 몇 가지의 표시방법이 있다.
이제 우리의 그림판을 2줄의 그림과 배경을 어두운 흑색으로 전용화 하자.
 
"<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="370">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars" value="feed=api://www.flickr.com/?search=neon&numRows=2&style=light" />
    <embed type="application/x-shockwave-flash"
      src="http://apps.cooliris.com/embed/cooliris.swf"
      flashvars="feed=api://www.flickr.com/?search=neon&numRows=2&style=light"
      width="600" height="370" allowFullScreen="true" allowScriptAccess="always">
    </embed>
</object>"
(주) 다시 한번 말하지만, 공급자는 반드시 적색으로 포시된 2곳을 지정해야 한다.
 
나의 동영상을 표시하자
By now, you are probably tired of seeing the default Flickr images on your wall.
This section describes how to get your own photos or videos into the embeddable wall.
In order to show your own media, you must tell the wall where to find it.
 
FlashVars (플래시 변수들)
Your website communicates with the wall using FlashVars.
Flashvars are a series of key=value pairs that allow you to customize the behavior of the 3D Wall.
For instance, the location of the media for the wall to display is specified in the feed FlashVar,
highlighted below. If you embedded your wall using the HTML method,
 
you will need to specify your FlashVars in two locations:
"<object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="450">
    <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="always" />
    <param name="flashvars" value="feed=api://www.flickr.com/" />
    <embed type="application/x-shockwave-flash"
           src="http://apps.cooliris.com/embed/cooliris.swf"
           flashvars="feed=api://www.flickr.com/"
           width="600" height="450" allowFullScreen="true" allowScriptAccess="always">
    </embed>
</object>"
 
If you embedded your wall using JavaScript and SWFObject,
FlashVars are contained in a flashvars object:
"<script>
var flashvars = { feed: "api://www.flickr.com/" };
var params = { allowscriptaccess: "always" };
swfobject.embedSWF("http://apps.cooliris.com/embed/cooliris.swf",
                   "wall", "730", "390", "9.0.0", "", flashvars, params);
</script>"
 
Feeds (공급자)
The wall supports display of feeds from MediaRSS and from the Flickr and Picasa APIs.
API Feeds are what we've been displaying so far, specifically the front-page Flickr feed.
MediaRSS Feeds are more flexible, and are the best way to display your own content in the wall
(as well as in the Cooliris plugin).
Either type of feed is specified in the feed FlashVar.
In the examples so far, we have been using the Flickr front page feed:
feed=api://www.flickr.com/ (For HTML-embedded, in both places)
feed: "api://www.flickr.com/" (For JavaScript-embedded)
Replace api://www.flickr.com/ with your media URL, and it will display your own content.
Refer to the above links to see the details on how to set up both sorts of feeds
 
Encoding Feed URLs
Note that if your feed contains an ampersand (&), it needs to be encoded. Otherwise,
Adobe Flash will break up the feed address into multiple parts,
and the embeddable wall will not find your photos.
 
For example, your site might generate Media RSS feeds on the fly,
based on a user's search term. In this case, your feed would take in query parameters:
http://www.mysite.com/mrss.php?page=3&term=ocean
 
Since this feed URL contains an ampersand, it needs to be encoded as:
http%3A%2F%2Fwww.mysite.com%2Fmrss.php%3Fpage%3D3%26term%3Docean
 
When encoding URLs, special characters are replaced with their encoded equivalents
(e.g., the slash / becomes %2F).
 
You can use the box below to encode a feed URL.
Type in text above, and the encoded text will display here
   
윗글 Midi drum shoes
아래글 Arduino Processing for Wii
    N         제목    글쓴이 작성일 조회 추천
7 minOPOSD is an add-on the ArduCamOSD avrtools™ 2013/02/11 (월) 872 0
6 30 boxes avrtools™ 2009/08/19 (수) 1578 0
5 FreeNas의 설치 avrtools™ 2010/01/11 (월) 2392 0
4 Fun Sound Processing avrtools™ 2012/03/29 (목) 1195 0
3 Midi drum shoes avrtools™ 2009/09/23 (수) 1436 0
2 COOL IRIS의 설치 (시작하기) avrtools™ 2009/09/11 (금) 1631 0
1 Arduino Processing for Wii avrtools™ 2008/09/05 (금) 1776 0
1

바구니 : 0
 보관함 : 0
오늘뷰 : 0
HOME   |   회사소개   |   제휴안내   |   회사위치   |   서비스이용 약관   |   개인정보 보호정책   |   사이트맵
17015 경기도 용인시 기흥구 동백중앙로16번길 16-25, 508호. 전화 : 031-282-3310
사업자 등록번호 : 697-47-00075 / 대표 : 이건영 / 업태 : 제조업 / 종목 : LED조명, LED전원, 제어장치.
개인정보 관리책임자 : 홈페이지 관리자 . Copyright ⓒ2016 아크레즈 (ACLEDS INC.)
HOME TOP PREVNEXT 0 0 0