유튜브, 인스타, 트위터 등 앱들을 사용할 때는 몰랐는데 생각보다 셀에서 영상이 재생되는 예제를 찾기 힘들었다. 상태 관리가 힘들어서 그런 것 같다. 그러던 중 아래와 같은 요구 사항이 추가되었다 피드 리스트에서 스크롤 시 중앙에 있는 비디오만 재생해주세요 구현 아이디어 1 [참고1] 테이블 뷰의 center 좌표를 구하고 헤당 좌표에 있는 셀의 비디오를 재생 재생 상태 관리는 이전에 재생한 cell을 변수로 저장 func scrollViewDidEndDragging(_ scrollView: UIScrollView, willDecelerate decelerate: Bool) { let point = self.convert(tableView.center, to: tableView) guard let ind..

짧은 비디오가 아니라 20분가까이 되는 비디오이다 보니 압축과 업로드에 유저가 불편함을 느낄 정도로 시간이 많이 소요된다. 해서 업로드 부분을 탭바가 책임지도록 변경했다. 피드 업로드에서 비디오와 제목/컨텐트 등의 데이터로 피드DTO로 가공하여 탭바-뷰모델로 넘겼다. 이 과정에서 2가지 에러가 발생했다. 하나는 AssetReader 참조 에러 이 과정에서 ARC에 의해 assetReader가 먼저 Release되는 에러가 발생했다. cannot copy next sample buffer before adding this output to an instance of AVAssetReader 나머지 하나는 Memory Crash 용량이 큰 비디오에서 메모리 때문에 앱이 튕기는 현상이 발견되었다. 전에도 해당..

AVFoundation - 비디오의 인코딩(압축) 및 업로드(1) - ExportSession 이용 ExportSession을 사용하지 않게된 이유 exportSession은 프리셋을 사용해 인코딩을 조절할 수 있기 때문에, 원하는 화질을 유지하면서 용량을 낮추는데에 한계가 있었다. 따라서, low level API인 Asset Reader / Writer를 사용하게 되었다. stream을 이용한 파일 입출력과 비슷한 느낌이다. Asset Audio Reader: 오디오가 없는 비디오 case를 고려하여 처리 // Set AudioReader var assetReaderAudioOutput: AVAssetReaderTrackOutput? if let audioTrack = asset.tracks(with..

깊은 고민 없이 사용한 잘못된 코드(라이브러리)로 비용이 많이 청구된 이야기를 공유해보려고 한다. 결론 부터 말하자면, 비디오의 캐시 다운로드로 인하여 아직 개발 중이어서 사용자가 적은데도 불구하고 AWS 비용이 30만원이 청구되었다. 개발 히스토리 비디오 피드 리스트가 있는 화면을 만들게 되었다. 처음엔 트위터의 비디오 피드 같이 심플한 디자인이어서 AVKit만으로 충분했다. 하지만 점점 유튜브 비디오 UI처럼 요구 사항이 늘어나게 되어, AVPlayer Layer를 사용한 커스텀이 필요하게 되었다. ControlUI도 필요하고, 비디오 캐시 처리를 하면 데이터를 아낄 수 있을 것 같아 Custom 확장성과 비디오 캐시를 지원하는 GSPlayer 라이브러리를 사용했다. 이 당시에는 AVAsset의 이해..