Q: 동영상 위에 재생 버튼 넣기 / 동영상 정지 시 재생 버튼 보이기

1. 기본 버튼 이미지 생성

사용자 삽입 이미지






















2. 인스턴스명 및 설명:

flv 동영상: movie, 재생될 동영상
1번: over_btn, 동영상 위에 오버된 클릭 버튼 이미지, 클릭 시 동영상이 재생 되며 사라져야 함, 
2번: bar_play, 하단 동영상 컨트롤에 위치한 플레이 버튼, 클릭 시 동영상 재생 되어야 하며, 1번 버튼이 사라져야 함
3번: bar_stop, 하단 동영상 컨트롤에 위치한 정지 버튼, 클릭 시 동영상이 멈춰야 하며, 동영상 위 오버 클릭 버튼이 나타나야 함

3. 플래쉬 코드



재생 컨트롤 바 부분은 플래쉬에서 기본 제공하는 동영상 컨트롤 버튼을 이용하면 좀더 깔끔하지 않을까 싶긴 한데...
일단 내가 플래쉬를 제대로 다뤄보거나 플래쉬 코더는 아닌 관계로 그걸 수정하는건 잘 모르겠다는 ;;;;

뭐.. 어찌되었든 돌아가면 되는거지 머 하하하하하 ㅜ.ㅜ
다음에 볼때 까먹어서 헤메일까봐 적어놓은거라 더 좋은 코드 있으면 좀 알려주시와요~~ ^^

그리고 투덜거림들!!!

1. 아띵... F1누르면 나오는 도움말이 왜 플래쉬에 도킹되어 있는겨!!!! alt-tab으로 전환해서 볼수가 없잖아!!!!
2. 역시 플래쉬 입문서는 전혀 도움 안된다는!!! (뭐... 내가 플래쉬 애니메이터가 될 생각이 없어서 그런가...)
3. 저게 어려운게 아니라서 안나오는 것일수도 있는데... 당췌 검색 엔진에서는 찾을 수가 없을까나....
   암만 생각해도 검색엔진은 광고만 나오고 원하는 정보는 점점더 찾기 어려워지는듯.. 쩝..

National Geographic 영문판 정기구독 신청 방법에 대해서 작성하는 것이 훨씬 도움이 되겠지만,
이미 정기구독 중이기 때문에 정기 구독 연장하는 과정에 대해서는 간략하게 작성합니다.

1. National Geographic에서 발송한 메일을 통해 계정 번호를 확인 한후, 메일상에 기재되어 있는 ngmservice.com으로 접속을 합니다.
   (계정번호는 매월 발송되는 NG 잡지에도 기재가 되어 있습니다. 또한, 연장전에 NG에서 꾸준하게 메일로 연장하라고 보내옵니다.)

사용자 삽입 이미지

2. NG magazine customer service에서 붉은색 박스의 "미국, 캐나다 이외 지역 멤버"를 클릭 합니다.

사용자 삽입 이미지

3. 국가에서 해당하는 국가를 선택 합니다. (저는 당연히 South Korea)
사용자 삽입 이미지

4. Magazine Customer Services 에서 Renew Membership을 클릭 합니다.
사용자 삽입 이미지

5. 정기구독 기간을 다시한번 확인 하기 위해, 계정 번호를 입력 합니다.
사용자 삽입 이미지

6. 해외 결제가 되는 신용카드 정보를 넣어주고 나면, National Geographic 정기구독 연장이 완료 됩니다.

사용자 삽입 이미지

올해에는 2년 연장을 해서 $89.1 현재 환율로 약 12만원 정도 예상됩니다.
검색결과 수입대행 업체를 통해서 NG영문판을 정기구독하면 1년에 15만원이라는데,  보다 저렴한 값에 2년치를 정기 구독하게 되었습니다.  (환율 생각하면 참... 안습입니다. ;;;)

정기구독 신청하셨던 분들이야 별문제 없이 정기구독 연장하시겠지만,
정기구독 신청 과정을 별도로 스샷을 잡아놓지 않았던 관계로 아쉬움에 연장하는 과정이라도 스샷을 잡아봤습니다.

