# video

68개의 포스트

FFmpeg

A tool to manipualte media file. You can change format of the video, change the video into an audio file, or extract a frame(a screenshot) from a vide

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

HTML5 Video Tag 사용하기

최근 간단한 서비스 소개 페이지를 개발하면서 알게 된 점을 기술한 글이다. 다른 기획 요구사항을 제외하고, Video에 대한 요구사항만 추려보면 아래 4가지였다. 비디오 오디오는 20% 정도로 노출 페이지 랜딩 시 유음으로 자동재생Video 컨트롤바 제어 mp4 영상

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

HEVC 1-2

1. 컬러공간 2. 순차/비월 주사

2022년 7월 6일
·
0개의 댓글
·
post-thumbnail

yt-dlp 간단 사용법

유튜브 외 다른 사이트의 동영상을 다운로드하는 CLI 기반 소프트웨어지원하는 사이트 목록: https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.mdhttps://brew.sh/index_ko 를

2022년 7월 3일
·
0개의 댓글
·

이미지, 영상 포맷과 사파리 지원 포맷

Image, Video, Format.

2022년 6월 14일
·
0개의 댓글
·
post-thumbnail

[OpenCV] 카메라 연결 (작성 중)

OpenCV OAK-D-Lite Depth Camera

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

web 기초/html(tag, video, audio, iframe)

대 단락을 나눌 때 사용

2022년 5월 27일
·
0개의 댓글
·

html video & audio

span : 특별한 역할을 하지 않는 영역, display 속성이 inline tag test video : mp4 형태의 비디오를 출력 audio : (

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

Nuxt에서 Video 플레이어를 배경으로 사용하기

Nuxt에서 Video를 배경으로 사용하는 방법은 몇 가지 있지만, 일반적으로 제공해주는 package를 사용해야합니다. 그렇지만 신뢰하기 어려운 기능들도 많이 있었습니다.또, 플레이어에 비디오를 넣기 위해서는 파일을 직접 local이나 배포되는 서버에 올리지 않는 방

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

[React/TypeScript] Cannot find module '../assets/videos/XXX.mp4' or its corresponding type declarations. 에러 해결

로컬 .mp4 영상을 import 하려고 했지만 빨간 밑줄이 그어지며 오류가 발생했다.TypeScript 관련 설정 때문인 것 같다. 해결해보자로컬의 파일을 import하는 경우라면 file-loader,url형식의 파일을 import 한다면 url-loader 가 필

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

파이널 컷 프로 사용법 간단 정리

파이널 컷 프로 초간단 사용법 정리글

2022년 5월 11일
·
0개의 댓글
·

react hydration 시 비디오 자동 재생이 되지 않아

muted attribute가 html video tag에 없기 때문이다. 이것은 react의 정상적인 동작이다.chromium 족family 브라우저들은 muted되지 않은 HTMLVideoElement를 자동 재생하지 않는다. 정책이 그렇다고 한다.나는 검색 엔진

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

[React] 프로젝트에 동영상을 넣고싶어요

첫 입사를 하게 되었던 회사에서는 영상을 다루는 방법을 많이 배운 것 같다. 영상에 관련된 서비스를 하다 보니, 웹페이지를 구성하는데에 있어서 영상이 차지하는 비율이 꽤 컸다. 내가 담당했던 페이지에서 동영상을 다루며 알게 되었던 내용을 기억하기 위해 정리해보는 포스팅

2022년 4월 28일
·
0개의 댓글
·
post-thumbnail

004

`` 현재 HTML 페이지에서 또 다른 HTML 페이지를 보여주고 싶을 때 사용 iframe은 width 혹은 height 속성으로 크기를 조절 따로 값을 설정하지 않는다면 height는 150px, width는 300px이 기본값 src속성으로 링크설정 가능하며

2022년 3월 31일
·
0개의 댓글
·
post-thumbnail

Slack 비디오 및 오디오 클립 기능

Slack 비디오 및 오디오 클립 기능이 추가되었는데요.비디오 또는 오디오를 선택하여 녹화/녹음 한 후 메시지 클립으로 전달할 수 있습니다.모바일도 (AOS/iOS) 지원합니다.※ 아쉽지만 현재는 Slack 유료버전에서만 지원됩니다.최대 녹화시간은 3분 입니다.1) 비

2022년 3월 5일
·
0개의 댓글
·
post-thumbnail

cv2 동영상 커스터마이징

지난 시간에는 cv2를 이용한 동영상 플레이 방법을 알아 보았다. 사실 동영상에 관련한 개념중 가장 중요한 개념은 바로 동영상은 이미지의 연속이라는것이다. 이번 시간에는 cv2를 이용해 동영상에 여러 option을 부여하는 시간을 갖도록 하자. 지난시간에 우리는 이러한

2022년 3월 5일
·
0개의 댓글
·
post-thumbnail

[Review] Multiscale Vision Transformers

Recommended Prior Readings : Transformer / Vision Transformer Introduction 최근(21년 4월 기준으로) ViT나 DeiT와 같은 vision transformer 계열 모델들이 발군의 성능을 보이고 있음. 한

2022년 1월 31일
·
0개의 댓글
·
post-thumbnail

Video 태그

video 태그에 대한 간략한 설명

2022년 1월 23일
·
0개의 댓글
·
post-thumbnail

ffmpeg <The encoder 'aac' is experimental but experimental codecs are not enabled, add '-strict -2' if you want to use it.> 에러 해결

1. 개요 ffmpeg를 이용하여 원본영상에 로고를 추가하는 command(이전포스팅 참고EC%97%90-%EB%A1%9C%EA%B3%A0-%EC%B6%94%EA%B0%80%ED%95%98%EA%B8%B0))를 사용하던 코드에서 아래와 같은 에러가 발생하였습니다. >

2021년 11월 14일
·
2개의 댓글
·
post-thumbnail

ffmpeg를 이용해서 영상에 로고 추가하기

1. 개요 ffmpeg를 이용하여 간단하게 동영상에 로고를 붙이는 방법을 알아봅시다. 동영상에서 특정 위치에 로고 등의 워터마크 이미지가 고정되도록 할 수 있으며, command의 옵션으로 어느 위치에 붙일지 조정도 가능합니다. 2. 방법 원본 영상(mp4)와 로고

2021년 11월 14일
·
2개의 댓글
·