카테고리 | html | 잡담 | 영어공부 | 수학 | 한글공부 | 컴퓨터공부 | 자격증 | javascript | php | mysql | c | cpp | api | mfc | java | zero | freeboard | game | stl | 오픈소스 | direct | xml | 정치 | 경제 | 생활/문화 | 세계 | IT/과학 | 지역 | 연예 | 스포츠 | 라이프 | 재미 | 주식 | 기타 | 사회
이전 페이지로

음악(SOUND) 태그

음악(SOUND) 태그


      ※ 현재 ram 파일이 재생중입니다. 중간쯤에 플레이어 있습니다.

      ※ sound 태그란 말 그대로 음악을 나오게하는 태그입니다.
            음악태그를 사용하기 위해서 우선 알아야 할 게 확장자입니다. 확장자는 간단하게 설명해서 음악파일의 맨 끝에
            나오는 .mid.asx등을 말하는 겁니다.  대표적인 걸로는 아래의 것이 있습니다.
            mid(미디) / wav / rm,ram / asx,asf   기타 mp3,au,..등이 있습니다.

          다른 확장자 정리한 것입니다.            확장자 보기

 

음 악 ( S O U N D )   태 그

태                    그

설                     명

 <bgsound src="음악주소">

이것은 네스케이프에서는 실행이 안되고 익스플로에서만 실행이 된답니다. embed는 파일을 다운 받으면서 실행이 되지만 이 것은 파일을 다 받은 후에 실행이 된다는 걸 아시기 바랍니다.

 <embed src="음악주소">

파일을 다운로드 받으면서 재생을 하기 때문에 보통 이걸 만이 쓰죠.

 <a href="음악주소" target-"new">아무  글자(음악 파일 곡명을 써주면 좋겟 죠)</a>

이것은 미디어플레이어나 리얼오디오 같은 재생기가 뜨면서 들려주는 겁니다. 배경음악으로 사용하는 것이아니라 음악 들려줄 때 사용하는 태그입니다.

 <object src="음악주소">

object 태그를 사용하는 사람들은 그다지 만치 안습니다. 이것은 embed와 같은 기능인데 새로운 창이 박히면서 거기에 음악상태바나 동영상이 나타나게 되죠. W3C에서 embed 보다는 object 를 사용할 것을 권고하고 있다네요. 

e m b e d   태 그   속 성

  autostart=true/false

true의 경우 로딩되자마자 자동실행되고 false의 경우 그 반대죠^^

  hidden=true/false

 음악조절판이 true의 경우 보이지 않고 반대로 false의 경우 보이게 됩니다.

  loop=true/false

true일 경우 계속 반복, false일 경우 한번만 반복이져^^ 

 showcontrols=true/false

false일 경우 화면은 보이고 플레이어의 조절판 하단은 안보임. true는 반대

  width=수치 height=수치

