๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

blog/tip

[ํ‹ฐ์Šคํ† ๋ฆฌ/Tumblr/BGM/SCM music player] ์„ค์น˜ํ˜• ๋ธ”๋กœ๊ทธ์— ๋ฐฐ๊ฒฝ์Œ์•… ํ”Œ๋ ˆ์ด์–ด๋ฅผ ๋„ฃ์–ด๋ณด์ž!

+ 20130401
๊ฐ‘์ž๊ธฐ ํ”Œ๋ ˆ์ด์–ด๊ฐ€ ์žฌ์ƒ์ด ์•ˆ๋˜๊ธธ๋ž˜
ํ™•์ธํ•ด๋ณด๋‹ˆ๊นŒ ๋™์˜์ƒ์ด ์‚ญ์ œ๋œ ๋…ธ๋ž˜๋“ค์ด ๋งŽ๋”๋ผ๊ตฌ์š” ใ…Žใ…Ž
์œ ํŠœ๋ธŒ๋Š” ์ €์ž‘๊ถŒ ๋•Œ๋ฌธ์— ์ฃผ์†Œ๊ฐ€ ์ž์ฃผ ์ž˜๋ฆฌ๊ธฐ ๋•Œ๋ฌธ์—...
์žฌ์ƒ์ด ์•ˆ๋œ๋‹ค ์‹ถ์œผ๋ฉด ์ฃผ์†Œ ํ™•์ธ ํ•ด์ฃผ์„ธ์š” ~


 

- ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ƒ๋‹จ์— SCM Music Player๋ฅผ ์„ค์น˜ํ•œ ๋ชจ์Šต






ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ๋ฅผ ์“ฐ๋ฉด์„œ ๋…ธ๋ž˜๋ฅผ ๋ชป ๋„ฃ๋Š”๊ฒŒ ์ œ์ผ ์•„์‰ฌ์šฐ์…จ์ฃ ?

์ €๋„ ๋…ธ๋ž˜ ๋„ฃ์œผ๋ ค๊ณ  ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ์‹œ๋„ํ•ด๋ดค๋Š”๋ฐ

ํŽ˜์ด์ง€ ์ด๋™ํ•  ๋•Œ๋งˆ๋‹ค ์ƒˆ๋กœ ์žฌ์ƒ๋˜๋Š” ๋ฐ”๋žŒ์—

๊ฝค ์˜ค๋žซ๋™์•ˆ ํฌ๊ธฐํ•˜๊ณ  ์‚ด์•˜๋Š”๋ฐ์š”


๊ทธ๋Ÿฐ๋ฐ ์šฐ์—ฐํžˆ ๋‹ค๋ฅธ ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ SCM๋ฎค์ง ํ”Œ๋ ˆ์ด์–ด๋ฅผ ๋ณด๊ณ  ๋ƒ‰ํผ ์„ค์น˜ํ•ด๋ดค์–ด์š”

๊ทธ๋Ÿผ ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ• ์•Œ๋ ค๋“œ๋ฆดํ…Œ๋‹ˆ๊นŒ ๋”ฐ๋ผํ•ด๋ณด์„ธ์š” ใ…Žใ…Žใ…Ž

์ ˆ๋Œ€ ์–ด๋ ต์ง€ ์•Š์•„์š”!!!







์šฐ์„  ์†๊ฐ€๋ฝ ๊พธ์šฑโ™ก











1. SCM ๋ฎค์ง ํ”Œ๋ ˆ์ด์–ด ์‚ฌ์ดํŠธ์— ๋“ค์–ด๊ฐ€์„ธ์š”


http://scmplayer.net/






2. Choose Skin


๋ธ”๋กœ๊ทธ ๋ถ„์œ„๊ธฐ ๋”ฐ๋ผ์„œ ๋‹ค์–‘ํ•˜๊ฒŒ ๋ฐ”๊ฟ”๊ฐ€๋ฉฐ ์“ธ ์ˆ˜ ์žˆ์–ด์š” ใ…Žใ…Ž

์›ํ•˜๋Š” ์Šคํ‚จ์„ ์„ ํƒํ•˜๊ณ  Next ๋ฒ„ํŠผ ๋ˆ„๋ฅด์„ธ์š”!






+

๋˜๋Š” http://playlist.me/skins/ ๋“ค์–ด๊ฐ€์…”์„œ,

๋งˆ์Œ์— ๋“œ๋Š” ์Šคํ‚จ ์„ ํƒํ•˜๊ณ  'Player' ํƒญ ๋ˆ„๋ฅด์‹œ๊ณ 

๊ทธ๋Œ€๋กœ ์ง„ํ–‰ํ•˜์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค. 






3. Edit Playlist


