펌글

[스크랩] ② Embed로 본문에 음악 넣기

오늘어제내일 2009. 11. 19. 02:06
 

 

2~3회에 걸쳐 블로그 본문에

음악넣는 방법을 안내하고 있습니다.

초보자도 차근차근 해 볼 수 있도록

어려운 전문용어는 되도록이면 피하고 ^^
그림 설명도 붙여서 바로 블로그에 적용할 수 있도록

쉽게 써 보았습니다.
나름대로는.^^

 

차근차근, 하라는대로 따라해 보시기 바랍니다.

아시는 단원은 그냥 넘어 가시고,

중간에 모르는 과정이 있으면 의견글로 남겨 주시면

글을 보충하거나 답으로 알려 드리겠습니다.

 

글은 다음과 같은 순서로 이어지고 있습니다.

 

■ 지난 글

 

 

1. Daum 배경음악 블로그 본문에 넣기

1. 1) 기본 배경음악 넣기

1. 2) 본문따라 좌, 우, 중간으로 정렬하기

 

연재가 끝난 위의 글은
제목을 눌러 바로 가실 수 있습니다.

■ 오늘 연재 하는 글

 

 

2. Embed로 본문에 음악 넣기

2. 1) 미디어 플레이어 복사해서 붙이기

2. 2) Embed 태그로 음원 넣기

2. 3) Embed 태그내 각종 명령 익히기

2. 4) Style 명령으로 플레이어 색깔 바꾸기

2. 5) 특별한 나, 나만의 플레이어 색으로 꾸미기 

■ 다음에 연재 할 글

 

 

2. Embed로 본문에 음악 넣기

2. 1) 미디어 플레이어 복사해서 붙이기

2. 2) Embed 태그로 음원 넣기

2. 3) Embed 태그내 각종 명령 익히기

2. 4) Style 명령으로 플레이어 색깔 바꾸기

2. 5) 특별한 나, 나만의 플레이어 색으로 꾸미기 

 

 

2. Embed로 본문에 음악 넣기

 

 

 

1) 미디어 플레이어 복사해서 붙이기

 

 

첫번째 방법입니다.
쉬운 것부터 시작합니다. 남이 이미 해놓은 것을

가져오는 방법부터 알아야겠습니다.

알고 계신 분은 두 말하면 잔소리,
다음 단원으로 넘어가는 센스^^

 

 

1-① 발견

 

인터넷을 돌아다니다 보면 아래 그림에서 보여 주는 것과 같이

음악이 나오는 미디어플레이어를 발견 하실 수 있습니다.


 

 

참고로,

아래 그림에서 보는 것처럼
종류와 색깔은 여러가지가 있을 수 있겠습니다만,
다 같은 미디어 플레이어 종류입니다.

 

종류별로 만드는 방법에 대해서는
다음 다음의 2 - 3) 단원에서 알아보겠습니다.

 

 

 

 

 

1-② 복사

 

아래 그림처럼 발견한 미디어플레이어를 마우스를 드래그 하여 선택합니다.

 

물론, 마우스 드래그로 선택이 안되는 경우가 있습니다.
해당 게시물의 소유자가 복사해 가는 것을 싫어하는 겁니다.
이럴 땐, 안타깝게도 이 방법을 사용하지 못하는 것이죠.

마음씨 좋은 사람이 만든 다른 게시물의 음악을 찾아 자리를 얼른 뜨는 겁니다.^^
연재물을 차근차근 읽어보시면 다른 방법도 얼마든지 있다는 걸
아시게 될 겁니다. 암튼 하던 얘기 계속 됩니다.

 

암튼, 암튼, 마우스 드래그로 선택한 부분을 복사하기 위하여

키보드의 Ctrl키를 누르고 있으면서 C키를 눌러줍니다.

그렇게 하면 붙여넣기 할 때까지 컴퓨터가 기억하고 있게 됩니다.

 

 

 

1-③ 내 글에 붙여넣기

 

아래 그림처럼
내 블로그의 새글쓰기 원하는 위치에 붙여넣기 하기 위해

키보드의 Ctrl키를 누르고 있으면서 V키를 눌러주면 됩니다.

 

 

 

 

그럼 된 겁니다.

이번 단원 끝. ^^

 

 

 

2) Embed 코드로 음원 넣기

 

 

