It's ihwan ::

'2010/02'에 해당되는 글 2건

2010/02/08 구글의 첫 TV 광고 (2)
2010/02/02 플래시를 간단하게 HTML에서 불러오는 방법 swfobject

구글의 첫 TV 광고

가져온자료 2010/02/08 11:38

구글의 첫 TV광고다.

구글로 모든것을 찾는다는 것을 보여준다.

조금 다르긴하지만 네이버, 다음등의 TV광고에서 본것 같은 느낌이다. 역시 구글은 검색창만 간단하게 보여주는구나 한눈에.

Posted by iHWAN

TAG TV, 검색, 구글, 네이버, 다음, 마운틴뷰

트랙백 0개, 댓글 2개가 달렸습니다

플래시를 간단하게 HTML에서 불러오는 방법 swfobject

개발 2010/02/02 20:53

swfobject 오픈 소스 프로젝트로 진행중이다.
http://code.google.com/p/swfobject/

웹표준에 부합하지 않는 플래시를 좋아하진 않지만, 플래시를 어쩔 수 없이 써야하는 경우가 있다. 동적인 컨텐츠를 로드한다랄지 클라이언트에서 그렇게 원한다던지...

근데 Internet Explorer와 FireFox는 서로 다른 방식으로 HTML 태그(embed, object)를 사용한다. 그리고 그 파라미터는 복잡해서 매번 컨텐츠를 넣을때마다 외울 수도 없고 항상 찾아서 넣어야 한다. swfojbect를 사용하면 이러한 불편함을 줄일 수 있고, 태그를 잘못썼나 하는 고민에서 해방될 수 있다. 그리고 무엇보다 몇줄만 추가하면 되고 스펙에 정의된대로 뿌려줄 수 있기 때문에 매우 편리하다.

기존 플래시 가져오는 코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
  <head> 
    <title>SWFObject - step 3</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <script type="text/javascript" src="swfobject.js"></script> 
 
    <script type="text/javascript"> 
    swfobject.registerObject("myId", "9.0.115", "expressInstall.swf"); 
    </script> 
 
  </head> 
  <body> 
    <div> 
 
      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"> 
 
        <param name="movie" value="myContent.swf" /> 
        <!--[if !IE]>--> 
        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"> 
        <!--<![endif]--> 
          <p>Alternative content</p> 
        <!--[if !IE]>--> 
        </object> 
        <!--<![endif]--> 
      </object> 
    </div> 
  </body> 
</html>

swfobject 사용후 변경된코드

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>

</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>