본문 바로가기

반응형

html5

#HTMLMediaElement.play() Return Promise HTMLMediaElement.play() Return Promise var Promise = HTMLMediaElement.play(); HTMLMediaElement.play() 객체는 promise객체를 반환 어떤 이유든 재생에 실패했을 경우 reject 발생 NotAllowedError 브라우저에서 미디어 재생이 되지 않는 경우, 보통 사파리 브라우저 정책으로 인해 안되는 경우가 있음. NotSupportedError MediaSource가 지워되는 포맷으로 만들어지지?표현? 되지 않은 경우, 아무튼 포맷 뭔가 안맞을 때 사용 예 let myVideo = document.getElementById("myVideoElement"); myVideo.play().then(() => { document... 더보기
[Media] # MP4 파일을 Fragmented MP4로 변환 Convert MP4 to Fragmented MP4MP4 파일을 Fragemented MP4로 변환하기My MP4Box GUI 사용하여 mp4파일을 Fragment mp4로 변환https://gpac.wp.mines-telecom.fr/mp4box/ 에서 다운로드영상/음성 중에서 영상만 분리해서 진행 Demux MP4 Box GUI 실행 후 MP4 파일을 첨부Video만 선택 후 Demux 영상만 MuxDemux된 영상을 Mux 탭으로 이동하여 Demux 된 h.264 파일만 선택하여 AddAdd된 H.264 파일을 Mux Commnad를 이용하여 쪼개기 명령어 > MP4Box -dash 1000(ms초) -segment-name 쪼개질파일명 대상mp4파일명 예) > MP4Box -dash 1000 -.. 더보기
[HTML5] #Video Tag HTML5 Video TagVideo ElementHTMLMediaElement를 상속 받음 + videoWidth, videoHeight 속성 추가.videoWidth, videoHeight : 실제 비디오의 해상도 크기.preload“none” : 재생 전에 다운로딩 안함.“metadata” : 재생 전에 포스터 같이 한장만 띄워둠.“auto” : 재생 전에 다운로딩 ㄱㄱ.IDL(Interface definition language)currentSrc : 현재 재생 중인 srcloadedmetadata 이벤트가 발생한 이후에 currentSrc를 신뢰할 수 있다.캐시에 따라 미디어 URI가 변경되지 않으면 일부 이벤트 발생 안할 수 있기 때문에상태 속성 (videoElement.상태속성) readyS.. 더보기

반응형