이 쯤에서 잔소리 한 마디, ^^
컴퓨터와 관련하여 배우실 때 유의하셔야 할 점은
어려운 코드나 명령어가 나올 때 당황하지 말아야 한다는 것 입니다.

어려운 말이 나오면, 그냥 '그런 게 있구나!', '이런 게 있는 모양이네!'
그러고 지나쳐도 아무 문제가 없습니다.

배운대로, 배운 것만 익히면 나중에는 능숙해 지는 것 입니다.
처음부터 완벽하게 배우려고 하는 것, 실패할 확률이 매우 높습니다.
결벽증을 가지거나 완벽주의자는 컴맹이 될 확률이 높아요.

 

여기서는 가르쳐 준대로만 익히면 됩니다.

하다가 모르면?
모르는 게 생기면?
당근 물어야죠. 씨~~게 ^^

 

그러면서 컴맹이 컴도사가 되어 가는 겁니다.
센스있게^^, 이어 갑니다.

 

 

2-① Embed 태그란?

 

 

음악이나 동영상, 플레쉬 등을

인터넷에서 돌리기 위한 명령어 입니다.

당근, 여기서는 음악과 관련해서만 이야기를 이어갑니다.

 

아래 그림과 같이 HTML(빨간원표시) 상태에서
작성하거나 볼 수 있습니다.

 

복잡하게 영어로 된 다른 명령어들은 '이런 게 있는 모양이네' 하면서
완전 무시하고 넘어갑니다. ^^ OK?

 

파란색 원 안에
빨간줄 좌~악 그어놓은 것,
그것을 음악을 들을 수 있는
Embed 태그라고 정의해 놓았습니다.

 

보시면 이런 식의 구조로 되어 있습니다.

〈EMBED src="음원주소"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉

 

 

 

 

 

여기 EMBED 태그 안에서 음원주소를 제외한 명령어들은

다음 단원인 3) Embed 태그내 각종 명령 익히기에서
상세히 설명 할 예정이므로 간단히 짚고만 넘어 가겠습니다.

 

여기선 몰라도 됩니다. '그런게 있구나'하고 그냥 넘어가셔도 됩니다.

처음엔 남이 해 놓은대로 그냥 복사해서 쓰거나
그대로 옮겨 적어놓고 쓰는 겁니다. ^^

 

그래도 미련이 남으니...^^ 위에 나온 것만 잠시 한 번 볼까요? ^^

 

〈EMBED src="음원주소"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉

 

 

autostart="true"

게시물을 열기만 하면
음악 자동으로 Play 하라.

Play를 눌러야만 노래가 나오게 하려면
"true" 자리에 "false"라고 적으세요. 

volume="0" 

볼륨을 최대로 하라.

volume="0" 라는 명령어 자체를 전부

지우면 중간 정도 음높이.

width=300

플레이어의 가로 길이(단위:픽셀)
바로 아래 그림 참고

height=45

플레이어의 높이(단위:픽셀)
바로 아래 그림 참고

loop="-1"

노래 반복을 몇 번 하나?

"-1"은 노래 끝나면 다시 계속 반복

"10"이라고 넣으면 당근, 10번. ^^

loop="-1" 라는 명령어 자체를 전부

지우면 딱 한 번만 노래 나오고.

 

 

 

 

 

 

2-② '음원주소'라니?

 

 

 음악이 있는 인터넷 주소를 말합니다.

 

대표적으로

파일 이름이 WMA, ASF, MP3로 끝나는 파일이 들어 있는 주소.

 

길거나 짧거나

http://로 시작해서 .wma로 끝나거나

http://로 시작해서 .asf로 끝나거나,

http://로 시작해서 .mp3로 끝나거나

 

mms://로 시작해서 .wma로 끝나거나

mms://로 시작해서 .asf로 끝나거나

mms://로 시작해서 .mp3로 끝나는데까지 있는 것이

음원주소 입니다.

 

위의 6개 중에 어떤 형식으든 하나만 있으면 되는 것이지요.

 

적용해 보면

〈EMBED src="http://로 시작해서 .wma"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉이거나

 

〈EMBED src="http://로 시작해서 .asf"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉또는

 

〈EMBED src="http://로 시작해서 .mp3"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉이렇게

 

〈EMBED src="mms://로 시작해서 .wma"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉이거나

 

