랜드모아
랜드모아[손님] 검색 로그인   
랜드모아
 
동영상관련
 


HTML5 비디오 태그와 mp4 파일로의 인코딩
  2017-03-23 22:58:22 댓글:(0)   조회:670


HTML5 비디오 태그와 mp4 파일로의 인코딩 




HTML5 포멧의 비디오 태그
______________________________________________________________________________
<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
   <video  id="video" width="320" height="240" controls poster="하늘2.png">
      <source src="테스트.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
    지원하지 않는 브라우저 입니다.
   </video> 

<body>
</html>

______________________________________________________________________________  


이전에는 윈도우의 익스플로러에 의한 동영상 재생이 대부분이었습니다.
그래서 많은 인터넷 동영상 서버들이 WMV 포멧으로 동영상을 재생하곤 했습니다.
물론 프로그램을 하는 사람들의 입장에서는 코딩과 제어도 따로 추가 해야 했구요.

하지만 최근 많은 브라우즈가 HTML5를 지원하면서 별도의 외부프로그램에 의존하지 않고 동영상이나 소리를 재생하게 되었습니다.

때문에 많은 스트리밍 동영상 서버들은 WMV 파일의 포멧을 MP4나 MKV, OGG 등으로 변환하여 사용해야 하게 되었네요.

여기서는 간편하게 다음의 팟인코더를 활용하여 WMV 파일로 된 동영상을 스트리밍 가능한 MP4 파일로 변환하는 방법을 알아봅니다.




위 화면은 [다음팟 인코더]에서 [불러오기] 버턴을 눌러 변환할 WMV 파일을 연 모습입니다.
여기서는 꼭 WMV 파일인 아니라 어떤 포멧의 동영상  파일이라도 스트리밍 가능한 동영상 파일오 변환될 수 있습니다.

참고로 나중에 인코딩된 파일이 저장될 하단의 [저장폴드]를 확인하시고 마음에 들지 않으면 변경해 두시면 됩니다.
새로운 포멧으로 인코딩하기 위해 [환경설정] 버턴을 누릅니다.





여기서는 mp4 파일로 변경이 되어야 하므로 우측 상단은 [mp4 설정]이 나와야 합니다.
비디오 코덱 : MPEG-4 AVC/H264
오디오 코덱 : Advanced Audio coding(AAC)
화면 크기는 적당히 
화면 비율유지에 체크하시고 하단의 확인을 누르시면 설정은 끝납니다.

참고로 이 설정을 나중에도 사용해야겠다고 생각이 되시면
하단의 [내설정 주가] 버턴을 클릭하세요.




그러면 현재의 내용을 저장할 설정이름을 묻습니다.
여기서는 [mp4설정]이라고 적어 봤습니다.
설정이 끝났으면 위 환경설정 우측하단의 [확인] 버턴을 클릭해 설정을 끝냅니다ㅏ.





위 화면은 어떤 포멧의 비디오와 오디오 코덱으로 인코딩하여 파일명은 어떤 것으로 할지에 대한 내용입니다.
파일명의 확장자 : mp4로 되어야 하며
비디오 코덱 : H264(AVC1)
오디오 코덱 : AAC 로 되어 있어야 합니다.

만약 위와 다르다면 설정이 잘못된 것이므로 참고하여 다시 설정하세요.
설정이 끝났으면 [인코딩시작] 버턴을 클릭합니다.
 




위 화면은 인코딩이 끝났다는 것을 나타냅니다.




위 첫머리에 있는 코드를 브라우즈에서 실행해 본 것입니다.
참고로 이 포멧은 익스플로러 9 이상, 크롬, 사파리 정도에서 작동됩니다.





 댓글 (0)


동영상관련
페이지: 1 / 2   

 

  다음팟플레이어 재생정보 감추기
다음팟플레이어 재생정보 감추기조회(387)          




  다음팟플레이어 동영상 재생정보 화면에 보이기와 감추
다음팟플레이어 동영상 재생정보 화면에 보이기와 감추기 방법[재생정보 출력화면]다음팟플레이에서의 재생정보에는 재생되고 있는 동영상 파일이름과 재생시간 등이 출력됩니다.경우에 따라서는 요긴한 정보일 수 있으나, 어떤 경우는 참으로 성가신 상황도 생깁니다.이럴경우, 팟플레이에에서 동영상 재생정보를 감추기 하는 방법입니다.물론 재생정보를 보이게 하고 싶은 조회(370)          




  direct copy - 다음팟인코더 동영상 편집시
direct copy - 다음팟인코더 동영상 편집시 작동이 중지될 때[Daum PotEncoder Application의 작동이 중지되었습니다.]다음팟인코더로 동영상자르기를 하면 상당히 편리합니다.동영상 자르기도 [direct_copy]로 하여 다른 동영상이나 사진들과 함께 사용하기에 유용합니다.그런데 어느순간부터 위와 같은 애러메시지를 내면서 작동조회(422)          




  아이크로소프트의 윈도우즈 무비메이커 다운로드 및 설
아이크로소프트의 윈도우즈 무비메이커 다운로드 및 설치다운로드 링크 : https://www.topwin-movie-maker.com/조회(327)          




  다음 팟플레이어-소리만 나오고 영상이 나오지 않을때
다음 팟플레이어-소리만 나오고 영상이 나오지 않을때최근에 동영상을 pc에서 재생할 경우는 많은 분들이 [다음 팟플레이어]를 사용하는 것 같습니다.아무래도 코덱이 내장되어 별도로 코덱에 대한 신경을 쓰지 않아도 되기 때문이겠지요. 아무 문제없이 잘 나오던 [다음 팟플레이어]의 영상이 나오지 않고 검은 화면으로만 나옵니다.물론 화면은 조회(415)          




  캠타시아 소리 배속 설정 - camtasia 빨리감
