동영상 관련

[QuaRang1225]

• 현재 동영상도 썸네일 이미지로 변환되어 있는 상태
• 아이템 터치 시 이미지 규격에 맞게 화면에 크게 배치하고 동영상의 경우 재생시킬 수 있도록 구현할 필요가 있음

[QuaRang1225]

동영상 관련

• 아이템 터치 시 규격에 맞게 배치하고 동영상의 경우 재생시킬 수 있도록 구현
• AVKit의 AVPlayer, VideoPlayer 사용
• PHAsset은 자체적으로 id가 있지만 AVPlayer의 경우 id가 따로 존재하지 않기 때문에 Identifier 프로토콜을 준수하는 VideoPlayerItem구조체 선언
• Assets을 받아 AVPlayer로 변환시켜 VideoPlayerItem구조체에 저장하도록 구현

private func playVideo(asset: PHAsset,id:String){
        let options = PHVideoRequestOptions()
       //네트워크를 통해 비디오를 다운로드할 수 있도록 허용. 로컬이 아닌 iCloud에 저장된 비디오를 요청할 때 필요
        options.isNetworkAccessAllowed = true

        PHImageManager.default().requestPlayerItem(forVideo: asset, options: options) { playerItem, _ in
            DispatchQueue.main.async {
                withAnimation(.spring(response: 0.75, dampingFraction: 0.75)) {
                    if let playerItem {
                        selectedVideo = VideoPlayerItem(id: id, playerItem: AVPlayer(playerItem: playerItem))
                    }
                }
            }
        }
    }

• 비디오플레이어도 마찬가지로 아래로 드래그 시 뷰가 닫히도록 설계

이슈

• VideoPlayer 로 만들어진 비디오플레이어 뷰는 드래그 제스쳐 시도 시 런타임 에러

해결

• 이유는 모르겠지만 비디오플레이어의 offset은 포토뷰의 postion과 함께 사용하면 런타임 에러가 발생함
• 비디오 플레이어를 사용하는 뷰를 새로 생성하고 그 뷰 내부에서 offset을 업데이트처리했더니 해결됨

[QuaRang1225]

추가적으로 동영상 추가 옵션 부여

이미지 리스트의 추가된 점

• 이미지 리스트에서 동영상에 경우 영상의 전체 길이를 나타내도록 구현
• 영상 길이는 TimeInterval Formatter를 통해 시간 문자열로 변환

VideoPlayer관련 기능

메서드

• 현재 비디오의 진행 시간과 전체 길이를 감지해 업데이트
• 비디오가 모두 재생되었으면 일시정지 모드 활성화
• 재생시간을 원하는 퍼센테이지(%)로 업데이트
• 재생시간을 원하는 시간으로 업데이트

컴포넌트

• 재생,10초전,10초 후 버튼 구현
• 필터 따라 재생속도를 0.5/1/2배속으로 설정하는 기능을 구현하기 위헤 PlayModeFilter 열거 정의 및 버튼 구현
• 음량 조절 버튼 구현
• VideoPlayer는 background컨트롤 무시 기능이 없기 때문에 AVPlayerViewController를 생성해 기능 활성화