이미지 4

[VideoJS] 영상 타임라인에 프리뷰를 표시하는 방법

유튜브나 트위치에서 SeekBar에 마우스를 가져다대면, 특정 주기마다 영상 프리뷰가 살짝살짝씩 보인다. 당연히 될거라고 생각했던 기능이지만 이 프리뷰는 (당연히 ㅎㅎ) 손수 만들어주어야한다. 과정은 다음과 같다. 1. 영상을 특정 Interval 마다 잘라서 썸네일을 만든다. 2. 만들어진 썸네일을 한 장의 Sprite 이미지로 만든다. 3. VideoJS에 videojs-sprite-thumbnails Plugin을 적용해서 Sprite를 영상에 설정해준다. 나는 ts파일이 이미 10초 단위로 쪼개져있었기 때문에 폴더안의 모든 파일을 돌면서 한 장씩 썸네일을 만들어주었다. ffmpeg -i -s 160x90 -vframes 1 .jpg 그리고 만들어진 사진들을 imagemagick의 montage를 ..

Docker 컨테이너와 이미지의 개념과 강점 알아보기

Docker series [ x ] Docker 개념정리 포스팅 [ - ] Docker 실습 포스팅 [https://jizard.tistory.com/324] 컨테이너 Container Docker는 LXC라는 컨테이너 기술에 기반한 상위 레벨의 컨테이너 기술이다. LXC는 Linux Container의 약자로, 단일 리눅스 시스템에 동작하고 있는 프로세스를 격리시켜 독자적 환경을 구축할 수 있게 해준다. Host OS와 격리된 환경을 만들어 준다는 점에서 가상 머신(Virtual Machine)과 유사하지만, 약간의 차이점이 있다. VM을 사용하여 하나의 서버에서 여러 애플리케이션을 구동하는 방법은 Host OS 위에 여러 Guest OS를 띄워서 구성하는 것인데, Hypervisor는 각각의 Gues..

[안드로이드] 주요 이미지 라이브러리 메모리 사용량 비교해보기! (Glide vs Picasso vs Coil)

안드로이드에서 Glide, Picasso, Coil 등 선택할 수 있는 이미지 라이브러리(Image library)의 폭은 넓다. 뭐 대부분 그냥 닥치고 글라이드! 하긴하지만, 메모리 관리 측면에서 누가 젤 잘하는지 항상 속으로 궁금했다... 주말에 심심하니까 간단히 테스트 해봤다. 비교군 - Glide: 1군 - Picasso: 2인자 - Coil: 떠오르는 신예 앱 기능 앱 자체는 간단하다. 화면 하나에 엄청나게 큰 이미지 목록을 보여주는거다. RecyclerView에 Adapter를 붙이고 로드! Coil 같은 경우에는 이미지 곡선처리하는데 이미지뷰 자체가 아닌 이미지 자체를 곡선처리 해버려서 모든 라이브러리가 곡선처리는 따로 하지 않도록 RoundedImageView라는 라이브러리를 사용하여 이미..

안드로이드 이미지 URL로 표시하기 (Android ImageView with image url)

안드로이드에서 이미지 URL을 가지고 이미지뷰(ImageView)에 이미지를 가져오는 가장 간단한 방법이있다.손수 하려하면 캐싱, 로딩, 네트워킹 등 건드려야 할 부분이 꽤 많은데, 라이브러리를 이용하면 아주 쉽다.물론 손수하는 것처럼 여러가지 옵션들도 조정 가능하다. 유명한 라이브러리로는 Picasso/Glide/Fresco 3대장이있는데,3가지 다 써본 유저로서 정리를 해보자면... 이정도!강의에서는 Glide를 사용해볼 것이다. -Glide: 제일 많이쓰는 보편적인 것, 자료가 많음-Picasso: 옛날에 많이 쓰였던것, Picasso와 Glide는 사용하는 문법이 비슷해서 원하는 기능에 따라 편한걸로 쓰면됨 (하지만 기능도 거의 비슷)-Fresco: 페이스북이 개발한 이미지 라이브러리로, 사용법이..