전체 글 489

DASHI 채팅, 영상 Preview 업데이트

벌써 일요일 2시인가...? 저지 아이즈도 해야하는데 Dashi 업데이트에 토요일 전체와 일요일 절반을 날려버렸다. 하지만 지금은 이게 저지 아이즈보다 재밌으니까 어쩔 수 없다... 오늘의 업데이트 어제 아침에 업데이트 계획을 세우고, 하고싶은거 부터 해봤는데 트위치 채팅 재생, Seek 프리뷰 이미지 업데이트에 성공했다. 사실 이것만으로도 엄청 쓸만해진 것 같다. - 영상 녹화를 하면서 채팅 서버에서 채팅을 받아와 자막 파일로 구성 - 녹화된 영상에 대해서 썸네일 생성 후 프리뷰용 Sprite 이미지 생성 VOD에 대한 고민 Twitch 계정 연동은 사실 연동해서 뭘 할 기능이 없어서 안해도 될거같고... VOD 다운로드가 문제다. 실제로 몇일 돌려보니 방송하나의 용량이 18GB 분량이 되는걸 목격했다..

나/이슈 2023.12.03

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

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

영상자막을 채팅처럼 표현하기

DASHI 서비스를 계속 발전시키는 도중에, 트위치 채팅도 다시볼 수 있었으면 좋겠다고 생각했다. 문제는 채팅이 영상과 맞게 정확한 시간에 올라와야한다는 건데, 그래서 채팅을 WebVTT로 만들었다. 즉 영상 자막이 된다는 건데, 일반적인 영상 자막처럼이 아니라 세로로 스크롤하며 올라오는 채팅포맷이어야 했다. var track = video.textTracks[0]; track.oncuechange = function() { var cue = this.activeCues[0]; if (cue) { console.log(cue.text); } }; 영상에 자막을 추가하고, 영상자막이 변경될때마다 console에 로그를 찍는 코드다. 이를 이용해서 Container에 채팅 Element를 하나씩 추가하고 스..

DASHI 관리자 업데이트

오늘은 (나만쓰는) 트위치 다시보기 서비스 DASHI에 추가 업데이트를 진행했다. 이전에 보이는 것에 대해 크게 신경쓰지 않았는데 이렇게 메인 화면에도 트위치 로고를 넣어주었다. 이미지를 다운받는 건 너무 귀찮으니까...내가 좋아하는 아스키아트로~ 이렇게 긱하게 디자인 한번 해보고싶었는데 맘에든다. 또, 관리자 페이지를 준비하면서 페이지가 늘어나 빵 부스러기 시스템이 생겼다. 빵 부스러기가 있으니 확실히 쓰기 편해지는 것 같다. 유저도 페이지 계층이 그려질 수 있게 만들어준다. 이건 관리자 페이지다. 일본 여행도중 진짜 딱 휴대폰만 가지고 있을때 서버 용량이 꽉 차버리면 난감해지기 때문에 미리 준비해뒀다. Python 라이브러리 중에 humanize라는게 하나 있는데, 아주 유용하다. 화면에 보이는 용량..

나/이슈 2023.11.20

DASHI - 트위치 다시보기 부활

2022년 11월 10일 트위치 다시보기 서비스가 사라졌다. 오늘이 19일이니까 1년하고도 정확히 9일지났는데 너무나 불편한게 많아서 견딜 수 없었다 ㅋㅋㅋ 솔직히 1080p 뺏긴건 괜찮다...근데 다시보기는 선 넘었다고 생각함 좋아하는 스트리머가 갑자기 방송을 키거나, 아니면 그 날의 녹화본이 사라지거나 하는 경우가 잦아서 트수는 이 상황을 안타까워하며 분개하며...나만의 다시보기 스트리밍 서비스인 dashi를 어제 하루를 꼬박 투자해서 만들었다. 기능 - Observe하는 스트리머의 방송 녹화: 방송을 한번 켤때마다 하나의 다시보기가 만들어진다. - 지난 방송 리스트: 최대 3일까지의 방송목록을 가지고 있는다. - 최근 잘라보기: 지금은 리밋을 해제에서 처음부터 끝까지 볼 수 있지만, 최근 N시간만 ..

[양재] 1983 공복식당 - 냉삼

양재 아트 마켓? 갔다가 우연히 찾은 가게다. 1인분 13000원짜리 냉삼집인데 이집의 특별한점은 고사리와 간마늘장이다. 마늘보쌈에 올라갈거같은 간마늘을 약간 올려두고 부드러운 고사리와 함께 먹으면 다른 냉삼집에서는 찾을 수 없는 맛을 느낄 수 있다. 그리고 저녁에도 식사메뉴가 되어서 된장 술밥이랑 해물라면, 계란찜도 같이 먹었는데 다들 맛있었다. 하지만 남는 단하나의 의문...냉삼은 도대체 왜 비싼걸까~

[마인크래프트 모드 추천] 엄청나게 다양한 TNT를 추가해주는 Lucky TNT 모드

유튜브 영상으로 우연히 알게된 모드인데, 재미있어서 시간가는 줄 모르고 보다가 잠들어서 TNT 꿈까지 꿨습니다! ㅋㅋㅋㅋㅋ 핵 TNT, 얼음 TNT, 용암 TNT, 생물 TNT, 하늘섬 TNT 등등 200가지가 넘는 TNT들이 추가가 되는 모드인데요, 랜덤도 있어서 어떤게 폭발할지 모르는 재미도 있을 것 같습니다. 다만 걱정되는 건 멀티플레이서버에서는 일반 TNT보다 엄청나게 큰 폭발이 일어나는 TNT류의 경우에 렉이 발생할 수 있을 거같아서 몇가지는 금지시켜야 할 필요성도 있을 것 같네요. https://www.curseforge.com/minecraft/mc-mods/luckytnt

Beelink MINI S : 미친 가성비의 미니 PC

나는 너굴 리스트, 김래일의 애니캐 테스트 두 서비스를 운영하기 위해서 Vultr에서 서버를 빌려 쓰고 있다. 둘 다 그렇게 사용자가 많지도 않아서 수익도 거의 없다시피하고 의리로 올려두었는데, 서버 비용이 꽤 부담스러웠다. 너굴리스트는 2019년에 출시해서 무려 4년된 서비스다...ㅋㅋㅋㅋ 세월이 정말 빠르군... 초반에 유저가 폭발적일때는 월 $88짜리 서버를 사용했다가, 동물의 숲 인기가 줄어들며 3년 전에 $44로 줄여서 쓰다 작년 말부터는 $31로 줄였다. 서버비가 많이 줄어든 것 같지만, 환율은 나를 냅두지 않았다. 3년전 1100원대이던 달러 환율은 지금 1355원...! $31는 이제 한국돈으로 42,000원이다. 1년에 도메인 비용, Apple Developer 갱신 비용까지 합하면 너굴..

나/리뷰 2023.10.27

[Steam] 스팀 보류중인 거래 취소하는 방법

구매를 하려다 중간에 취소하고, 다시 장바구니에서 결제하려할때 보류 중인 다른거래에 의해 결제가 막히는 경우가 있다. 당신에 계정에 대해 보류 중인 또 다른 거래가 있기 때문에 처리가 이루어 질 수 없었습니다. 내 지갑 보기 > 내 계정 정보 보기(오른쪽 아래) > 구매 기록보기에서 문제가 있는 보류된 결제건의 영수증 아래 취소하기를 눌러주면 된다.

나/이슈 2023.10.21