음악조절판의 좌우높이 조절을 하는 옵션입니다.

 

         mid(미디) 파일
             미디파일은 홈페이지의 배경음악으로 만이 쓰입니다. 이것의 장점은 용량이 작아서 빠른 로딩이죠.
                단지 단점이라면 음질이 다른 확장자 보다 좋지 않다는 거죠. 미디파일은 노래가사는 들리지 않고
                경음악 처럼 멜로디만 나온답니다. 아래 명령어를 써주시면 된답니다.
              <embed src="http://myhome.hananet.net/~kpy2one/mp3/sound.mid" autostart="false" hidden="false" loop="3"                 width="128" height="43">

   왼쪽의 play(▶)버튼을 누르시면 mid 파일을 들으실 수 있습니다.

 

 

          wav 파일

              이건 용량이 만아서 배경음악 으로는 잘 사용하지 않습니다. 굳이 사용 하시겠다면 "loop=반복횟수"
                 사용하시기 바랍니다.  간단하게 자신의 목소리나 인사말을 녹음시켜 홈페이지에 삽입시킬때 많이 사용합니다.   
                 노래를 웹상에서 직접 듣는 것은 용량이 크기 때문에 부담이 되겠죠..  

 

          다른 확장자 파일도 마찬가지로 <bgsound src="음악주소"> <embed src="음악주소"> 이런 식으로 사용                   하시면 됩니다. 여기에 표에 나와 있는 속성을 지정해주면 되겠죠.

 

          리얼플레이어로 가능한  rm / ram 파일을 object 태그로 올리는 방법.

                 

                  <object classid="clsid:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA" width="200" height="20"
 
                  id="Real System">
                  <param name="_ExtentX" value="7938">
                  <param name="_ExtentY" value="2646">
                  <param name="Autostart" value="True">
                  <param name="BACKGROUNDCOLOR" value="#000000">
                  <param name="CENTER" value="0">
                  <param name="CONTROLS" value="ControlPanel">
                  <param name="loop" value="true">
                  <param name="SRC" value="http://oxtag.com/html/music/ram/contract.ram">
                  </object>

          ▶ 실 행 화 면(현재 재생중입니다!)  

           

위 방법은 복잡 하시죠 다른 방법입니다.

                             예             제

          실   행   화   면

 

<embed src="http://oxtag.com/html/music/ram/contract.ram" type="audio/x-pn-realaudio-plugin" height="60" width="275" controls="controlpanel,statusbar"><br>controlpanel,statusbar

    
             controlpanel,statusbar

 

<embed src="http://oxtag.com/html/music/ram/contract.ram" type="audio/x-pn-realaudio-plugin" height="40" width="275" controls="controlpanel"><br>controlpanel

    
                       controlpane

 

<embed src="http://oxtag.com/html/music/ram/contract.ram" type="audio/x-pn-realaudio-plugin" height="25" width="35" controls="playbutton"><br>playbutton

                           
                       playbutton

 

오른쪽 실행 화면에 리얼 플레이어가 보이지 않는다면 당신의 컴에 리얼오디오가 설치되지 안았다는 것입니다. (웨만하면 자주 쓰는 프로그램이니까 다운 받으세요....^^;;;)



               이런 방법으로 embed에 리얼 오디오 파일을 플러그인 시키는 겁니다.
               이
color 부분이 플러그 인을 해준 부분입니다.(수치는 여러분이 알맞게 조정 하세요.)

옵                션 수                치
   All     width="275" height="125"
   stopbutton     width="35" height="25"
   playbutton     width="35" height="25"
   controlpanel     width="275" height="40"
   controlpanel,stautsbar     width="275" height="60"
   controlpanel,infovolumepanel     width="275" height="105"
  

             



이전 페이지로


전체 페이지수 : 79, 게시물 수 : 790
랜덤게시물 : 글자내용중 숫자만 별도로 처리 하는방법 그림이 아래로 떨어지게 하는 효과2 지역변수, 전역변수, 정적변수 예쁘고 능력있는 여자친구(배용준 전 애인), 어떤가요? 이건희회장없는 삼성의 대 외주업체 서비스 개선 비교 연산자, 논리 연산자 토익시험 자료 모음 1 리투아니아 의 재미있는 볼거리/이중 가장 재미있는 행사품은?? api 퍼즐 ㅋㅋ 해수욕장서는 담배 못 피운다? 사무자동화산업기사 실기 요령 mysql 트랜잭션 사용하기 상속(Inheritance MB노믹스, 포기해야 하나? 기다려야 하나?? 깜박이는 글자 6.2 list 연산 수학 연산 함수 수학 중간 정리 여권발급기관 4.2 컨테이너 선택하기


링크 : 중독성게임 | 디펜스게임 | 심리테스트 | 웹게임 | 종이접기 | | 자동차갤러리 | 고전게임 | 성경바이블 | 개발 | 다운 | 자유 | 웃긴 | RSS | UCC | 유니티