나를 계발하다
html6
- 1이전 버전까지는 플러그인 프로그램이 있어야 했음
지금은 html5에서 바로 재생 ex)유튜브
이젠 플래시 플레이어를 차단하고 있음
<object>와 <embed>로 외부 파일 삽입을 했음
지금은(html5) 사용 X - 2html5와 비디오 코덱
인코딩: 원본 비디오를 컴퓨터에서 사용할 수 있는 비디오 파일로 변환
디코딩: 파일로 된 정보를 가져와 플레이어에 보여줌
H.264/AVC: 고화질 영상, 유료 코덱이지만 온라인에서 사용할 때 무료로 가능
대부분 브라우저에서 지원 mp4,mov파일
오그 테오라: 공개 코덱(무료), ogv파일 형식, 화질 떨어짐
v8, v9: 오픈 소스로 공개한 코덱, webm파일에서 사용, 화질 좋음,무료
파이어폭스와 오페라, 크롬 등에서 지원
- 1html5와 오디오 코덱
MPEG-1 AUDIO Layer3(MP3 코덱)
가장 많이 사용, 유료
오그 보비스
무료, 음질 떨어짐, pc게임에 많이 사용
- 2html5 비디오 변환
인코딩 프로그램(인코더)를 이용해 비디오 파일 형식 변환 - 3오디오&비디오 재생하기
<audio>태그
배경 음악, 효과음 등 오디오 재생
autoplay: 자동 재생, controls:컨드롤막대 표시
<video>태그도 동일
<video autoplay controls width="300" height="150">
<source src="주소.mp4" type="video/mp4">
<source src="주소.webm">
<source src="주소.ogv">
</video> - 4preload: 재생하기 전 파일을 모두 다운로드 할 것인지, 일부 정보만 다운할 것인지 여부 지정
muted: 비디오를 재생할 때 소리를 끄고 화면만 재생(소리 필요 없을 때)
loop: 반복 재생
poster: 포스터 이미지(비디오 재생할 수 없을 때 대신 재생) 지정