Html5 Video Tag

Web/Web Browser 2014.01.16 10:22

Internet Explorer 9 상위 버전부터 지원하는 Html5는 플러그인 필요없이 Video를 재생할 수 있다.

기존엔 <object> Tag를 이용해서 비디오나 오디오 플래시를 보여줬지만.

 html5가 나오면서 video태그를 사용할 수 있게 됐는데.

브라우저별로 비디오포맷을 지원해주는게 다 다르다



MP4 = MPEG4 파일은 H264 비디오 코덱과 AAC 오디오 코덱

WebM = WebM 파일은 VP8 비디오 코덱 및 보비스 오디오 코덱

- Ogg = Ogg파일은  Theora를 비디오 코덱 및 보비스 오디오 코덱


* wmv 윈도우 미디어 비디오(Windows Media Video)는 말그대로 MS에서 만들어져 ie에서 뿐이 지원을 안합니다.

  또한 윈도우8에서의 ie11버전은 데스크탑에서 wmv가 지원되지만 metro ui에서는 지원을 안합니다. 

  데스크탑에서 앞으로 wmv를 지원안할수도 있다는 말이 들리니..ie만 생각하고 잡으시더라도 wmv만 믿고 

  작업하시기에는 다소 위험하지 않나 생각 됩니다.


프로젝트를 들어가면서 꼭 생각해야 할 부분은 이건 어디까지 지원할 것인지 입니다.

ie만 지원할껀지 ie만 지원하면 어느 버전부터 어느 버전까지 할것인지.

아니면 Cross Browser(웹호환성)을 위해서 ie와 크롬, 사파리, 파이어폭스.. 무슨 브라우저를 지원할 것인지를 

정해야 UI를 잡는데 중요한 기둥이 될꺼라고 생각됩니다.



# Html5 video tag 예제

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

<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.(이 브라우저는 비디오태그를 지원하지 않습니다.)
< /video>

  

참고 : w3cschool

'Web > Web Browser' 카테고리의 다른 글

Html5 Video Tag  (0) 2014.01.16
웹표준 그리고 웹어플리케이션 개발 순서  (0) 2013.11.28

설정

트랙백

댓글

웹표준 그리고 웹어플리케이션 개발 순서

Web/Web Browser 2013.11.28 11:53

누가 물어봤다

"웹표준이 뭔지 알아?"

"어머; 당연히 알지 -_-+"

잠시 후..

내 멘토가 

따로 물어봤다.

"웹표준이 뭔데?!"

"헐 당연히 아는걸 물어봐;; 그니까.."

책에서도 인터넷에서도 수없이 봤으면서

정확한 뜻!을 간과하고 있었다.

전에 멘토가 웹브라우저에 대해 설명하면서 

웹접근성, 웹표준, 크로스브라우징을 명확하게! 설명해줬었다. 

근데 난 기억이 안난다...:(

멘토에게 다시 공부 당하는??? 김에

웹어플리케이션 개발 순서도 다시 한번~!


웹표준

W3C에서 권고하는 표준안에 따라 목적과 방법에 맞게 웹에서 사용하는 기술을 의미한다.

(와우 심플~)

웹접근성

접근성이란 장애인뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록 만드는 것을 말한다.

(어느 블로그에선가 웹표준을 설명한다고 타이틀을 걸고 내용은 웹접근성의 내용이었다. 그건 틀렸다 본다. 웹표준과 웹접근성은 엄연히 다름을 인지해야 한다.)

크로스 브라우징 (Cross Browsing)

웹페이지의 상호 호환성 (Cross Browsing) 구축.

모든 웹브라우저에서 100% 똑같이 보이고 작동하도록 만드는 것.

(한국소프트웨어진흥원 공개SW지원센터에서 제공한 자료. 읽어보자...나도;;)

crossbrowsing.pdf


웹어플리케이션 개발 순서

운영정책에 따라 웹접근성을 지원할 것인지 결정 → 

웹표준을 준수하여 코드 작성 → 

크로스 브라우징 테스트 

브라우저별 특성이 지니고 있는 스크립트 및 스타일시트 속성을 작성 → 

안정적인 웹어플리케이션 개발 완성~!!


안다고 대충 넘어가지 말고 정확히 알기!!







'Web > Web Browser' 카테고리의 다른 글

Html5 Video Tag  (0) 2014.01.16
웹표준 그리고 웹어플리케이션 개발 순서  (0) 2013.11.28

설정

트랙백

댓글