소스방

블로그에 음악파일 올리는 방법

문성식 2010. 9. 23. 10:00

01. 파일 변환 mp3 -> wma

엠피3파일 용량이 대부분 2M가 넘기때문에 변환을 하여 용량을 압축합니다. 인코더 방법은

http://blog.naver.com/feel1892/20001489853 이 페이지에 자세히 나와있으니 꼭 보셔서 인코딩프로그램 설치하시고, 다음 음악파일을 인코더합니다. (주의! 여기서 인코더시 설명서에도 나와있지만 꼭 인코더옵션에서 비트전송률을 54kbps로 하세요.)

 

 

02. 네이버블로그에 음악파일 올리기

위에 변환한 wma파일을 블로그에 올리세요.

 

 

03. 에디트플러스 프로그램 설치하기

 

지금부터 직접코딩하는 방법을 알려드리겠습니다. 방법은 쉽습니다. 기본태그도 배우실겸~

에디트플러스프로그램 다운받기

에디트플러스 프로그램을 설치하세요. HTML 편집 프로그램입니다. 설치 -> 실행하셨으면,

첫화면 동의함을 누르신후 메뉴판에 파일 -> 새파일 -> HTML 페이지 클릭

 

 

04. 미디어 HTML 페이지 만들기

 

새 페이지가 열렸을겁니다. 거기에 다른 태그들 쓰여있을겁니다. 모두 지우세요.(ctrl+A -> delete)

다지우셨으면, 이부분을 복사하셔서 영원히(?) 가지고서 유용하게 쓰시면 됩니다.

 

<EMBED style="WIDTH: 74px; HEIGHT: 28px" src=여기에주소값넣기   type="text/plain; charset=EUC-KR" autostart="false">

 

위의것이 반자동(autostart="false") 미디어태그입니다. 말 그대로 autostart를 false로 해두면 다른 미디어가 있을때 재생되지않습니다. 그래야만 여러 미디어를 두었을때 모두 플래이가 되는걸 막는겁니다. 이부분에 관한 자세한 설명은 http://blog.naver.com/feel1892/20001489436 이페이지를 보시면됩니다.

 

 

05. 업로드한 파일 경로알기

아까 02.번에 블로그에 올린 파일의 경로값을 알아봅니다. 올려진 음악파일의 오른쪽클릭 -> 속성(등록정보) 클릭하면 새창이 열립니다. 거기서 주소 : (URL) 에 쓰여진 주소값 전부를 복사합니다.(* 더블 클릭하셔서 그대로 복사(ctrl+C)하시면됩니다.

그것을 에디트플러스 저 src= 이부분에 붙여넣기합니다.

(예:src=http://mfiles.naver.net/9f44a871643f53e1cb9e/2004/6/3/95/Aerosmith_-_Dream_On.wma )

 

 

06. 복사해서 블로그에 넣기

자 붙어넣었으면 이렇게 보이실겁니다. 예를 들어,

<EMBED style="WIDTH: 74px; HEIGHT: 28px" src=http://mfiles.naver.net/9f44a871643f53e1cb9e/2004/6/3/95/Aerosmith_-_Dream_On.wma   type="text/plain; charset=EUC-KR" autostart="false">

 

그 페이지 상태에서 ctrl+B 를 하세요. 그럼 다른페이지가 열려지면서 미디어막대가 보이실겁니다.

바로 그부분을 드래그 ctrl+C 복사하셔서.. 내 포스트안에다가 ctrl+V 붙이기하시면 됩니다. 끝^^*

(예:  사이즈는 임의대로 조절하세요.)  

 

. EMBED의 속성 지정

autostart=false/false

true의 경우는 로딩되자마자 자동실행된다.

hidden="true/false"

true인 경우 음악조절판이 보이지 않는다.

loop="수치/-1"

수치만큼 1회,2회 반복횟수를 나타내주며 -1일 때에는 무한반복

volume="수치"

수치"0"일때 볼륨최대

※ 위의 태그값을 아무곳에 집어넣으면 실행이 됩니다.

 

설명이 쉬웠는지요? 많은분들이 물으셔서 간단히 설명만 적어보았는데.. 의문점은 덧글달아주시고. 아님 안부게시판에 적어주세요. 고생끝에 낙이옵니다. 열심히 연습해보세요.

차후에 테이블 넣는 방법도 알려드리겠습니다.

출처 :들꽃이피는 언덕 원문보기   글쓴이 :

'소스방' 카테고리의 다른 글

글씨 그림자 생기는 소스  (0) 2010.09.23
embed 형식의(음악소스) 올리기  (0) 2010.09.23
★ 누구나 간단히 사용하는 태그 소스 ★  (0) 2010.09.23
태그 총정리  (0) 2010.09.23
글 옮기는 방법  (0) 2010.09.23