728x90 반응형 WEB49 ffmpeg를 이용하여 비디오 썸네일 만들기 우선 라이브러리 설치를 먼저 해야합니다. npm install fluent-ffmpeg 하기전에 ffmpeg.org/download.html Download FFmpeg If you find FFmpeg useful, you are welcome to contribute by donating. More downloading options Git Repositories Since FFmpeg is developed with Git, multiple repositories from developers and groups of developers are available. Releases Approximately every 6 ffmpeg.org 이사이트에서 다운을 해야합니다. 빨간 동그라미 의 links를 .. 2021. 3. 1. Multer 이용 서버에 비디오 저장 onDrop 구현을 해주고 const onDrop = (files)=>{ let forData = new forData; const config = { header : {'content-type': 'multipart/form-data'} } forData.append("file",files[0])//첫번째 가져오기 위해 array 사용 // console.log(files)//파일의 파라미터가 저장됨 Axios.post('/api/video/uploadfiles',forData,config) .then(response=>{ if(response.data.success){ }else{ alert('비디오 업로드를 실패했습니다.') } }) } 우선 이렇게 선언하고 그전에 서버를 구현을 안해놨으니 구현을 .. 2021. 2. 28. 비디오 업로드 만들기 2 state를 만들건데 현재 VideoUploadPage를 보게 되면 onChage나 value 이런 것이 있는데 이를 state로 만들고 한번에 서버로 보낼 것이다. const [VideoTitle, setTitle] = useState("") 이렇게 선언을 해주고 const [Description, setDescription] = useState("") 선언하고 const [Private, setPrivate] = useState(0) const [Category, setCategory] = useState("Film & Animation") 이렇게 두개 선언해주고 option에 대해서 key value 이렇게 있을때 key value 두번 선언해서 해도 되지만 map을 이용해서 할 것입니다. 그걸 하.. 2021. 2. 25. 비디오 업로드 만들기 1 비디오 업로드 부분을 구현할 예정 입니다. view 폴더 아래에 VideoUploadPage 폴더 생성 그안에 VideoUploadPage.js 파일 생성 해주세요 그리고 extension이 설치 되어 있다면 rfce 명령어를 입력하면 자동으로 이렇게 생성이 됩니다. 그리고 라우터를 생성을 해줘야 합니다. 그러기 위해서는 App.js 부분으로 가서 import VideoUploadPage from "./views/VideoUploadPage/VideoUploadPage.js" 이거 추가 true 옵션은 로그인한 사람만 접근 가능하게 하는것 확인해보면 이렇게 된것이 보인다. 성공입니다. 그리고 RightMenu로 들어가서 맨아래 쪽 보면 이부분을 추가해주면 됩니다. 위에처럼요 Video 업로드 부분을 저렇.. 2021. 2. 20. 이전 1 2 3 4 5 6 ··· 13 다음 728x90 반응형