근데 정기 구독 계속 연장하면... Free Fleece Jacket은 안주는건가 -_-?

2월19일 추가

국내에서 NG영문판을 정기구독하는 비용은 1년 15만원 입니다. (18일 정기구독 권유 전화가 ;;;)
대신, NG 한글판을 서비스로 준다고 합니다만.... 원래 제작 좋아하던 잡지는 GEO 였던지라....

참고로, 2년째 NG를 정기 구독하고 있고 (사진만 봅니다;;;) 추가 2년을 연장한 상태이지만, 발송처는 차이가 생겼습니다.
첫 구독시에는 잡지 해당 월의 보름경에 도착을 했지만, 지금은 보름 또는 10일 먼저 받아 보고 있습니다.

즉, 2월19일 도착한 NG잡지가 2월호가 아닌 3월호입니다. 발송처는 (주)케이엠디엔으로 되어 있네요
  1. 2009.04.17 22:19

    비밀댓글입니다

    • 건이 2009.04.19 14:18 신고

      제가 알고 있는 지식내에서는 좋은 답변은 되지 못할것 같지만 서도,

      체크 카드의 경우에는 가지고 계신 체크 카드가 해외 결제가 가능한지 은행에 물어보셔야 합니다.

      제가 알고 있는 바로는 하나은행 비바 체크 카드는 가능하지만, 다른 체크 카드는 안되는 것을 알고 있습니다.

보통 DNS라고 하면 IP와 더불어 ISP에서 자동으로 할당 되는 것을 사용하게 됩니다.
KT Megapass인 경우 168.126.63.1 을 사용하는 군요.

보통 DNS 우회툴이라고 하는 것을 보게 되는데,
특별한 것은 아니고 컴퓨터에서 사용하는 DNS서버 주소를 변경하여 주는 것입니다.

사실, DNS 우회툴을 사용하는 이유는 ISP 에서 접속을 막아 놓은 사이트에 접속하기 위함입니다만,
그 이유라고 한다면 궂이 툴을 써가면서 우회할 필요 없이, OpenDNS 를 사용하면 됩니다.

OpenDNS : http://www.opendns.com

