2014. 5. 25. 16:42

http://blackheartman.tistory.com/attachment/cfile23.uf@03379B3A515DAB081F6E5E.apk


위의 링크에서 어도비 플래시 플레이어 apk 파일을 다운로드 받으신후에


폰에 파일을 옮기신후 설치를 하신다음 설정에서 인터넷 자바스크립트 허용 해주시면


스마트 폰으로도 브금 재생 가능합니다



단, 모바일 크롬이 아닌 모바일 기본 인터넷 어플로 핱브 사이트를 들어오셨을때 기준입니다 다른 브라우져로는 테스트를 해보지 않았습니다

혹시 모르시는분이 있지않을까 해서 올려봅니다

 

by loadofnight 

Posted by 하늘바라KSND
2014. 5. 25. 16:41

이글은

앞전의 글을 완벽하게 이해했다는 전제를 깔고 들어갈꺼야


하이튼


업로드를 하긴 하는데


 


 



이렇게 드래그를 해서

다 올려

(참고로 플레이어 만들려면 계정 하나 새로 파는걸 추천한다 )


다운허용은 알아서하고


이미지첨부 잊지마라.


하이튼 업로드 완료하면


쉐어눌러서


html은


<embed allowScriptAcess="never" allowscriptaccess="never" src="주소" width="900" height="350" />


이고

플래시 방식은


<embed allowScriptAcess="never" allowscriptaccess="never" src="주소" width="900" height="200" />



결과물은




 



퍼가기:

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F5839641&color=00d1ff&auto_play=true&show_artwork=tru" width="900" height="350" />




swf


퍼가기(자동재생):

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F5839641&color=00d1ff&auto_play=true&show_artwork=true&show_playcount=true&show_comments=false" width="900" height="200" />



ㅇㅇ


됐지?


끝.

 

by 전a설

Posted by 하늘바라KSND
2014. 5. 25. 16:38

https://soundcloud.com/


여기고

예전에 썻던 정성들여 다시 쓸필요는 없으니까


일단 계정은 알아서 만들어


업로드도 알아서해


준비물은:크롬(어 진짜 필요해 파폭되는지는 나도 몰라 일단 크롬 준비해)

올릴 mp3

니손



맨위에 업로드 딱 써져있다

파일 선택해서

파일올리면

 


 



이게 있는데

이미지라고 적어져있지

업로드해라

나중에 플레이어 해서 올리면 정말 뭐같이보이기도 하고 매너 없어보이니까

 


 


다운로드 디셈블있는데

그거는 다운금지고

그거 누르면 어셈블되서 다운할수있어

나같은 경우에는 다운 허용할꺼야

사클은 소스파야지고 절때 mp3못찾아 내가 해봤으니까

mp3는 되야할꺼아냐?

일단 허용


 


 



맨위에 파란색 주황색으로 채워진 로딩창있지?

저거 주황색 다채워지면

save 눌러라

이미지도 올리면 빗금 치면서 로딩될텐데 멍청이같이 save하지말고

이미지 로딩되면 save눌러라



하이튼 올려서


 

 


올린거 보면

share 있지 눌러


 


 


이창이 있는데


설마 색 못바꾸는 병신은 없겠지?


저기 둘다 체크하고 위젯코드 안에 있는거

복사해서


붙여넣기 해라


<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true"></iframe>


난 이거네?

근데 우린 이거만 필요함


https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true


h~true

까지 복사하는거야


그래

이제 공식에다 대입을 하면 되겠지 ?


공식

:

<embed allowScriptAcess="never" allowscriptaccess="never" src="주소" width="900" height="170" />


어디 메모장에다 붙여넣기해서 저장을 해놓든가해



하이튼

그러면

이렇게 되겠지.

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true" width="900" height="170" />


결과물


 



ㅇㅇ

보이지?

근데 이걸 크롬이 아닌 익스에서 작성하면

글작성할떄는 보이는데

쓰고 나면


<embed allowScriptAcess="never" allowscriptaccess="never" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true" width="900" height="170" />


그대로 남아있어


그러니까 크롬 사용해서 올리고


꼭 올려놓고

퍼가기:

쓰고

퍼가는 주소 써놓아라


예)


퍼가기:

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true" width="900" height="170" />



내가 착해서그런지는 몰라도 왜 이거까지 써주는지 모르겠네



자 근데 이 html방식이 안보이는 사람도 있단말야

브금 업로드 입장에서는 난처하지

사클로 업로드할때는 이래

1:리눅스 파폭 등 재생 안되는 유저 개무시

2:나처럼 착하게 html자동재생 걸어놓고 swf형식 자동재생아닌걸로 올려놓고 퍼가는 코드는 다 자동재생.

3.간지는 무시하고 걍 swf형식으로

근데 이때는 아이폰 유저를 개무시하는 상황이 발생


1.의 경우에는

걍 위에처럼 올리기만 하면되고

2의 경우에는


1+새로 배워야지


뭐 새로 배운다고 달라지는거는 없어



옆에 플래시 누르고

위에 처럼 체크표시 똑같이 해놓으면되


그리고 주소 퍼오면


<오브젝트 height="81" width="100%"><param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false" type="application/x-shockwave-flash" width="100%" height="81"></embed></오브젝트><span><a href="http://soundcloud.com/lcarus/bgm">은빛설원의 노래 (허스키익스프레스 메인bgm)</a> by <a href="http://soundcloud.com/lcarus">ϟlcarusϟ</a></span>