์šฐ์„  ์œ ํŠœ๋ธŒ(http://www.youtube.com) ๊ฐ€์…”์„œ

์›ํ•˜๋Š” ๋…ธ๋ž˜์˜ ์˜์ƒ๋ฅผ ์ฐพ์œผ์‹œ๊ณ 

์˜์ƒ ์•„๋ž˜ ๊ณต์œ  ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ ์ฃผ์†Œ๋ฅผ ๋ณต์‚ฌํ•ด์ฃผ์„ธ์š”


๊ทธ๋‹ค์Œ ์•„๋ž˜ ์ด๋ฏธ์ง€์ฒ˜๋Ÿผ SONG URL์— ์ฃผ์†Œ๋ฅผ ๋„ฃ์–ด์ฃผ์‹œ๊ตฌ์š”

SONG TITLE์—๋Š” ๊ฐ€์ˆ˜ ์ด๋ฆ„๊ณผ ๋…ธ๋ž˜ ์ œ๋ชฉ์„ ์ž์œ ๋กญ๊ฒŒ ๋„ฃ์–ด์ฃผ์„ธ์š”

๋‹ค ๋„ฃ์—ˆ์œผ๋ฉด Next ๋ฒ„ํŠผ!







4. Configure Settings


์—ฌ๊ธฐ์„œ๋Š” ํ”Œ๋ ˆ์ด์–ด ์„ค์ •์„ ์ž์œ ๋กญ๊ฒŒ ํ•ด์ฃผ์‹œ๋ฉด ๋˜์š”


Autostart : ๋ธ”๋กœ๊ทธ ๋“ค์–ด๊ฐ”์„ ๋•Œ ์ž๋™ ์žฌ์ƒ

Shuffle Playback : ๋…ธ๋ž˜ ์ˆœ์„œ์™€ ์ƒ๊ด€์—†์ด ๋žœ๋ค์œผ๋กœ ์žฌ์ƒ

Default Volume : ๋…ธ๋ž˜ ๊ธฐ๋ณธ ์Œ๋Ÿ‰


Placement of Player Bar : BGM ํ”Œ๋ ˆ์ด์–ด ์œ„์น˜

Show Playlist by Default : ๋…ธ๋ž˜ ๋ชฉ๋ก ํ‘œ์‹œ ์—ฌ๋ถ€


์ €๋Š” ์•„๋ž˜ ์ด๋ฏธ์ง€์ฒ˜๋Ÿผ ์„ค์ •ํ–ˆ์–ด์š” ใ…Žใ…Žใ…Ž

์„ค์ • ๋‹ค ํ•˜์…จ์œผ๋ฉด Done ๋ฒ„ํŠผ ๋ˆŒ๋Ÿฌ์ฃผ์„ธ์š”!







5. ์™„์„ฑ๋œ ์†Œ์Šค ๋ณต์‚ฌํ•˜๊ธฐ 


์™„์„ฑ๋œ ์†Œ์Šค๊ฐ€ ๋‚˜์™”์–ด์š”!

์†Œ์Šค๋ฅผ ๊ธ์–ด์„œ ๋ณต์‚ฌํ•ด์ฃผ์„ธ์š”







6. ์Šคํ‚จ ์ ์šฉ ํ•˜๊ธฐ


- ํ‹ฐ์Šคํ† ๋ฆฌ - 

๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ(admin) ํŽ˜์ด์ง€์— ๊ฐ€์…”์„œ ์Šคํ‚จ ์ˆ˜์ • ํŽ˜์ด์ง€๋กœ ๊ฐ€์ฃผ์„ธ์š”

(ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” html/css ํŽธ์ง‘ ๋ฉ”๋‰ด)


html ํƒญ์—์„œ <body> ๋ถ€๋ถ„์„ ์ฐพ์•„์ฃผ์„ธ์š”!

body ๋ฐ”๋กœ ์•„๋ž˜์— ๋ณต์‚ฌํ•œ ์†Œ์Šค๋ฅผ ๋„ฃ์–ด์ฃผ์‹œ๊ณ  ์ €์žฅํ•˜๋ฉด ๋ ><







- ํ…€๋ธ”๋Ÿฌ -
ํ†ฑ๋‹ˆ๋ฐ”ํ€ด ๋ชจ์–‘์„ ๋ˆ„๋ฅด๊ณ  ๋“ค์–ด๊ฐ€์„ธ์š”
๋‹ค์„ฏ ๋ฒˆ์งธ ํƒญ์ธ ์ž์‹ ์˜ ํ…€๋ธ”๋Ÿฌ ์ด๋ฆ„์„ ๋ˆ„๋ฅด๋ฉด
์˜ค๋ฅธ์ชฝ ํ™”๋ฉด์ฒ˜๋Ÿผ ๋œจ๋Š”๋ฐ์š”
 Customize ๋ˆ„๋ฅด์„ธ์š”







์™ผ์ชฝ ๋ฉ”๋‰ด์—์„œ Edit HTML







1060๋ฒˆ์งธ ์ค„์—์„œ body๋ฅผ ์ฐพ์œผ์„ธ์š”

body ๋ฐ”๋กœ ์•„๋ž˜์— ๋ณต์‚ฌํ•œ ์†Œ์Šค๋ฅผ ๋„ฃ์–ด์ฃผ์‹œ๊ณ  ์ €์žฅํ•˜๋ฉด ๋ ><












๊ผผ๊ผผํ•˜๊ฒŒ ์“ด๋‹ค๊ณ  ๋…ธ๋ ฅํ–ˆ๋Š”๋ฐ...
์‰ฝ๊ฒŒ ๋”ฐ๋ผ ํ•˜์…จ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ์–ด์š”
ํ˜น์‹œ ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„ ์žˆ์œผ์‹œ๋ฉด ๋Œ“๊ธ€ ์ฃผ์„ธ์š”
๋ฐ”๋กœ ๋ฐ”๋กœ ๋‹ต๊ธ€ ๋“œ๋ฆฝ๋‹ˆ๋‹น ใ…Žใ……ใ…Ž