mp3 재생 audio 소스 사용법

[세라]

[ mp3 재생 audio 소스  사용법]
<audio  src="mp3 주소" controls  autoplay  loop></audio>
- 속성 사용법
 controls : 미디어 보이게 할 때 (삭제하면 미디어 안 보임)
 autoplay : 자동 재생할 때(삭제하면 수동 재생 상태로 됨)
 loop :반복 재생할 때(삭제하면 1회만 재생 됨)

사용 방법
- 기본 소스 사용 시 미디어 크기는 300 * 45 크기로 출력됨

- 미디어 안 보이게 할 때는 controls 를 삭제함
  <audio  src="mp3 주소"  autoplay  loop></audio>

- 미디어 크기를 다르게 나타낼 때는 아래의 style 속성으로 추가함
  style="width:00px; height: 00px" 
 예 : <audio style="width:200px; height: 25px" src="mp3 주소" controls  autoplay  loop></audio>
사용 예(수동 상태임) : 

- 소스 속에 곡명과 가수 명을 표시할 때는 
  - <audio>와 </audio> 사이에 입력하거나  <audio> 태그 속에 추가해도 됨
 예 : <audio  src="mp3 주소" controls  autoplay  loop>가곡-봄쳐녀 바이올린</audio>
 (미디어 출력상태에는 입력 내용은 표시되지  않음)

- 미디어에 테두리를 만들 때는 style 태그 속성을 사용해 추가함
  style="border:굵기  선모양 색상; border-radius: 20px"
  예 :  style="border:2px solid #0000ff; border-radius: 20px"
 사용 예(수동 상태임) : 

- 기타 
미디어의 바탕을 흑색으로 나타낼 때는 style 속성으로  filter:invert(); 를 추가함
예 :  style="width:200px; height:25px; filter:invert();" 
사용 예(자동 상태임) : 

filter:invert(); 의 속성값을 filter:invert(0.3);로 하면  

filter:invert(); 의 속성값을 filter:invert(0.7);로 하면