...존나길지 근데 우리가 필요한거는 주소딱 하나야 음 그러니까 ...


<오브젝트 height="81" width="100%"><param name="movie" value="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false" type="application/x-shockwave-flash" width="100%" height="81"></embed></오브젝트><span><a href="http://soundcloud.com/lcarus/bgm">은빛설원의 노래 (허스키익스프레스 메인bgm)</a> by <a href="http://soundcloud.com/lcarus">ϟlcarusϟ</a></span>


저 검은색 주소하고 초록색 주소야

근데 저 검은색은 가짜고

우린 초록색 주소만 필요해

https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false


이거네

그럼 1처럼

똑같이 공식 대입하면되

는 훼이크고

 

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false" width="900" height="80" />


여기 80으로 바꿔


결과물

 





 



2을 쓸때 정상적인글:




 


 

퍼가기:

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true" width="900" height="170" />



 

 



퍼가기(자동재생):

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&show_artwork=true&show_playcount=true&show_comments=false" width="900" height="80"/>


여기서


<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=false&amp;show_artwork=true&amp;show_playcount=true&amp;show_comments=false" width="900" height="80"/>


저 파란색


<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&amp;show_artwork=true&amp;show_playcount=true&amp;show_comments=false" width="900" height="80"/>


로 바꿔서



퍼가기(자동재생):

<embed allowScriptAcess="never" allowscriptaccess="never" src="https://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F92901176&color=00d3ff&auto_play=true&show_artwork=true&show_playcount=true&show_comments=false" width="900" height="80"/>


이렇게 써

ㅇㅇ


3은



여기서 play~~~auto 이거만 체크하고

2의 과정을 참고해


플레이어는 나중에.

 

by 전a설

Posted by 하늘바라KSND
2014. 5. 25. 16:32

유투브에서 음악을 자주 듣는사람이면 알겠지만 화질이 360p 이하인 경우엔 진짜 음질이 ㅈ같습니다

그래서 이번엔 브금으로 사용하기 유용한 설정인 자동재생, 그리고 음질이 병맛이 안되게 하기 위한 고화질 플레이를 해보겠습니다


단, 영상이 720p 화질을 지원해야 합니다

480p 영상 자동으로 되게하는건 모르겠음


 


embed 태그가 있습니다

작년까지만 해도 HD 재생태그가 있었는데 없어졌네요


일단 태그가


<iframe width="560" height="315" src="http://www.youtube.com/embed/fxfTL8etjAY" frameborder="0" allowfullscreen></iframe>


이렇게 되어있습니다

정말 기본적인 태그이군요


여기서 자동재생을 할려면

src 주소에

?autoplay=1

을 추가하면 됩니다

그러면 태그는


<iframe width="560" height="315" src="http://www.youtube.com/embed/fxfTL8etjAY?autoplay=1" frameborder="0" allowfullscreen></iframe>

가 됩니다


그외에 반복재생을 하고싶으면

http://heartbrea.kr/Tip/3645442 을 참고하세요


근데 이제 음질이 좆같은걸 브금으로 쓰기는 싫으니 음질을 높여야죠

음질을 높일려면 화질을 올려야 되는데 자동으로 화질을 올리는 방법은

src 주소에

?vq=hd720

를 쓰시면 됩니다

어떻게 쓰냐구요?



<iframe width="560" height="315" src="http://www.youtube.com/embed/fxfTL8etjAY?vq=hd720" frameborder="0" allowfullscreen></iframe>



이런식으로요
자동재생이랑 고화질 두 기능 다 쓸려면


<iframe width="560" height="315" src="http://www.youtube.com/embed/fxfTL8etjAY?autoplay=1&vq=hd720" frameborder="0" allowfullscreen></iframe>


별거 없습니다

그냥 두 설정값 사이에 & 만 넣으면 되는겁니다

by 死^死=254

Posted by 하늘바라KSND
2014. 5. 25. 16:30

고정 BGM 이란, 현재 게시글처럼 BGM이 스크롤을 따라서 움직이는것을 뜻합니다.

주로 스크롤압박이 심한 긴 게시글에 쓰면 됩니다.



스크립트:

 

 

<embed src="BGM 주소" style="position:fixed; right:0%; bottom:0%;">



스타일태그 구조 설명


position:fixed

태그의 위치를 설정, fixed(고정) 으로 되어있습니다.


right:0%

오른쪽 여백을 설정, 0%로 설정되어있습니다.


bottom:0%

아래쪽 여백을 설정, 0%로 설정되어있습니다.


왼쪽에 붙이고 싶다면

right:0% 대신, left:0% 를 붙이면 되겠죠?


그리고 위에 붙이고 싶다면

bottom:0% 대신, top:0% 를 붙이면 됩니다.



아까는 괜히 div 태그 만지는 바람에 잘못되어버렸네요.

이렇게 간단히 축약할 수 있는데 괜히;

by sprite

Posted by 하늘바라KSND
2014. 5. 25. 16:25

 


유튜브에 대해서 이름만 알고 자세한걸 많이 모르시는분들을 위해 정리합니다.


이 글은 굳이 읽을 필요는 없으며, 알아두면 기능상 편리합니다. 하지만 유튜브로 브금 업로드 하실 분들은 이 페이지는 반드시 읽어주세요.


