RadarURL

웹 프로그래밍
2010.03.25 13:18

내 홈페이지에 FLV 플레이어를 달아보자

조회 수 7147 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄







http://www.jeroenwijering.com/?item=Flash_Video_Player










[이미지입니다. 클릭하셔도 작동안되요 ^^]

네오얼리에 보시면 FLV플레이어가 구동되는 게시물들 몇개 보셨죠? (EX. 예를 들면 이런 게시물 )
FLV플레이어가 뭐냐면 플래시로 컨버팅된 동영상을 재생할 수 있는 플래시 플레이어입니다.
이미 어느정도 주류화가 되었다고 생각하는데요 잘 아시는 YOUTUBE나 MNCAST등이 바로 FLV플레이어입니다.

이것을 본인의 홈페이지에 탑재하는 방법입니다.
자유게시판에 재아님의 요청으로 올려드립니다.
먼저 플레이어 소스는 http://www.jeroenwijering.com/?item=Flash_Video_Player 에서 다운로드 받으실 수 있습니다.
현재 3.8버전까지 런칭되어 있습니다.

비상업적인 홈페이지에서 사용하는 것은 무료이며 상업적인 홈페이지에서 사용하려면
15유로를 지불하면 별도의 플레이어를 제공한다고 합니다.
다운로드 받은 압축파일을 해제하면 다음과 같은 파일들이 들어있는데 다른건 신경쓰시지 말고
붉은 박스쳐놓은 flvplayer.swf 파일을 본인의 계정에 업로드 하십니다. 
그 경로를 기반으로 FLV파일을 재생할 수 있도록 일단 준비는 끝났습니다.



그럼 모든 준비는 끝났습니다. 이제 재생을 원할 FLV포맷파일을 계정에 업로드하고 둘을 싱크시키면 됩니다.
그리고는 다음과 같이 게시판이나 홈페이지에 입력해주세요.

<embed src="FLV플레이어경로" width="가로크기" height="세로크기" allowfullscreen="true" flashvars="&file=FLV무비경로&height=180&image=재생되기전 보여질 이미지경로&width=320" />


그외 플레이어 색상 바꾸기, 리스트 형식으로 재생되기, 워터마크 이미지등 매우 많은 옵션이 있지만
일반적으로 잘 사용할 필요는 없는 부분이며 그래도 나는 꼭 알아야겠다라고 생각하시는 분들을 위해
간편하게 Wizard홈페이지가 운영되고 있으니 참고하시면 되겠습니다.
속성을 암기하시지 못했을 경우에는 WIZARD를 사용하시는게 더욱 간편하니 이쪽을 권장드리는 바입니다.
http://www.jeroenwijering.com/extras/wizard.html




1. 어떤 형태로 구동할 것인가입니다. MP3플레이어도 있고 플레이리스트 설정등의 포맷도 있지만
일반적인 동영상을 구현하기 위해 A single FLV file을 선택합니다.

2. 설정을 잡는 곳입니다. 적어놓은대로 하시면 됩니다. 원본높이+20은 플레이어바때문에 무비원본보다 20을 더 크게 준것입니다.

3. 여기가 결과값이 생성되는 곳입니다. 하시고 카피하셔서 쓰시면 됩니다.

4. 결과값을 불러오는 곳입니다. 다 설정하시고 요부분을 클릭하시면 됩니다. 그럼 3번에 결과값이 뿌려집니다.

5. 보다 세부적인 옵션을 설정하는 곳입니다. 클릭하시면 하단에 세부옵션창이 튀어나옵니다.



-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

PS - 변화를 원해님의 질문에 추가로 답변 드립니다. 2007.6.8
MP3플레이어로 사용시 한곡 재생시에는 무비경로에 MP3경로를 바로 입력하시면 되지만
여러곡을 재생하시려면 플레이리스트를 XML로 작성하셔야 됩니다.
사용된 xml플레이 리스트를 예제로 올려드릴테니 다음 형식으로 작성하시고 확장자를 XML로 저장후 계정에 업로드 하시고
무비경로에 xml파일을 지정해주시면 됩니다. 샘플을 올려드릴테니 참고하시고 만들어보세요.

[sample xml파일]