캠타시아 소리 배속 설정 - camtasia 빨리감기 동영상 편집이나 캡쳐로 가장 쉽게 사용할 수 있는 것 중에 하나가 캠타시아일 수 있습니다.동영상을 편집하다 보면 더러는 빨리 지나치고 싶은 구간이 있을 때가 있습니다.그렇다고 잘라 버리기는 아쉽고, 너무 시간을 많이 소모하기는 번거롭게 느껴지는 경우가 해당됩니다.이렇게 해당 부분을 빠른 배속으로조회(168)          






  유튜브 다운로드 - 유튜브 youtube 동영상 쉽
유튜브 다운로드 - 유튜브 youtube 동영상 쉽게 다운로드 하는 방법 유튜브가 전세계의 동영상을 모두 장악하다시피 하고 있습니다.누구나가 유튜브에 접속을 하여 동영상 시청을 하고 있는 실정입니다.그러다 보니, 더러는 다시 보거나 다운로드 받아 보고 싶은  욕구도 생깁니다.여기서는 유튜브 동영상을 쉽게 다운로드하는 방법을 알아 봅니다.단조회(135)          




  다음팟 플레이어 자동 업데이트 금지
다음팟 플레이어 자동 업데이트 금지다음팟 플레이어를 사용하다보면 수시로 업데이트 메시지가 나옵니다.여기서는 다음팟플레이어가 자동 업데이트를 하지 않도록 하는 방법을 알아봅니다,[다음팟 플레이어 실행]다음 팟플레이어를 실핼한 다음 플레이어의 회멩엣 미우스 우클릭하여 [환경설정]을 선택합니다.참고로 키보드의 [F5]펑션키가 단축키로 작동을 합니다.&nb조회(132)          




  크롬을 이용한 페이스북 동영상 다운로드
크롬을 이용한 페이스북 동영상 다운로드 페이스북을 이용하다 보면 가끔은 재미있는 동영상을 발견하곤 합니다.그런데 다음에 다시 보고자 찾으려면 거의 불가능한 경우가 대부분입니다.다음 한번 쯤 더 보고 싶어 동영상을 다운로드하고자 할 때 사용할 수 있는 방법입니다.여기서는 구글 크롬의 스마트폰에서의 기능을 이요해 다운로드하는 방법입니다.다시 말헤 구글의 크롬만조회(3154)          




  웹서비스 - 페이스북 동영상 다운로드하기
웹서비스 -  페이스북 동영상 다운로드하기  페이스북을 보다보면 의외로 참신한 동영상도 나타납니다.다음에 한번 더 보고싶어 다운로드 해 두고 싶은 충동도 생길 수 있습니다.이럴때사용할 수 있는 사이트가 있어 소개 합니다.  [[1]]일부러 프로그램을 설치해 두지 않아도 되니 편리하기도 합니다.단, 저작권 문제로 인해 다운로드 받은조회(3121)          




  동영상에서 소리, 음성 제거하기 - 다음 팟인코더
동영상에서 소리, 음성 제거하기 - 다음 팟인코더 이용  동영상에서 때에 따라 소리를 제거하고 싶은 경우도 있습니다.더러는 소리없이 영상만 누구에게 보여주고 싶다거나, 아니면 추후에 조금 다른 상황에서 별도로 녹음을 하여 붙이는 경우도 해당하겠네요.아뭏던 여기서는 다음팟 인코더를 이용해 동영상에서 소리를 제거하는 방법을 알아봅니다. [==조회(5593)          




  윈도우즈 바탕화면에 글씨쓰기 그림그리기
윈도우즈 바탕화면에 글씨쓰기 그림그리기동영상을 만들거나 누구에게 설명을 하는 경우 마우스 커스로 사용하면서 설명을 하면 효과가 있을 것 같습니다.컴퓨터로 공부를 할 떄도 밑줄을 긋고 글끼를 쓰면서 좀 더 효과적인 방법으로 사용할 수 있지 않을까 생각됩니다.여러가지 프로그램들이 있지만 사용하기 편하고 심플한 [ScreenMaker.exe] 라는 프로그램으로 조회(5286)          




  mms 등 동영상 주소찾는 프로그램 URL snoo
mms 등 동영상 주소찾는 프로그램 URL snooper 프로그램 다운로드 : http://www.donationcoder.com/Software/Mouser/urlsnooper/index.html위주소로 제작사이트를 방문하면 아래와같이 페이지가 나온다.좌측의 다운로드를&nbs조회(1240)          




  FLV 플레이어 - FLVPlayer4Free
 FLV 플레이어 - FLVPlayer4Free 본 프로그램은 사용에 아무런 제한이 없는 프리웨어입니다.FLVPlayer4Free Free FLV Player는 FLV 플래쉬 동영상 파일의 플레이가 가능하게 조회(1084)          




  마우스 우클릭해제 - IEToy 설치와 사용법
마우스 우클릭해제 - IEToy 설치와 사용법웹서핑을 하면서 좋은 자료를 보앗는 데 나중에 참고하려고 복사하여 저장하려는데 우클릭이 되지 않아 곤란한 경우를 겪어 보셧나요.이럴때 사용하시면 유용한 프로그램입니다.아래 프로그램을 다운로드하여 컴퓨터에 적당한 디렉토리를 만들어 압축을 해제합조회(1240)          




≪ [1]  [2]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.




최근 글
[손님]


인기 글
[손님]