# video

38개의 포스트

video player 만들기

이번 시간에는 우리 만의 video player를 만들어보자.loadedmetadata

2021년 7월 27일
·
0개의 댓글
post-thumbnail

[HTML5 Canvas] 05 캔버스 비디오

HTML5 Video 태그 HTML5에서 비디오태그가 추가되었다. 기본적으로는 태그 안에 src 속성으로 비디오 주소를 작성해주면 비디오가 출력되는 것을 확인할 수 있다. autoplay, muted를 비롯해 다양한 옵션이 있는데, 이는 공식문서에서 확인하는 것으로.

2021년 6월 9일
·
0개의 댓글
post-thumbnail

멀티미디어를 지원하는 태그

1. 이미지 (1)Tag 이미지 삽입 (2)Attribute src : 이미지 파일 경로 alt : 이미지 파일이 없을 경우 표시되는 문장 width: 이미지의 너미(CSS에서 지정하는 것이 일반적) height: 이미지의 높이(CSS에서 지정하는 것이 일반적)

2021년 6월 8일
·
0개의 댓글
post-thumbnail

Materialize CSS 속성: 글자, 아이콘, 이미지, 동영상

글자색상글자배경글자배경 연하게글자배경 진하게정렬1) 이미지반응형이미지 모양2) 아이콘https://materializecss.com/ 에 접속메뉴 - Components - Icons - Usage 링크 복사html문서 head에 붙여넣기: 연동완료사용법: i

2021년 6월 2일
·
0개의 댓글

React-Native Video Download

React-Native로 동영상을 처리하다 보니 동영상을 다운로드를 해야 했다.검색해보니 React-Native에서 주로 사용하고 있는 모듈은 react-native-fs였다.react-native-fs Document에서는 react-native-fs를 Native

2021년 5월 18일
·
0개의 댓글

HTML Image/Audio/Video

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글
post-thumbnail

browser에서 webcam 이용하기

웹캠을 이용한 여러가지 재밌는 것들을 하기 전에, 우선 웹캠의 사용방법과 requestAnimationFrame에 대해서 알아보자. video 태그는 대부분의 모던 브라우저에서 사용이 가능하다. (ie는 9이상이면 됨) 동영상을 플레이하는 용도이기도 한데,

2021년 3월 25일
·
0개의 댓글
post-thumbnail

Video.js 사용법

Video.js 에 들어가서 사용하면 된다.실제 Jsp 적용방법 ( 기본 사용 방법 ) data-setup 를 지정해 주지 않으면, 제대로 동작하지 않는 것 같다 .. 기본적으로 <video class="video-js" data-setup='{}'> 으로 사

2021년 3월 11일
·
0개의 댓글
post-thumbnail

28. Video Speed Controller

비디오의 playbacRate를 manual 하게 조절하기 위한 UI와 function 연습video.playbackRatee.pageYelement.offsetTopHTML input tag 속성으로 min, max등을 정해서 더 쉽게 구현할 수 있지만, input

2020년 12월 19일
·
0개의 댓글
post-thumbnail

11. Custom Video Player

비디오 화면 재생, 멈춤, 재생속도, 볼륨, 건너뛰기 등을 연습eventlistener 붙는 element와 event들을 정함제어 대상 element들을 정함eventListener의 callback function 작성 video 객체의 다양한 속성(method):

2020년 12월 14일
·
0개의 댓글
post-thumbnail

SCTE-35

방송 되고 있는 스트림에 지역 광고를 삽입할 때 사용되는 스트림.

2020년 12월 4일
·
0개의 댓글
post-thumbnail

HLS

애플이 만든 http 기반 비트레이트 스트리밍 통신 프로토콜.

2020년 12월 3일
·
0개의 댓글
post-thumbnail

RTMP

REAL TIME MESSAGING PROTOCOL

2020년 12월 3일
·
0개의 댓글
post-thumbnail

CUE-TONE

비디오에 광고 삽입시, 비디오 시작시간을 알려주거나, 지역광고를 삽입해야하는 시간을 알려주는 신호

2020년 12월 3일
·
0개의 댓글

html 요소(5)_멀티미디어

img / audio / video / figure

2020년 9월 21일
·
0개의 댓글
post-thumbnail

TIL] HTML-기본 용어 정리(1)

1. HTLM이란? . HyperText Markup Landuage (HTML 코드 작성시 가독성을 위해 들여쓰기 구분이 중요하다.) 2. 각 Code의 용도 및 목적 . !DOCTYPE html : html5의 선언문, Vesion별로 차이가 있다. (V

2020년 8월 8일
·
0개의 댓글
post-thumbnail

📚 한 주간 본 IT 글, 영상 아카이브 #22

🗓 2019.11.04 ~ 2019.11.10

2019년 11월 11일
·
0개의 댓글
post-thumbnail

📚 한 주간 본 IT 글, 영상 아카이브 #21

🗓 2019.10.28 ~ 2019.11.03

2019년 11월 3일
·
1개의 댓글
post-thumbnail

📚 한 주간 본 IT 글, 영상 아카이브 #20

🗓 2019.10.21 ~ 2019.10.27

2019년 10월 28일
·
1개의 댓글