[HTML] html multimedia 관련 태그들

출처 : http://www.w3schools.com/html/html_media.asp

The HTML Object Element

- <object> tag 는 plug-in 을 위한 태그.

Playing Wave Audio Using QuickTime

<object width="420" height="360"

classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 

codebase="http://www.apple.com/qtactivex/qtplugin.cab">

<param name="src" value="liar.wav"><param name="controller" value="true">

</object>

Playing SWF Video Using Flash

<object width="400" height="40"

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/

pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">

<param name="SRC" value="bookmark.swf">

<embed src="bookmark.swf" width="400" height="40">

</embed>

</object>

Playing WMV Movies Using Window Media Player

<object width="100%" height="100%"

type="video/x-ms-asf" url="3d.wmv" data="3d.wmv"

classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<param name="url" value="3d.wmv">

<param name="filename" value="3d.wmv">

<param name="autostart" value="1">

<param name="uiMode" value="full"><param name="autosize" value="1">

<param name="playcount" value="1"> 

<embed type="application/x-mplayer2" src="3d.wmv" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed>

</object>

HTML Audio

Using The <embed> Element

- <embed> tag 는 external content 를 담는 그릇이다.

- <object> 와 거의 같은 기능이다.

Problems

- <embed> 는 HTML4 에 속하지 않는다. ( 5에는 포함 )

- browser 마다 support 하는 audio format 이 다르다.

Using the HTML5 <audio> Element

- HTML4 에는 속하지 않는다.

- format 전환이 필요하다.

The Best HTML Solution

- HTML5 의 audio element 를 이용하여 여러가지 format을 동시 제공하는 것.

The Easiest Way to Add Audio to Your Site

<a href="horse.mp3">Play Sound</a>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">

</script>

Using A HyperLink

- hyperlink 로 연결해 놓으면 helper application 을 연결한다.

Inline Sound

- sound 가 page의 part 로 포함되어 있는 경우를 inline sound 라 말한다.

- inline sound 는 보통 유저를 짜증나게 하는 좋지 않은 UX이다.

HTML Videos

The Best HTML Solution

- <video> <source> <object> <embed> 를 이용하여 여러가지 format과 fallback을 제공한다.
  ( 참고로 embed는 HTML5에서 deprecated )

<video width="320" height="240" controls="controls">

   <source src="movie.mp4" type="video/mp4">

   <source src="movie.ogg" type="video/ogg">

   <source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320" height="240">

    <embed src="movie.swf" width="320" height="240">

</object> 

</video>

 

기본적인 특성은 audio 와 같다.

도움이 되셨다면 손가락 꾸욱~ ( 로그인 필요 x )