1. 유투브? 유튜브?

많은 분이 헷갈리는 이름 표기이지만, 유튜브가 맞습니다. 유투브라고 주장하는 사람들, 그럼 수영장이나 해수욕장 갈때 끼고가는게 튜브가 아니라 투브라고 하는건가요?

2. 유튜브는 업로드 용량이 무제한이다?

 

아닙니다. 정확히말해서 한정적이라고 할 수 있죠. 하지만 어지간한 동영상은 다 올라갑니다. 그 한계가 어디까지냐고요? 2시간입니다.


2시간 넘는거 올라가는데?라고 물으시는 분들 계실겁니다. 근데 그거 제대로 올라가던가요? 아닙니다.


유튜브에서 2시간이 넘는 동영상을 올리기 위해서는 규정을 잘 지키고 동영상을 많이 올려야만 받는 '디렉터' 권한이 있어야 2시간이 넘는 동영상의 등록이 가능합니다.


근데 웃기는건 2시간짜리 넘는 동영상이 디렉터가 아니라도 업로드는 됩니다. 그래서 기껏 업로드 전부 기다렸는데 디렉터 권한 없다고 그냥 짤라버리죠.

3. 유튜브 기능 추가법 기본

유튜브의 기능에 대해서 설명하기 위해서 먼저 알아야할 것은 간단한 HTML에 대한 지식입니다. 이건 핱브인들이라면 embed를 쓰기때문에 익숙할겁니다만, 좀 형식이 다릅니다.


유튜브 주소를 한번 보죠.


보통 유튜브에서 공유를 누르면 아래와 같이 뜰겁니다. 유튜브코드라고 된 부분은 동영상 고유 코드를 말하는겁니다.

http://youtu.be/유튜브코드

절대로 이걸 브금주소창에 붙여넣지 마시고 링크 이외의 용도로 사용하지 마세요. 왜냐면 이건 정확한 주소가 아니라 리다이렉트가 걸린 주소라서 이걸 가지고 아무리 용을 써봤자 embed도 걸리지 않습니다. 올바른 유튜브 주소 형식은

http://www.youtube.com/watch?v=유튜브코드

혹은

http://www.youtube.com/embed/유튜브코드

입니다.


이중에서 사용하기 편한건 아래에 있는 http://www.youtube.com/embed/유튜브코드 입니다. 브금주소창에는 위에걸 넣어도 상관없습니다. 이제 이걸 가지고 한번 해보도록 하겠습니다.


1) 옵션 설정은 뒤에 ?를 붙여서 시작한다.

기본입니다. 주소창에 보통 보이는 ?는 뒤에 추가로 뭔가를 더 붙일거라는 일종의 명령어입니다. 이건 다른 사이트에서도 통용되는 말이니 익혀두면 참 좋습니다. 하지만 이걸 계속 사용하지는 않습니다. 반드시 이 표시는 한번만 써주세요.


2) 옵션 추가는 &로 추가한다.

시작은 ?로 하되, 여러개를 붙이고싶다면 뒤에다가 &를 붙여서 더 넣을 수 있습니다. 그러니까

http://주소창?옵션1&옵션2&옵션3...

이런식으로 간다는거죠.


기본은 이게 끝입니다. 다음은 이 옵션들에 대해서 알아보도록 하죠.


4. 유튜브 기능 옵션

위에 보이는 저 옵션들에다가 이제 넣을 명령어를 알아보겠습니다. 이건 외워두면 편해요.


1) 반복재생

loop=1

말 그대로 반복재생입니다. 1을 0으로 바꾸면 반복이 되지 않습니다. (* 추가: version=3, 그러니까 현재 버전에선 반복재생이 되지 않습니다. version=2나 1과 함께 써주세요.)


2) 자동재생

autoplay=1

마찬가지로 자동재생 코드입니다. 역시 0으로 바꾸면 자동재생이 안됩니다.


3) 버전 바꾸기

version=숫자

유튜브 동영상 버전을 바꾸는겁니다. 브금을 사용할거라면 숫자에 2를 넣는걸 추천하고, 작성일 기준으로 현재 버전은 3입니다. version=1은 제가 사용하지 않았으므로 앞으로 version=1에 대해서는 따로 언급하지 않겠습니다.


3-1) 재생바 숨기기

autohide=1

version=3에선 자동으로 숨겨지니 이건 version=2 한정입니다. 플짤에 유용하게 사용할 수 있습니다.


3-2) 제목 숨기기

showinfo=0

플짤 만들기 2단계


3-3) 컨트롤바 조종 못하게하기

controls=0

플짤 만들기 3단계. 이건 version=3에서만 사용가능합니다.


4) 재생바 색 바꾸기

color1=XXXXXXXX&color2=XXXXXXXX

version=2에서 재생바 색을 바꿀 수 있습니다. 저 뒤에 있는 8자리에 16진법으로 써주시면됩니다.

 


4-1) 깔끔한 회색

color1=99999999&color2=99999999


4-2) 뭔가 간지나는 까만색

color1=00000000&color2=00000000


4-3) 배경 완전히 흰색

color1=FFFFFFFF&color2=FFFFFFFF


5) 재생바 색 바꾸기2

theme=light

version=3에서도 됩니다. 하지만 이거 말고 다른 색을 찾을 수는 없네요.


6) 추천 동영상 표시안하기