<playlist version="1" xmlns="http://xspf.org/ns/0/">
 <trackList>



  <track>
   <title>곡제목</title>
   <creator>작성자 혹은 가수(일반적으로 가수) </creator>
   <location>MP3경로</location>
   <image>썸네일 이미지 경로</image>
   <info>클릭했을때 보내질 사이트 (본인홈페이지나 앨범정보 사이트) </info>
   <identifier>식별자(1,2,3...100등으로 명기하시면 됩니다.) </identifier>
  </track>



  <track>
   <title>Jazzalude</title>
   <creator>Basement Jaxx</creator>
   <location>http://www.jeroenwijering.com/upload/song2.mp3</location>
   <image>http://www.jeroenwijering.com/upload/basement.jpg</image>
   <identifier>123</identifier>
   <info>http://www.amazon.com/Rooty-Basement-Jaxx/dp/B00005K9V5/sr=8-3/qid=1166887603/ref=pd_bbs_sr_3/105-9454024-2355627?ie=UTF8&s=music</info>
  </track>



  <track>
   <title>Sunshine Up Ahead</title>
   <creator>Peter Jones</creator>
   <location>http://www.jeroenwijering.com/upload/peterjones_sunshine_lofi.mp3</location>
   <identifier>789</identifier>
  </track>



  <track>
   <title>Homeland</title>
   <creator>Postman</creator>
   <location>http://www.jeroenwijering.com/upload/song1.mp3</location>
   <image>http://www.jeroenwijering.com/upload/postmen.jpg</image>
   <info>http://www.amazon.com/Revival-Postmen/dp/B00005J8R7/sr=1-6/qid=1166887655/ref=sr_1_6/105-9454024-2355627?ie=UTF8&s=music</info>
   <identifier>456</identifier>
  </track>



 </trackList>
</playlist>

유용하게 사용하시구요 모르시는 점 있으시면 질문 언제든지 환영합니다.
고맙습니다 ^^



출처 : http://www.neoearly.com/bbs/zboard.php?id=webforum&page=1&sn1=&divpage=1&sn=off&ss=on&sc=on&select_arrange=headnum&desc=asc&no=61
?

공부 게시판

공부에 도움되는 글을 올려주세요.

  1. [공지] 공부 게시판 입니다.

    Date2003.08.18 By처누 Views928149
    read more
  2. [apache] HTTP/HTTPS 리다이렉트(Redirect/Rewrite) 하는 방법

    Date2025.09.11 Category웹서버,WAS ByJaeSoo Views7
    Read More
  3. http를 https로 리다이렉트하는 여러가지 방법

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views7
    Read More
  4. SSL인증서 없이 HTTPS에서 HTTP로 되돌리기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views8
    Read More
  5. [SSL] win-acme, Let's encrypt로 무료 SSL 인증서 발급

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views6
    Read More
  6. [SSL] Windows 10에서 Let's Encrypt로 SSL 인증서 무료 발급받기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views6
    Read More
  7. 무료로 https SSL/TLS 인증서를 발급받을 수 있는 인증 기관

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views6
    Read More
  8. 아파치 서버에 https SSL 인증서 적용하는 방법 (apache httpd)

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views6
    Read More
  9. 아파치2(Apache2) SSL HTTPS 적용하기

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views6
    Read More
  10. 아파치 웹서버에 멀티 도메인에 대한 80, 443 포트 설정하는 방법

    Date2025.09.10 Category웹서버,WAS ByJaeSoo Views14
    Read More
  11. Google Photo 대신 Immich를 써보자

    Date2025.08.07 Category소프트웨어 ByJaeSoo Views141
    Read More
  12. 남자 혹은 여자 진국 팁

    Date2025.07.24 Category연애 ByJaeSoo Views123
    Read More
  13. MBTI검사 16가지 유형 “간단 명료”하게 정리!

    Date2025.07.01 Category기타 ByJaeSoo Views148
    Read More
  14. [사진관리] PhotoPrism vs LibrePhoto 비교 소감

    Date2025.05.19 Category소프트웨어 ByJaeSoo Views23
    Read More
  15. MDF실, TPS실, EPS실 이게 뭘까?

    Date2025.04.15 Category네트워크 ByJaeSoo Views47
    Read More
  16. 알아두면 좋은 직장인 용어 정리

    Date2025.04.15 Category업무 ByJaeSoo Views49
    Read More
  17. 감기·독감·코로나19의 차이점, 신촌연세병원과 함께 알아봅시다.

    Date2025.01.08 Category건강 ByJaeSoo Views35
    Read More
  18. 집주인이 전세 보증금을 돌려주지 않을 때

    Date2024.11.29 Category생활 ByJaeSoo Views26
    Read More
  19. 자전거 타이어 종류 및 추천 2편 (승차감 타이어, 국토종주!)

    Date2024.10.15 Category자동차 ByJaeSoo Views53
    Read More
  20. 오도바이 센타 사장들은 어떤 브랜드를 싫어하고 좋아할까? [출처] 오도바이 센타 사장들은 어떤 브랜드를 싫어하고 좋아할까?|작성자 바이크신

    Date2024.10.15 Category자동차 ByJaeSoo Views85
    Read More
  21. 윈도우 자동 로그온 설정이 보이지 않을 때 조치사항

    Date2024.08.16 Category윈도우즈 ByJaeSoo Views203
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 124 Next
/ 124


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

숭실대 컴퓨터 통신연구실 (서창진)

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

아스가르드 좋은사람/나쁜사람

JServer.kr

제이서버 메타블로그

재수 티스토리


즐겨찾기 (강의, 커뮤니티)

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너