js를 이용한 스크롤 따라다니는 레이어는 부드럽기는 하지만 스크롤에 딱 달라붙어있는 느낌을 주진 못한다.
하지만 css를 이용하면 스크롤에 딱 달라붙는 느낌의 레이어를 띄울수 있다.
<div style="position: fixed;z-index:1;LEFT:expression((document.body.clientWidth-1034)/2+1035);top:230px;width:60px;left:1226px;border:solid 1px #CCC;"></div>
위 소스를 사용하기 위해서는 해당 페이지에
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
오늘은 웹상에서 음악을 재생하고자 할때 쓰이는 코드 중에 OBJECT 를 이용한 방법에 대해서 알아보기로 하겠습니다.
우선, 미디어 플레이어를 새창으로 띄우지 않고, 컨트롤러만 보이게하는 방법은 저번 시간에 알아 보았습니다. 여기에 OBJECT 와 PARAM을 이용해서 좀 더 다양한 기능을 컨트롤 할 수 있습니다.
가령 예를 들어, 뒤로 가기, 앞으로 가기 버튼을 없앤다던가, 링크 방지를 위해서 마우스 클릭 시 반응이 안되게 한다던가
말이죠. 또한 저번 시간에 배웠던 autostart라던지 loop 등의 기능은 모두 이 태그 안에 포함되어 있습니다.
안녕하세요. 봉구입니다.
오늘은 웹페이지에서 음악을 재생할 시에 많이 사용하시는 Embed 태그에 대해서 자세히 알아보고, 다음 시간에는 Object 코드와 함께 사용하면 어떠한 변화가 있는지에 대해서 살펴보기로 하겠습니다.
● Embed 태그 파헤치기!
웹상에서 음악을 재생할 수 있는 코드는 다들 알고 계시 듯이 <embed src="음악파일의 경로명"> 입니다. 여기에 몇가지 코드로 기능을 제어할 수 있습니다.
※ 크기 조절하기
뒤에 width 와 height 라는 태그를 넣어서 플레이어 창을 조절할 수 있습니다.
이때는 콘트롤 바도 같이 줄어들게 됩니다.
ex) <embed src="음악파일의 경로명" width="200" heigt="500"> : 플레이어 크기를 가로 200 세로 500으로 나오게 한다.
※ autostart="true 또는 false"
: 해당 페이지를 열었을때 음악을 자동으로 재생하게 하느냐(true), 아니면 플레이 버튼을 눌러야 재생되게 하느냐(false)를 결정하는 태그입니다. 이 태그를 넣지 않으면 자동으로 재생됩니다.
ex) <embed src="음악파일의 경로명" autostart="true"> : 자동으로 재생
<embed src="음악파일의 경로명" autostart="false"> : 수동으로 재생
※ hidden="true 또는 false"
: 음악을 재생하는 미디어 플레이어가 보이게 하느냐 안보이게 하느냐를 결정하는 태그입니다. 마찬가지로 "false"를 입력하면 음악만 들리게 되며, 태그를 넣지 않으면 기본적으로 보이게 설정되어 있습니다.
ex) <embed src="음악파일의 경로명" hidden="true"> : 미디어 플레이어가 안보임
<embed src="음악파일의 경로명" hidden="false"> : 미디어 플레이어가 보임
※ loop
: loop는 말 그대로 곡의 반복 재생 횟수를 결정해주는 태그입니다.
무한 반복을 원하시면 "-1"을 넣어주시면 됩니다.
ex) <embed src="음악파일의 경로명" loop="-1">
자. 오늘은 기본적인 음악 재생 태그를 알아보았습니다. 다음 시간에는 약간 수준을 높여서 콘트롤 바의 형식과 기타 여러 가지 기능을 태그로 제어할 수 있는 object와 param 태그에 관해서 알아보기로 하겠습니다.
감사합니다. :)
controler.zip