rel=0


7) wmode

 

wmode 호환성 조절 옵션

wmode="transparent"

wmode="window"

wmode="opaque"

뭔지 모르겠는데 제보들어오니 일단 적어봅니다.

 


8) HD로 보기

vq=hdXXXX

저 XXXX부분에 숫자를 넣어주면됩니다. 일종의 화질 조정인데 주요 숫자로는 480, 720, 1080등을 넣어주면됩니다.


제보해주신 olleh님 감사합니다.


이 글은 더 추가될 수 있습니다.

 

by데반

Posted by 하늘바라KSND
2014. 5. 25. 16:24

바쁜 사람들을 위한 요약:


1. 유튜브 업로드를 한다.


2. 동영상 주소창에 있는 코드를 본다. (예. http://www.youtube.com/watch?v=9bZkp7q19f0에서 9bZkp7q19f0 부분.)


3. <embed src="http://www.youtube.com/v/유튜브코드?version=2&amp;hl=ko_KR&autoplay=1&loop=1&amp;rel=0" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>


유튜브코드라고 적힌 부분에다가 2번 코드를 복사해넣는다.


4. HTML 에디터에 통채로 복사+붙여넣기.


5. 완료.



유튜브 브금 플레이어 만들기


유튜브로 전환하게 된 이상 이제 이 유튜브를 브금형식으로 한번 만들어봅시다.


어차피 여긴 브금저장소이고, 재생바만 떡하니 나와있고 자동+반복재생만 되면 그냥 유튜브 쓰는게 낫습니다.


자 그럼 한번 해볼까요?


예시로 싸이의 강남스타일을 해보겠습니다.


*주의 강남스타일은 예시입니다. 국내 음원은 그냥 공식 동영상을 그대로 퍼와주세요.


http://www.youtube.com/watch?v=9bZkp7q19f0


들어가면 아래와 같은 페이지가 보일겁니다.


 


 


딱히 뭐 원곡인증따위 안해도 되겠죠?


뭔가 수상한 다운로드 버튼이 있지만 상관없어! 공유를 눌러줍시다.


 


 


URL 주소가 보일건데, http://youtu.be/ 부분을 http://www.youtube.com/watch?v=로 바꿔서 BGM주소 부분에다가 붙여넣기 해두세요.


뭔지몰라도 형식은 저렇게 하라네요.


이제 소스 코드를 눌러주세요.


 


 


동영상 채로 퍼올려면 그냥 저걸 복사해서 HTML 소스에다가 집어넣으면 되지만, 제가 원하는건 모양바꾸기+자동재생+반복재생이니 저거가지곤 성에도 안찹니다.


이전 소스 코드 사용에 체크를 해주세요.


 


 


소스가 확 바뀌었죠? 저걸 복사해서 HTML 편집기에다가 붙여넣기합니다.


 


 


이렇게요. 복잡하지만 embed 빼곤 다 필요없습니다. <embed> </embed>라고 된 부분 빼고는 앞뒤로 날려주세요.


그럼 아래처럼 되겠죠?


 




이제 저걸 수정합니다. 아래 3단계를 그대로 따라해주세요.


1.src=""이라고 된 부분에다가 적혀있는 주소가 보이시죠?

version=3을 version=2로 바꿔주세요. 유튜브 재생 버전을 바꾸는겁니다.


2.그리고 ko_KR&이라고 된 부분 뒤에 autoplay=1&loop=1& 을 넣어주세요.

자동재생부분이 autoplay=1 이고 반복재생이 loop=1입니다. 빼고싶으면 빼셔도 됩니다.


3.width="" height="" 여기 숫자를 각각 300, 25로 바꿔주세요.

동영상 크기를 변환할때도 저 숫자만 바꿔주면 바꿔집니다.


그럼 아래와 같은 소스 코드가 됩니다.


<embed src="http://www.youtube.com/v/9bZkp7q19f0?version=2&hl=ko_KR&autoplay=1&loop=1&rel=0" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>


아예 이걸 갖다가 9bZkp7q19f0이라고 된 부분만 동영상 코드로 바꿔줘도 됩니다.


이제 HTML모드가 아니라 에디터 모드로 가봅시다.


 




훌륭한 브금 플레이어가 됩니다.


아래는 크기만 바꾼 동영상 예시입니다. 예시를 잘못 들었네요;;

by 데반

 

'핱브팁게백업' 카테고리의 다른 글

고정BGM  (0) 2014.05.25
유튜브 추가적인 팁  (0) 2014.05.25
JW Player 를 일체화 해보자  (0) 2014.05.25
플레이어 태그 길이를 좀 줄여보자!  (0) 2014.05.25
jw플레이어22  (1) 2014.05.25
Posted by 하늘바라KSND
2014. 5. 25. 16:19

안녕하세요?

지난 jwplayer만들기에 이어 이번엔 한번에 xml를 통합하여 보겠습니다

준비물: jwplayer 소스(파일첨부 했습니다), xml파일 외부링크 3.16버전(playlist.xml) , Adobe Flash CS 6(다른버전이라도 됨. 필자가 Adobe Flash CS6 를 사용)

이렇게 있으면 준비 끝입니다 S

 

일단 압축 푸시고 mediaplayer-3-16\source 에 들어가시면 이렇게 있을겁니다

이렇게 정상적으로 압축이 풀렸다면

 

 

이렇게 있습니다

보시면 Kroeger_563.ttf 라는 폰트가 있는데 이 폰트가 설치되지 않았다면 설치해주세요

설치방법은 C:\Windows\Fonts

설치하셨다면 이제 source\com\jeroenwijering\players\MediaPlayer.as 입니다

 

 

 

여시면 대충 이렇게 열립니다

여기서 수정할건..

 

private var config:Objec.t = { // 오브젝트 단어 못쓰네
clip:undefined,
height:260, // 높이 조절(임시값. 수정안하는걸 권장)
width:320, 너비 조절(임시값. 수정안하는걸 권장)
controlbar:20, (기본값. 수정하지마세요)
displayheight:0 (상단에 이미지를 표시할 공간을 표시. 0일시 미표시)
displaywidth:undefined, (기본값. )

file:undefined,(playlist.xml 외부주소 입력)
fallback:undefined,
image:undefined,
link:undefined,
id:undefined,
type:undefined,
captions:undefined,
audio:undefined,
category:undefined,

frontcolor:0x000000, (글자 색상. RGB 표기)
backcolor:0xffffff, (배경 색상. RGB 표기)
lightcolor:0x000000,(커서댈때 색상. RGB 표기)
screencolor:0x000000,(기본값. 수정하지않는걸 권장)

autoscroll:"false",
largecontrols:"false",
logo:undefined,
searchbar:'true', (상단 검색바 설치 유무. false 하면 미설치. false로 표기하는걸 권장)
showdigits:'true',
showd|o|w|n|l|o|a|d:'false', // 아 ㅅㅂ 다운로드라는 단어 못쓰네
showeq:'false', (상단 랜덤으로 표기되는 이퀄라이저같은걸 표시. 표시할려면 displayheight 값 설정)
showicons:'true',
shownavigation:'true',
showstop:'false',
thumbsinplaylist:'false',(제목이랑 가수이름을 한칸띄워 입력할지 한줄에 다 입력할지를 설정. false로 할시 한줄에 다 표시. 대부분 플레이어가 false 로 사용함)
usefullscreen:'true',
fsbuttonlink:undefined,

autostart:'false', (자동재생 유무. true시 자동재생)
bufferlength:3, (기본값. 수정하지 않는걸 권장)
overstretch:'false',
repeat:'shuffle',
rotatetime:5,
shuffle:'false', (랜덤재생 유무. truet시 랜덤재생)
smoothing:'true',
volume:80, (소리크기 설정. 설정값: 0~ 100)

callback:undefined,
enablejs:'false',
javascriptid:'',
linkfromdisplay:'false',
linktarget:'_blank',
midroll:undefined,
prefix:'',
recommendations:undefined,
searchlink:'http://search.longtail.tv/?q=', (검색바 사용시 이동할 경로)
streamscript:undefined,
useaudio:'true',
usecaptions:'true',
usemute:'false',
usekeys:'true',

abouttxt:'JW Player 3.16', (컨텍스트 내용)
aboutlnk:'http://www.jeroenwijering.com/?about=JW_FLV_Media_Player' (컨텍스트를 누를시 이동할 페이지)
};

 

이정도로 적겠습니다

이렇게 자기 입맛게 설정하셨으면 source\mediaplayer.fla 를 열어서 컴파일 합니다

 

전 대충 이런식으로 했습니다(개조도 좀 했고..)

밑에꺼 베끼지말고 참고용으로 하세요(밑출친 aboutttxt2, aboutlnk2는 제가 새로 값 설정한겁니다. 혹시 플레이어만들때 이 값은 입력하지 마세요)

===================================================

 

/**
* Player that reads all media formats Flash can read.
*
* @author Jeroen Wijering
* @version 1.10
**/


import com.jeroenwijering.players.*;


class com.jeroenwijering.players.MediaPlayer extends AbstractPlayer {


/** Array with all config values **/
private var config:Objec.t = {
clip:undefined,
height:360,
width:420,
controlbar:20,
displayheight:0,
displaywidth:undefined,

file:'http://maplestory.dnip.co.kr/MapleStory.xml',
fallback:undefined,
image:undefined,
link:undefined,
id:undefined,
type:undefined,
captions:undefined,
audio:undefined,
category:undefined,

frontcolor:0xB5DFEF,
backcolor:0x5868A7,
lightcolor:0x0000FF,
screencolor:0x000000,

autoscroll:"false",
largecontrols:"false",
logo:undefined,
searchbar:'false',
showdigits:'true',
showd|ownload:'false',
showeq:'false',
showicons:'true',
shownavigation:'true',
showstop:'false',
thumbsinplaylist:'false',
usefullscreen:'true',
fsbuttonlink:undefined,

autostart:'true',
bufferlength:3,
overstretch:'false',
repeat:'shuffle',
rotatetime:5,
shuffle:'true',
smoothing:'true',
volume:90,

callback:undefined,
enablejs:'false',
javascriptid:'',
linkfromdisplay:'false',
linktarget:'_blank',
midroll:undefined,
prefix:'',
recommendations:undefined,
searchlink:'http://heartbrea.kr/?vid=&mid=bgmstorage&act=IS&is_keyword=',
streamscript:undefined,
useaudio:'true',
usecaptions:'true',
usemute:'false',
usekeys:'true',

abouttxt:'JW Player 3.16',
aboutlnk:'http://www.jeroenwijering.com/?about=JW_FLV_Media_Player',
abouttxt2:'MapleStory OST Player',
aboutlnk2:'http://maplestory.dnip.co.kr'

};


/** Constructor **/
public function MediaPlayer(tgt:MovieClip) {
super(tgt);
};


/** Setup all necessary MCV blocks. **/
private function setupMCV() {
// set controller
controller = new PlayerController(config,feeder);
// set default views
var dpv = new DisplayView(controller,config,feeder);
var vws = new Array(dpv);
if(config['shownavigation'] == "true") {
var cbv = new ControlbarView(controller,config,feeder);
vws.push(cbv);
} else {
config['clip'].controlbar._visible = false;
}
// set optional views
if(config["displayheight"] < config["height"]-config['controlbar']-config['searchbar'] ||
config["displaywidth"] < config["width"]) {
var plv = new PlaylistView(controller,config,feeder);
vws.push(plv);
} else {
config["clip"].playlist._visible =
config["clip"].playlistmask._visible = false;
}
if(config["usekeys"] == "true") {
var ipv = new InputView(controller,config,feeder);
vws.push(ipv);
}
if(config["showeq"] == "true") {
var eqv = new EqualizerView(controller,config,feeder);
vws.push(eqv);
} else {
config["clip"].equalizer._visible = false;
}
var cpv = new CaptionsView(controller,config,feeder);
vws.push(cpv);
if(config['recommendations'] != undefined) {
var rlv = new RecommendationsView(controller,config,feeder);
vws.push(rlv);
} else {
config["clip"].recommendations._visible = false;
}
if(config['searchbar'] > 0) {
var sev = new SearchView(controller,config,feeder);
vws.push(sev);
} else {
config["clip"].search._visible = false;
}
if(config['midroll'] != undefined) {
var mrv = new MidrollView(controller,config,feeder);
vws.push(mrv);
} else {
config["clip"].midroll._visible = false;
}
if(feeder.audio == true) {
var adv = new AudioView(controller,config,feeder,true);
vws.push(adv);
}
if(config["enablejs"] == "true") {
var jsv = new JavascriptView(controller,config,feeder);
vws.push(jsv);
}
if(config["callback"] != undefined) {
var cav = new CallbackView(controller,config,feeder);
vws.push(cav);
}
// set models
var mp3 = new MP3Model(vws,controller,config,feeder,config["clip"]);
var flv = new FLVModel(vws,controller,config,feeder,config["clip"].display.video);
var img = new ImageModel(vws,controller,config,feeder,config["clip"].display.image);
var ytm = new YoutubeModel(vws,controller,config,feeder,config["clip"].display.youtube);
var mds:Array = new Array(mp3,flv,img,ytm);
if(feeder.captions == true) { flv.capView = cpv; }
// start mcv cycle
controller.startMCV(mds);
};


/** Application startup, used for MTASC compilation **/
public static function main() {
var mpl = new MediaPlayer(_root.player);
}


}

 

===================================================

 

 

by 死^死=254

 

jw_mp3_player.zip

 

Posted by 하늘바라KSND
2014. 5. 25. 16:15

네 안녕하세요?

지난jwplayer 제작강좌에 그냥 참고될만한 글을 쓰겠습니다(3.16 버전 기준)


일단 jwplayer 태그가 대충 이런식입니다


<embed width="가로크기" height="세로크기" 
flashvars="config=config.xml 파일주소
&file=playlist.xml 파일주소"
src="http://share.dnip.co.kr/Files/Flash/Player/jw.swf"
type="application/x-shockwave-flash" autostart="true"/>

근데 여기서 config.xml이랑 playlist.xml 파일을 합할수 있습니다
바로 config.xml 파일에 다음과 같이 추가해주면 되는데요..

<file>playlist.xml 파일주소</file>

예제를 보자면

<config>
<allowscriptaccess>always</allowscriptaccess>
<allownetworking>all</allownetworking>
<allowfullscreen>false</allowfullscreen>
<file>playlist.xml 파일주소</file>
<autostart>true</autostart>
<repeat>always</repeat>
<shuffle>true</shuffle>
<icons>false</icons>
<volume>100</volume>
<linktarget>_top</linktarget>
<displayheight>0</displayheight>
<thumbsinplaylist>false</thumbsinplaylist>
<showeq>false</showeq>
<backcolor>0x5868A7</backcolor>
<frontcolor>0xB5DFEF</frontcolor>
<lightcolor>0x0000FF</lightcolor>
<overstretch>false</overstretch>
<usefullscreen>true</usefullscreen>
</config>

대충 위와같이 하면 되는겁니다
이렇게 설정하면 태그는 다음과 같이 줄어들게 됩니다
<embed width="가로크기" height="세로크기"
flashvars="config=config.xml 파일주소" src="http://share.dnip.co.kr/Files/Flash/Player/jw.swf"
type="application/x-shockwave-flash" autostart="true"/>


어때요, 정말 쉽죠?
 

by 死^死=254

Posted by 하늘바라KSND
2014. 5. 25. 16:13

자게에 어떤분이 프레이어 만들고 싶은데 리리슐츠님꺼 보고 못알아보겠다고 해서 다시 올립니다.

최대한 쉽게 풀어놓고 자세하게 설명했습니다

그리고 맨밑에 예제로 플레이어 실행되고 있는데, 듣기 싫으시다면 끄시고 봐주세요...

-------------------------------------------


안녕하세요?

이번 시간엔 jwplayer 를 이용하여 여러 mp3를 재생시켜보겠습니다


준비물: Apache or ngnix(선택), jwplayer(3.16), config.xml, list.xml

jwplayer 3.16: http://share.dnip.co.kr/Files/heartbrea/jw_player316.swf

config 양식: http://share.dnip.co.kr/Files/heartbrea/config.xml

list.xml 양식: http://share.dnip.co.kr/Files/heartbrea/list.xml


여기서 jwplayer는 플레이어 역할을 하고 건들일 필요가 없습니다

config.xml은 제목 그대로 설정 파일입니다. config.xml은 자동 재생, 플레이어 색상, 사운드 크기, 폰트 색상, 순차적 및 랜덤 재생 등... 사람으로 치면 머리겠죠

list.xml은 재생할 음악, 클릭시 이동할 주소, 타이틀을 담당합니다

만약 플레이어를 만들어서 웹에 게시하실땐 이글루스, 티스토리 같은곳에 업로드 하시면 됩니다

파일이름은 임의로 수정이 가능합니다


이제 config.xml를 만들어보겠습니다

양식을 다운받으면 대충 이런식으로 적혀 있을겁니다

-----------------------------------------

<config>
<allowscriptaccess>always</allowscriptaccess>
<allownetworking>all</allownetworking>
<allowfullscreen>false</allowfullscreen>
<autostart>true</autostart>
<repeat>always</repeat>
<shuffle>true</shuffle>
<icons>false</icons>
<volume>100</volume>
<linktarget>_top</linktarget>
<displayheight>0</displayheight>
<thumbsinplaylist>false</thumbsinplaylist>
<showeq>false</showeq>
<backcolor>0x5868A7</backcolor>
<frontcolor>0xB5DFEF</frontcolor>
<lightcolor>0x0000FF</lightcolor>
<overstretch>false</overstretch>
<usefullscreen>true</usefullscreen>
</config>

-----------------------------------------


<allowscriptaccess>always</allowscriptaccess>
<allownetworking>all</allownetworking>
<allowfullscreen>false</allowfullscreen>

이 위에 3개를 이렇게 설정시, >| 누르면 순차적 재생되고, 자동으로 노래가 끝나고 다음 재생으로 넘어갈땐, 랜덤으로 됨.(suffle 값을 ture 기준. 사용안할시, 위에 3개 없애도 무방)



autostart: 자동 재생 유무 설정입니다. true 하면 자동재생, false 하면 수동재생입니다

shuffle: true 설정시 랜덤 재생, flase 설정시 순차적 재생

icons: 아이콘 파일 유무 설정. 현 버전에서 지원되는지는 의문.

volume: 0~100 사이 값으로 설정. 100은 최대 음령

displayheight: 상단에 이미지 표시할 공간을 설정합니다. 0일시 표시가 되지 않습니다(이미지 표시를 할시, list.xml 수정)

showeq: 이퀄라이전가 뭐 그거 막대기 같은거 막 움직이고 하는거. true일시 표시

backcolor: 배경 색상

frontcolor: 맨앞에거 색상

lightcolor: 글자 마우스 커서 대면 색상




list.xml

-----------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title></title>
<info></info>
<trackList>
<track>
<creator></creator>
<title></title>
<location></location>

<image></image>
<link rel="captions"/>
<info></info>
</track>
<track>
<creator></creator>
<title></title>
<location></location>

<image></image>
<link rel="captions"/>
<info></info>
</track>
<track>
<creator></creator>
<title></title>
<location></location>

<image></image>
<link rel="captions"/>
<info></info>
</track>
</trackList>
</playlist>

-----------------------------------------


title: 제목

creator: 앨범재목

location: 음악파일 주소(http)

image: 플레이어 상단 이미지. 표시할시, config.xml displayheight 값 설정. 사용하지않을시

<image></image>

삭제해도 무관.


info: 오른쪽 화살표를 누를시 이동할 주소. 네이버 같은곳에선 통하지 않음. 사용하지 않을 시,

<link rel="captions"/>
<info></info>

둘다 지워도 됨



 

이때 크기는 480x360 로 가정할때 주소는

<embed type="application/x-shockwave-flash" src="jwplayer 주소" 
flashvars
="config=config.xml주소&amp;file=list.xml 주소"
wmode
="transparent" autostart="true" height="360" width="480">


============================================
============================================

이제 예제를 봅시다

config.xml (blog_config.xml로 사용)
-------------
<config>
<allowscriptaccess>always</allowscriptaccess>
<allownetworking>all</allownetworking>
<allowfullscreen>false</allowfullscreen>
<autostart>true</autostart>
<repeat>always</repeat>
<shuffle>true</shuffle>
<icons>false</icons>
<volume>100</volume>
<linktarget>_top</linktarget>
<displayheight>0</displayheight>
<thumbsinplaylist>false</thumbsinplaylist>
<showeq>false</showeq>
<backcolor>0x5868A7</backcolor>
<frontcolor>0xB5DFEF</frontcolor>
<lightcolor>0x0000FF</lightcolor>
<overstretch>false</overstretch>
<usefullscreen>true</usefullscreen>
</config>
--------------

list.xml(blog_list.xml)
--------------
<?xml version="1.0" encoding="UTF-8" ?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>unknown</title>
<info>unknown</info>
<trackList>
<track>
<creator>Fear, and Loathing in Las Vegas</creator>
<title>Burn the Disco Floor with Your “2-step”!!</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/01 - Burn the Disco Floor w...mp3</location>
</track>
<track>
<creator>Fear, and Loathing in Las Vegas</creator>
<title>Love at First Sight</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/04 - Love at First Sight.mp3</location>
</track>
<track>
<creator>SEAMO</creator>
<title>Kimini1nichi1kaisukitoiu</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/01 Kimini1nichi1kaisukitoiu.mp3</location>
</track>
<track>
<creator>Alexander Brandon</creator>
<title>Two Steps</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/01 Two Steps.mp3</location>
</track>
<track>
<creator>Alexander Brandon</creator>
<title>Snowstorm</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/06 - Snowstorm.mp3</location>
</track>
<track>
<creator>Simple Plan</creator>
<title>Take My Hand</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/02 Take My Hand.mp3</location>
</track>
<track>
<creator>Avril Lavigne</creator>
<title>Smile</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Avril Lavigne - Smile.mp3</location>
</track>
<track>
<creator>DJ Sammy</creator>
<title>Heaven</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/02. DJ Sammy - Heaven.mp3</location>
</track>
<track>
<creator>Ronald Jenkees</creator>
<title>Throwing Fire</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/05._Ronald_Jenkees_-_Throwing_Fire.mp3</location>
</track>
<track>
<creator>Italobrothers</creator>
<title>So Small (Dance Radio Edit)</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/08-italobrothers-so_small_(dance_radio_edit).mp3</location>
</track>
<track>
<creator>Maroon 5</creator>
<title>Payphone</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/02 - Maroon 5 - Payphone.mp3</location>
</track>
<track>
<creator>Boys Like Girls</creator>
<title>The Great Escape</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Boys Like Girls - The Great Escape.mp3</location>
</track>
<track>
<creator>Dash Berlin</creator>
<title>Go It Alone - Radio Edit</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/01. Dash Berlin - Go It Alone - Radio Edit.mp3</location>
</track>
<track>
<creator>Donkeyboy</creator>
<title>Stay</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/12. Stay.mp3</location>
</track>
<track>
<creator>DJ Manian</creator>
<title>Darren Styles - Outta My Head</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/13.Manian___Darren_Styles_-_Outta_My_Head.mp3</location>
</track>
<track>
<creator>DJ Manian</creator>
<title>Sky</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/32.Manian_-_Sky.mp3</location>
</track>
<track>
<creator>Sascha Grunwaldt</creator>
<title>alles was ich fuhle (cubase) improvised</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/alles_cubase.mp3</location>
</track>
<track>
<creator>David Defeis; Tobias Sammett</creator>
<title>Avantasia - The Final Sacrifice</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Avantasia - The Final Sacrifice.mp3</location>
</track>
<track>
<creator>B.O.B</creator>
<title>Airplanes (Feint Drum & Bass Remix)</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/B.O.B - Airplanes (Feint Drum & Bass Remix).mp3</location>
</track>
<track>
<creator>Feint</creator>
<title>Clockwork Hearts [forth. Subsphere Records]</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Feint - Clockwork Hearts [forth. Subsphere Records].mp3</location>
</track>
<track>
<creator>Pendulum</creator>
<title>Encoder</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/pendulum - encoder.mp3</location>
</track>
<track>
<creator>Siren & Sirrus</creator>
<title>Snowfall</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Siren & Sirrus - Snowfall.mp3</location>
</track>
<track>
<creator>Owl City</creator>
<title>Fireflies</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/09.Owl City-Fireflies.mp3</location>
</track>
<track>
<creator>Owl City</creator>
<title>Honey and The Bee</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/05 - Honey and The Bee.mp3</location>
</track>
<track>
<creator>Sum 41</creator>
<title>Still Waiting</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Sum 41 - 04. Still Waiting.mp3</location>
</track>
<track>
<creator>Sum 41</creator>
<title>Summer</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/08 - Sum 41 - Summer.mp3</location>
</track>
<track>
<creator>Muse</creator>
<title>New Born</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/03.New Born.mp3</location>
</track>
<track>
<creator>Muse</creator>
<title>Plug In Baby</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/05.Plug In Baby.mp3</location>
</track>
<track>
<creator>Nickelback</creator>
<title>When We Stand Together</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Nickelback - When We Stand Together.mp3</location>
</track>
<track>
<creator>Usher</creator>
<title>DJ Got Us Fallin' In Love Feat Pitbu</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/Usher - DJ Got Us Fallin' In Love Feat Pitbu.mp3</location>
</track>
<track>
<creator>Green Day</creator>
<title>21 Guns</title>
<location>http://share.dnip.co.kr/Files/blog/bgm/0000/16. 21 Guns.mp3</location>
</track>
</trackList>
</playlist>
------------

주소:
<embed type="application/x-shockwave-flash" src="http://share.dnip.co.kr/Files/Flash/Player/jw.swf" flashvars="config=http://share.dnip.co.kr/Files/Flash/Player/blog_config.xml&amp;file=http://share.dnip.co.kr/Files/Flash/Player/blog_list.xml" wmode="transparent" autostart="true" height="360" width="480">

by 死^死=254

Posted by 하늘바라KSND