temp

[hy21116]

[issue] 압축 삽질 무한궤도

• 영천님이 공유해주신 예제 link 참고하여 react-native-video-processing 라이브러리 적용
• 하고자 했던 것: const compressVideo 함수 구현하여 uploadSolution 함수에서 다음과 같이 받아옴.

• 밑의 시도들은 const compressVideo 함수에 대한 것.

  const uploadSolution = async () => {
  const { uri, fileName } = media
  
  const response = await fetch(uri)
  const blob = await response.blob()
  
  const uploadFile = isImageType ? blob : compressVideo(uri)
  
  ..........

  ---

1. 첫 번째 시도

   const compressVideo = async (uri) => {
   console.log('==================')
   console.log(uri)
   console.log('==================')
   const origin = await ProcessingManager.getVideoInfo(uri)
   console.log('==================')
   console.log(origin)
   console.log('==================')
   try {
     const compressed = await ProcessingManager.compress(uri, {
       width: origin.size && origin.size.width / 3,
       height: origin.size && origin.size.height / 3,
       bitrateMultiplier: 7,
       minimumBitrate: 300000,
     })
   } catch (e) {
     console.error(e)
   }
   return compressed.source
   }

   

• 첫 번째 error는 뭔지 모르겠음..
• 두 번째 compress error 는 열심히 이슈를 뒤져보니 emulator 문제일 가능성. 따라서 핸드폰에 직접 빌드하여 실행!
• 핸드폰에서 실행해보니 그냥 이 상태에서 앱이 꺼짐!
  • 뒤져보니 uri 포맷 이슈 때문일 수 있다함.. (content:// 가 아니라 file://로 시작해야 한다고 함)
  • 여기를 참고하여 react-native-fs 라는 것을 이용해 content uri를 file uri로 바꿔서 시도

2. 두 번째 시도

   import * as RNFS from 'react-native-fs'
   ...
   const compressVideo = async (uri) => {
   const path = await RNFS.copyFile(uri, path)
   console.log('==================')
   console.log(uri)
   console.log(path)
   console.log('==================')
   const origin = await ProcessingManager.getVideoInfo(uri)
   console.log('==================')
   console.log(origin)
   console.log('==================')
   try {
     const compressed = await ProcessingManager.compress(path, {
       width: origin.size && origin.size.width / 3,
       height: origin.size && origin.size.height / 3,
       bitrateMultiplier: 7,
       minimumBitrate: 300000,
     })
   } catch (e) {
     console.error(e)
   }
   return compressed.source
   }

   

   • 콘솔로 아예 아무것도 안찍힌걸로 보아 RNFS에서 에러난듯
   • 이것도 뒤져봤는데 해결방법을 못찾아서 그냥 content:// 경로의 앞 부분을 file://로 바꿔줘봄
   • path = uri.replace('content', 'file')
   • 이렇게 하니까 다음과 같이 로그가 나오고 그냥 또 앱이 꺼짐...
   • 앱이 그냥 꺼지는건 메모리 이슈 때문일수도 있다고 함..