음악 태그의 종류
음악은 두가지로 쓰입니다
embed 와 [안내]태그제한으로등록되지않습니다-bgsound 로 사용합니다
홈페이지의 배경음악을 넣을 때 사용하는 태그 보통 midi파일을 사용
mp3나 wav도 사용 가능하지만 이 태그는 파일을 끝까지 받은 다음에 재생하기 때문에
시간이 오래 걸립니다.
[안내]태그제한으로등록되지않습니다-bgsound와 달리 다운로드와 동시에 실시간으로 재생시킵니다.
또한 여러가지 속성사용 가능
※ embed 태그 속성
autostart=true/false : true의 경우는 자동 실행 , false는 반대
hidden=true/false : true의 경우 음악조절판이 안보입니다, false일 때는 보이죠
loop=true/false : true의 경우 계속반복, false는 한번만
나타나는 이미지만 보세요 (음악주소는 이미지 나타내기 위해 거짓주소 입니다)
클릭시 로딩(미디어 막대 크기는 조절가능한것 아시죠)
6.로딩플레이 안보이게 하기와 무한 반복
예제는 안보이겠죠^^
리얼플레이어 파일(ra, ram)을 embed 태그로 듣기
<!-----한곡 게시판에서도-------->
<script src="https://t1.daumcdn.net/planet/fs5/18_2_18_14_2tT21_9756547_0_4.js?original&filename=mplay1_top.js"></script>
<script>
Rep=1 ; // 반복 설정(한번만:0 무한반복:1)
URL= "http://cafe183.daum.net/_c21_/pds_down_hdn?grpid=rsQY&fldid=3jX5&dataid=1&fileid=1??dt=20040807170530&realfile=%B8%F0%B5%CE%B0%A1+%C3%B5%BB%E7%B6%F3%B8%E9.asf&ln=null&grpcode=wpwndls&dncnt=Y&.asf" ;
</script><script src="https://t1.daumcdn.net/planet/fs5/18_2_18_14_2tT21_9756547_0_5.js?original&filename=mplay1_bottom.js"></script>
<!-------일장--------->
<script src="http://ledikid.cafe24.com/mplay1_top.js"></script><script>
Rep= 1 ; // 반복 설정(한번만:0 무한반복:1)
URL= "음악주소" ;
</script><script src="http://ledikid.cafe24.com/mplay1_bottom.js"></script>
<!-----대문에서만--------->
<embed src="http://cafe183.daum.net/_c21_/pds_down_hdn?grpid=rsQY&fldid=3jX5&dataid=1??dt=20040807170530&realfile=%B8%F0%B5%CE%B0%A1+%C3%B5%BB%E7%B6%F3%B8%E9.asf&ln=null&grpcode=wpwndls&dncnt=Y&.asf" autostart="true" loop="-1" hidden="true" volume="0">
<!--------여러곡재생시------->
-------------------------------------------------------------------------------------
<!-----랜덤 음악 소스 만들기------->
먼저 메모장을 펼치세요..
그런 다음 배경음악으로 넣고 싶은 음악 주소를 적습니다..
http://배경음악주소1
http://배경음악주소2
http://배경음악주소3
http://배경음악주소4
.
.
.
입력을 끝났으면 저장 ~
저장하실 때는 반드시 확장자를 .asx 로 하셔야 하구요. (예:aaa.asx)
홈페이지에 넣으실 때는요..
<embed src="http://asx 파일의 경로" width="0" height="0" border="0" loop=true></embed>
이런 식으로 넣으시면 됩니다.
width="0" height="0" 의 수치를 조절해 주시면 중지와 재생 버튼도 넣으실 수 있습니다..
<!--무한반복------>
음악 올리는 태그/ 반복/..
.. ■■■ 음악에도 그림처럼 주소를 갖고 있어요. ■■■
▶클릭해서 음악이 나오게 하는 태그는
<a href="음악 주소">제목</a>
여기에는 제목만 표면에 나타나서 클릭하게 됩니다
--------------------------------------------------------------------------------
▶제목이라는 텍스트 말고 이미지 주소를 넣으셔도 돼요.
앞에서 배웠지요?
<a href="음악 주소"><img src=이미지 주소></a>
이 태그 명령어는 음악 뿐만 아니라 음악 주소 대신 이메일 주소를 넣으면
자신의 메일로 갈 수도 있고, 즐겨 찾는 주소를 넣으셔도 됩니다.
--------------------------------------------------------------------------------
▶클릭하지 않고 조금 기다리면 저절로 음악이 흐르는 명령어
음악화일은 MP3 파일/mid파일 /asx파일/wav파일/ra 파일 /rm 파일/rpm 파일 등...
이 있습니다. 음악 주소 끝 부분에 보면 파일 구분을 알 수 있어요.
wav파일/mid파일:
<[안내]태그제한으로등록되지않습니다-bgsound src="음악 주소"loop=반복횟수>
asx파일:
<embed src="음악주소"></embed>
ra 파일 /rm 파일/rpm 파일
<embed src="음악 주소" controls="ControlPanel" type="audio/x-pn-RealAudio-plugin" width="350" height="36" autostart="true"></embed>
여기에서 loop=반복횟수를 빼면 한번 음악을 들을 수 있고 ,
loop=2하면 두 번 실행된다는 뜻입니다.
숫자를 빼고 infinite를 넣으면 스피커를 끄지 않는 한 계속들어야 합니다.
<!-----음악관련태그 총망라--------->
배경음악 관련 태그 사용법 총정리
빠른 변화 속에 바뀐게 많습니다
* 플레이어 설정을 잘해야 합니다
wav나 mp3를 미디어 플레이어에 설정해 놓지 않으면 에라가 날수 있습니다
1) [안내]태그제한으로등록되지않습니다-bgsound
1. 익스플로러 전용
2. 다운을 먼저 받고 실행(시간 소요와 보안 안됨)
3. html 화면에 차지하는게 없다
4. 리얼 플레이어,네스케이프 호완 관계로 embed로 대치 되었습니다
<[안내]태그제한으로등록되지않습니다-bgsound src="http://myhome.naver.com/gandt/cherry.wav"></[안내]태그제한으로등록되지않습니다-bgsound>
<[안내]태그제한으로등록되지않습니다-bgsound src="http://myhome.naver.com/gandt/tomato.mp3"></[안내]태그제한으로등록되지않습니다-bgsound>
<[안내]태그제한으로등록되지않습니다-bgsound src="http://my.dreamwiz.com/you3na/jsm3/jsm3_02.asf"></[안내]태그제한으로등록되지않습니다-bgsound>
<[안내]태그제한으로등록되지않습니다-bgsound src="mms://aod.muzcast.com/media003/audio/wma/wma27/p27160.wma"></[안내]태그제한으로등록되지않습니다-bgsound>
loop="10" : 10회 반복
<!------음악3곡랜덤소스---------->
노래 3 곡 랜덤 소스//
.. ASF음악만 넣어주세요
<script language="xxxxxxJavaScript">
var sound1=" 음악주소"
var sound2="음악주소"
var sound3="음악주소"
var x=Math.round(Math.random()*2)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else x=sound3
if (navigator.appName=="Microsoft Internet Explorer")
document.writｅ('<[안내]태그제한으로등록되지않습니다-bgsound src='+'"'+x+'"'+' loop="infinite">')
else
document.writｅ('<embed src='+'"'+x+'"'+'hidden="true" border="0" width="20" height="20" autostart="true" loop="true">')
</script>
loop="infinite" : 무한 반복
<[안내]태그제한으로등록되지않습니다-bgsound src="http://myhome.naver.com/gandt/cherry.wav" loop="infinite"></[안내]태그제한으로등록되지않습니다-bgsound>
2) embed
1. 익스플로러,네스케이프,리얼 플레이어,미디어 플레이어 호환
2. 다운을 먼저 받고 실행(asx 파일로 극복 : 실시간)
3. html 화면에서 차지
<embed src="http://myhome.naver.com/gandt/cherry.wav"></embed>
<embed src="http://my.dreamwiz.com/you3na/jsm3/jsm3_02.asf"></embed>
<embed src="mms://aod.muzcast.com/media003/audio/wma/wma27/p27160.wma"></embed>
<embed src="http://www.sbs.co.kr/music/wmko/f0001.asx"></embed>
loop="10" : 10회 반복
loop="true" : 무한 반복
hidden="true" : 화면 감춤(화면 차지),배경 음악
<embed src="http://www.sbs.co.kr/music/wmko/f0001.asx" loop="true"></embed>
<embed src="http://www.sbs.co.kr/music/wmko/f0001.asx" hidden="true"></embed>
<embed src="http://www.sbs.co.kr/music/wmko/f0001.asx" hidden="true" loop="true"></embed>
3) mp3 파일
필수 : autostart="true"나 autostart="false"
크기 조절 가능 : width="275" height="105"나 hidden="true"
autostart="false"일땐 width="275" height="105"
배경 음악
<embed src="http://myhome.naver.com/gandt/tomato.mp3" hidden="true" autostart="true"></embed>
4) 리얼 파일
필수 : type="audio/x-pn-realaudio-plugin"
autostart="true"나 autostart="false"
크기 조절 가능 : width="275" height="105"나 hidden="true"
autostart="false" 일땐 width="275" height="105"
<embed src="http://www.musiceye.net/pop/america/celine_dion-all_the_way_a_decade_of_song/track_07.ram" type="audio/x-pn-realaudio-plugin" autostart="true" width="275" height="105"></embed>
배경 음악
<embed src="http://www.musiceye.net/pop/america/celine_dion-all_the_way_a_decade_of_song/track_07.ram" type="audio/x-pn-realaudio-plugin" hidden="true" autostart="true"></embed>
<embed src="http://www.musiceye.net/pop/america/celine_dion-all_the_way_a_decade_of_song/track_07.ram" type="audio/x-pn-realaudio-plugin" hidden="true" autostart="true" loop="true"></embed>
wav 파일
1. 오디오 파일
mp3 파일
1. mp3형식 파일
2. 오디오 파일
asf 파일
1. 미디어 파일
2. 미디어 플레이어 하위 버전으로 생성
3. Windows Media Encoder로 오디오 파일 변환
4. wma파일로 대치(현 버전)
wma 파일
1. 오디오 파일
2. 미디어 플레이어로 생성
asx 파일
1. 스트리밍 파일
2. 오디오,비디오 파일을 실시간으로 보여줌
3. 장점 : 여려곡을 들을수 있다
보안(알수 있다)
다운금지(할수있다)
4. 만들기
간단히 주소만 넣으면 된다
http://myhome.naver.com/gandt/cherry.wav
http://my.dreamwiz.com/you3na/jsm3/jsm3_02.asf
mms://aod.muzcast.com/media003/audio/wma/wma27/p27160.wma
이렇게 넣고 ***.asx로 하면 끝
'━━━━ Perhaps > •……태그 HTML' 카테고리의 다른 글
| 마우스따라다니는 예쁜아이콘 (0) | 2007.10.23 |
|---|---|
| 작업표시줄에 시계넣기 (0) | 2007.10.23 |
| 게시판 고정배경및 이미지사이즈등등넣기 (0) | 2007.10.23 |
| 태그기초모음 (0) | 2007.10.23 |
| iframe / object 태그 (0) | 2007.10.17 |