〈EMBED src="mms://로 시작해서 .asf"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉또는

 

〈EMBED src="mms://로 시작해서 .mp3"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉이렇게

돼야 한다는 겁니다.

 

물론, 위의 6개 중에 어떤 형식으든 하나만 있으면 되는 것이지요.

 

 

 

 

2-③ '음원주소' 얻는 또 한가지 방법

 

 

음악이 흐르는 미디어플레이어를 발견하셨다면
아래 그림과 같이 해 봅니다.

 

그 미디어플레이어 위에 마우스를 올려두고 오른쪽 버튼을 누르세요.

그러면 그림과 같은 메뉴가 나옵니다.

메뉴 중에 속성을 선택하세요.

 

 

 

 

속성을 선택하면 아래와 같은 등록정보 창이 뜰 겁니다.

위치 부분에 음원주소가 나옵니다.

 

확인! ^^

 

 

 

아래 그림과 같이 주소 부분을 마우스로 쭈~욱 드래그 하시고...

드래그로 선택한 부분을 복사하기 위하여

키보드의 Ctrl키를 누르고 있으면서 C키를 눌러줍니다.

 

그렇게 하면 붙여넣기 할 때까지 컴퓨터가 기억하고 있게 됩니다.

 

 

 

 

이제 본인의 글쓰기 창에 음원주소붙여넣기 하는 것만 남은 겁니다.
음원주소 자리에 붙여넣기 하기 위하여

키보드의 Ctrl키를 누르고 있으면서 V키를 눌러주면 됩니다.

 

〈EMBED src="http://nonadress.com/6bb85c8590cfa7113b56/dat
a13/2006/1/5/127/lover-5820.wma
"
autostart="true" volume="0" width=300 height=45 loop=-"1"〉

 

이렇게 되면 본인의 블로그에서도 음악이 흐르는 겁니다.

 

 

다시 하는 잔소리 ^^

물론, 마우스 오른쪽 버튼이 작동 되지 않는 경우가 있습니다.
해당 게시물의 소유자가 복사해 가는 것을 싫어하는 겁니다.
이럴 땐, 안타깝게도 이 방법도 사용하지 못하는 것이죠.

마음씨 좋은 사람이 만든 다른 게시물의 음악을 찾아 자리를 얼른 뜨는 겁니다.^^
연재물을 차근차근 읽어보시면 또 다른 방법도 얼마든지 더 있다는 걸
아시게 될 겁니다. 암튼 얘기는 계속 됩니다.

 

 

 

 

참고가 되셨기를 바랍니다.

 

간단한 것이라 쉽게 하실 수 있겠지만

제 설명이 부족한 부분이 있을지 모르겠습니다.

제 블로그에서 질문 받습니다.
Click!

 

 

이어지는 다음 이야기는 Embed 태그 속의 명령어들의

기능과 다양한 활용을 알아보는 것 입니다.

 

위에서 맛보기로 보셨던 내용입니다.

다음과 같이 곧 연재 합니다.

 

 

2. Embed 코드를 이용한 음악 넣기

2. 1) 미디어 플레이어 복사해서 붙이기

2. 2) Embed 코드로 음원 넣기

2. 3) Embed 코드내 각종 명령 익히기

2. 4) Style 명령으로 플레이어 색깔 바꾸기

2. 5) 특별한 나, 나만의 플레이어 색으로 꾸미기 

 

 

인터넷에 저작권이 없는 음악이 제법 있습니다.

저작권 없는 음악을 찾으신다면 여기 링크를 참고하십시오.
http://blog.daum.net/mozzin/2919999

 

 

 

 

 

아래 들리는 음악은 인디밴드 MP3 전문사이트

www.millim.com에서 활동하는 뉴에이지 뮤지션 이철희님의
피노키오의 외출이라는 곡입니다.

 

출처 : ▒ 인터넷 별장
글쓴이 : 멋진백작 원글보기
메모 : 배울 것 넘 많아요.

'펌글' 카테고리의 다른 글

이런 사람...-펌-  (0) 2009.11.20
[스크랩] ♣전국 5일장 정보-  (0) 2009.11.20
[스크랩] ③ 본문에 음악 넣기 - Embed 용어 정리  (0) 2009.11.19
하트-펌-  (0) 2009.11.11
일관성 있는 사람-펌-  (0) 2009.10.17