html6

html와 멀티미디어

  • 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: 포스터 이미지(비디오 재생할 수 없을 때 대신 재생) 지정