방문객을 위한 여러가지 제안들을 보고 방문객을 배려한 멀티미디어 삽입방법 몇가지를 소개한다.
윈도우 미디어
자동재생을 막는 명령으로 autostart=false 코드를 사용하는 경우가 많다. 하지만 이것은 익스플로러에서만 작동하고 기타 브라우저(오페라, 파이어폭스)에서는 작동하지 않는다. 다른 브라우저에서도 수동 플레이로 지정하려면 autostart=0 으로 입력 해야 한다. (이 방법은 많이들 아실듯)
퀵타임 미디어
퀵타임은 방문객의 시스템에서 재생 자동/수동으로 제어판에서 설정해 줄 수 있다. 하지만 수동 플레이로 지정하였더라도 embed태그에서 지정한 미디어 파일을 자동으로 케쉬하기 때문에 시스템 설정과는 무관하게 접속시 버벅되거나 페이지 로딩이 느려지는 현상이 발생한다.(저사양의 방문객에게는 치명적이다.) 그리고, 자신의 호스트에 업로드 하여 스트리밍 할 경우 막대한 트래픽 소비로 인해 접속금지되는 사고가 발생하며, 특히 퀵타임무비를 비교적 많이 사용하는 외국사이트의 미디어를 링크할 경우 쓸데없는 트래픽 낭비로 한국 아이피 자체가 차단돼버리는 불상사도 종종 일어난다.(전국 네티즌에게 사죄해야 할 대사건의 주범이 될 수도 있다.)
이제부터 해결방법을 소개한다.
예제 : http://firejune.com/213
보통 퀵타임 무비를 삽입할 때 아래처럼 embed 태그를 사용했다.
<EMBED SRC="http://미디어주소/미디어이름.mov" width="480" height="286" autostart="false">
embed태그 대신 object 태그와 함께 용량이 작은 대문용(?) 퀵타임 무비를 사용함으로써 트래픽 낭비가 되는 케쉬를 막고 보기를 원하는 방문객은 클릭과 동시에 자동으로 플레이 되도록 할 수 있다. 코드가 약간 길어지고 번거로운 면이있어 귀찮지만 한번의 작업으로 영구적으로 사용 할 수 있으니 아래의 방법을 사용해 보자.
1. 아래의 링크를 다른이름으로 저장하여 대문용 퀵타임무비(door.mov)을 다운로드 한다.
http://firejune.com/media/door.mov
2. 다운로드한 대문 동영상을 자신의 ftp에 업로드 한다.
3. 그리고 아래의 코드를 사용하여 퀵타임 무비를 삽입한다.
<embed pluginspage="http://www.apple.com/quicktime/download/" src="미디어주소/door.mov" type="video/quicktime" width="너비" height="높이" controller="false" autoplay="true" href="http://미디어주소/미디어이름.mov" target="myself">
이상 간단한 방문객 배려팁(?)이었다.
Comments
Got something to add? You can just leave a comment.
참고하겟습니다^^! 근데 autoplay 를 false 로 하면 방문자가 클릭시에만
되는건가요..? 네이버처럼 맨 처음 게시글의 멀티미디어만 자동재생되게 하는것도
괜찮을것 같은데..~
reply edit
아 그리고 object를 사용으로 열려고 하는 파일이 스트리밍 파일 외에 mpg,mp3 같은
파일은 캐쉬되나요?
reply edit
와아 감사해요+ㅁ+)
익스만 쓰다가 모질라로 제 블로그 가보니 메인에 음악 파일 두개가 짭뽕으로 나와서
방법이 없을까 했는데 잘 쓰겠습니다.
reply edit
네 jueyin님 autoplay 를 false로하면 방문객이 직접 플레이버튼을 클릭해야 합니다.
윈도우 미디어를 사용하는 모든 메체는 로딩시에 연결을 채크하는 것으로 알고 있습니다. 플레이와 동시에 버퍼링을 시작함으로 자동으로 불러들이지는 않을것입니다.
reply edit
좋은 정보 감사합니다.....
워낙이 웹맹이라.....^^
reply edit
감사합니다. ^^
저도 우연히 어느분의 블로그에서 위 소스를 발견 하였습니다.
어느 블로그인지는 기억이.... orz....
reply edit
방문객을 배려한 멀티미디어 삽입 방법(wmv, mov)
아주 유익한 정보네요. 특히 object를 이용하는 방법은 아주 유용하겠는걸요. 감사합니다~ ^^
reply edit
유용하게 사용해 주세요!!
reply edit
태터툴즈의 글쓰기 입력기능을 확장해보자~
입력기능 확장과 더블어 이것도 사용했습니다. ^^;; 아직 테스트 안해봤지만..
(mov파일이 없어서..;;;) 링크로 인한 트래픽낭비를 줄일수 있는 방법이라기에 낼름
적용해봅니다..;;; 뭐 트래픽이 남아나긴 하지만요.. ^^;; 혹시 압니까..ㅎㅎㅎ
reply edit
제가 찾고 있던 바로 그것이군요 +_+
감사하게 사용하겠습니당 ^^
reply edit
별말씀을요 ^^
reply edit
미디어 플레이어에서 autostart = 0 으로 지정하면 파이어폭스용 미디어플레이어 플러그인에서도 자동 재생이 차단됩니다~
reply edit
Your Reaction Time!