DNS 우회하기는 궂이 툴이 필요 없이 매우 쉽게 할 수 있습니다. :)
사실 우회해서 들어갈 만한 사이트는 제 기준에서는 없군요.

  1. 너른호수 2008.01.14 22:02

    결국은 프락시지 뭐(...

    예전에 오픈형 DNS라 해서 며칠 써봤는데 국내 사이트 접속에 약간 문제가 있었3...

  2. 건이 2008.01.19 02:17 신고

    근 반년간 OpenDNS를 쓰고 있는데 난 별루 문제점은 없었심.
    다만 없는 DNS를 있다고 나오는 경우가 있긴 하더군 ;;;

웹 서비스를 제공할 때 가장 큰 문제점은 웹 표준을 지킨다 하더라도
브라우저가 표준을 정확하게 지키지 않는 경우 별도 작업을 해줘야 합니다.

문제는 우리나라 IT환경에서는 MS IE의 이용 빈도수가 절대적이기 때문에
대다수는 MS IE 기준으로 작성하고 표준은 무시하는 경향이 강합니다.

여기서 재미 있는 것은 MS IE는 버전 6과 7이 또 틀리다는 것입니다.
즉, IE 7기준으로 작업하는 경우 IE 6에서는 전혀 다른 결과가 나올 수 있습니다.

이 경우 두대의 컴퓨터로 작업하기는 번거롭고, 여러개의 IE를 설치하고 싶을 때
이용할 수 있는 프로그램이 Tredosoft의 Multiple IE입니다.

http://tredosoft.com/Multiple_IE

사용을 해본 결과 하위 버전이 영문으로 설치되고, 플래쉬의 재생 시 자꾸 경고 메세지를
띄우는 것을 제외하고는 확인 시 사용하는데 큰 지장은 없었습니다.
(플래쉬 재생 시 자꾸 확인 하기를 원하는데, 악성 코드 같은 것은 자동 설치되는 걸 생각하면
  짜증나긴 합니다)

첨부를 하면, On Having Layout에 대한 내용에 대해서도 읽어 보시면 좋을 듯 합니다.
(MS의 haslayout에 관한 내용이고 IE 6,7의 해결 방법으로 알려진 방법입니다.
 저야 개발자가 아니니 잘 이해가 안가는 부분이긴 합니다~~ )

http://www.satzansatz.de/cssd/onhavinglayout.html

생간난 김에 W3C Validator (http://validator.w3.org/)로 개인 홈페이지를 체크하여 보니
무려 67개의 에러가 나타나는 군요....얼렁 수정 해야 겠습니다. (HTML 4.01 Strict 기준)
0. Preface

리뉴얼이 진행 됨에 따라 배너 영역을 변경할 필요성이 생겼습니다.
실서버와 동일한 테스트 서버 환경이 구축되지 않은 관계로 OpenAds 사용법을 익히기 위해서
개인 홈페이지 계정에 OpenAds를 설치하게 되었습니다.

- OpenAds를 설치하기 전 준비해야 하는 부분
   OpenAds 최근 버전 다운(http://www.openads.org/products/openads/download)
   OpenAds 이용 환경: Apache, PHP, MySql

1. OpenAds 설치 진행
    1.1 다운받은 파일을 웹서버 계정에 올려 놓은 후, 압축을 풉니다.
    1.2 IE or FireFox에서 OpenAds압축이 풀린 경로를 입력 합니다.
         (ex : www.example.com/openads )
2. OpenAds 설정
    2.1 간략한 동의 절차는 지나가고
    2.2 시스템을 체크 합니다.
          - tar 압축 파일을 지원하였으면 큰 문제가 없었겠지만, 일반 zip 파일로 압축되어
             있어 압축 해제된 폴더 사용 권한이 잘못되어 졌을 수 있습니다.
             이때에는 안내에 따라서 계정에서 권한 설정 작업을 해주시면 됩니다.



    2.3 OpenAds를 위한 DB 서버 설정을 합니다.
    2.4 나머지는 손쉽게 가능 할 것 입니다.
          (2.4 버전에서 한글을 선택하니 정상적으로 표시가 안되어서 저는 영문으로
           설치하였습니다.)
3. OpenAds 간략 설정
    3.1 배너 영역의 지정
         - 추후 보강 예정 (매뉴얼 제작이 필요해서)
    3.2 캠페인 등록
         - 추후 보강 예정 (매뉴얼 제작이 필요해서)
4. 웹페이지에 배너 삽입
    4.1 웹페이지에 배너를 삽입하는 방법은 iframe, JavaScripte등 여러가지를 이용할 수
         있으며, 배너 영역에서 배너의 Invocation code를 탭에서 다양하게 소스를
         얻을 수 있습니다.

5. OpenAds 통계 보기
    5.1 OpenAds 통계
    5.2 OpenAds 통계 자료는 늦게 뜨는가?
         회사에서 사용하고 있는 OpenAds 버전은 2.0 이고 개인 계정에 설치한 OpenAds는
         2.4버전입니다.  회사의 OpenAds의 경우 실시간으로 통계값이 뜨는 것에 비하여,
         개인 계정에 설치한 OpenAds의 경우 통계값이 실시간으로 나오지 않습니다.
         다만, DB를 확인하여 본 결과 DB에는 실시간으로 데이터가 쌓이는 것을 확인
         할 수 있었습니다.
         이런 경우 개인 계정 서버가 OpenAds의 데이터를 실시간 처리해 주기에는
         처리 능력이 떨어진다고 할 수도 있을 듯 합니다.
         (처음에는 DB 접속이 원활하지 않은가 의심하였으나 DB는 실시간을 쌓이고 있으니
          이 문제는 아니죠.)
   
  
ps. 이미지 등이 추가되는 경우는 업무 매뉴얼을 작성하였을 때 가능 하겠죠 :)

+ Recent posts