expo-image-picker로 디바이스 갤러리에서 동영상을 앱으로 불러오는 시간에 대해 질문있습니다!

Question

안녕하세요, 현재 expo로 앱을 개발중에 있습니다.구현하려는 기능이 expo-image-picker를 사용해 디바이스 갤러리에서 선택한 동영상을 앱으로 불러와 프리뷰로 보여주는건데, 동영상의 용량이 클 수록 갤러리에서 앱으로 불러오는 시간이 너무 길어집니다. (기준 - 총 15개, 1GB)제가 구현한 방식은업로드 페이지 => 동영상 선택 버튼 클릭 => 갤러리=> 동영상 선택 => (여기서 로딩 시간이 길어용,2분 40초 소요)=> 앱으로 불러오기입니다. 이건 제가 expo-image-picker사용할 때 적용한 코드입니다! try { const result = await ImagePicker.launchImageLibraryAsync({ mediaTypes: ["videos"], quality: 1, allowsMultipleSelection: true, selectionLimit: MAX_VIDEO_COUNT - videoUrl.length, }); if (!result.canceled) { const selectedAssets = result.assets; const filteredAssets = selectedAssets .map((asset) => { const { uri, fileSize, duration, width, height } = asset; return { uri, width, height, type: asset.type, name: uri.split("/").pop(), aspectRatio: width / height, }; }) .filter((asset) => asset !== null); } catch(e) { console.log(e) }제가 원하는 건 인스타그램처럼 동영상을 불러올 때 기다리는 시간 없이 바로 보여지도록 하고 싶습니다. 인스타그램을 예시로 들면 +버튼 => 갤러리 => 동영상 선택 => 동영상 업로드 페이지 순서인데동영상 업로드 페이지까지 오는데 로딩시간이 거의 없었습니다. 사용하는 기술 스텍이 다르겠지만, 저런 방식이 가능한 원리가 궁금합니다. 선배님들 도와주시면 감사하겠습니다!

분할정복테스팅 · Answer

찾아보니 expo-video-thumbnails 라는 라이브러리가 있네요. 결국 인스타는 동영상을 업로드 버튼을 눌렀을때는 동영상에 대한 썸네일 정보를 추출해서 보여주고 실제로 포스트를 할때 지연이 걸리지 않을까 싶네요. 포스트시 지연까지 없다면썸네일 추출해서 보여줌.동시에 백그라운드에서 메모리로 비디오 바이너리를 올리는 작업을 실행 or 압축까지 진행업로드 버튼을 누르면 쑝~하고 빠르게 업로드 가능!

expo-image-picker로 디바이스 갤러리에서 동영상을 앱으로 불러오는 시간에 대해 질문있습니다!

1개의 답변

Q&A 목록