lab.naminsik
  • Javascript, jQuery
  • Reactjs
  • React Native
  • iOS
  • Android
  • AWS
  • Server
  • Html, CSS
  • Php
  • asp .net
  • SQL
  • Word Press
search
keywords
  • Tools 2020‧12‧14

    ffmpeg 이용해서 HLS 파일 인코딩

    일단 brew를 이용해서 ffmpeg를 설치한다. brew가 설치되어 있지 않으면 https://brew.sh/index_ko 에서 터미널에 복붙할 커멘드를 복사한 뒤 터미널에서 설치한다. brew가 설치되었으면 터미널에서 ffmpeg를 설치한다. 설치가 완료되었으면 터미널로 동영상 변환할 폴더로 이동하여 아래처럼 입력하고 실행한다. 위 예제는 test.mp4 를 1920x1080 사이즈로 10초로 영상을 쪼개어 만들고 testindex.m3u8의 인덱스 파일에 이 쪼갠 파일들을 리스트업 한다는 것이다.

  • AWS, Javascript, jQuery 2020‧12‧13

    동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)

    동영상을 스트리밍 할 수 있는 방법론은 다양하다.구글을 검색하고 정리하고 다시 찾고 시도하고 해왔지만 결론은 동영상을 HLS로 인코딩하고 그 파일을 AWS의 S3에 업로드하여 cloud front에 배포되고 Javascript를 이용해서 사용자의 웹브라우져에서 스트리밍 하는 것이다. 이제부터 설명하는 플랫폼들의 UI와 기능은 2020년 12월 10일 기준으로 작성되어 차후 버전이 업데이트들 되면 다르게 작업해야할 수 있다는 점 주의해야 한다.자세한 설명은 생략하고 […]

popular

  • ul과 ol에 있는 li태그에서 들여쓰기 및 앞표시 없애기
  • input에 숫자만 입력받기 (최종판을 위해...)
  • Photoshop - [폰트 캐쉬 삭제] 삭제한 폰트도 계속 리스트에 존재할 때
  • jQuery - a 태그의 href 값 변경하기
  • js - 채널톡 삽입(커스텀 버튼, 뱃지 카운트, 서포트봇 양식 연동)
  • 안드로이드로 핑 테스트 하기
  • findDOMNode) is not a function 오류 발생시
  • css3 - 아이폰에서 스크롤이 부드럽지 않고 버벅일 때
  • 심플한 아이콘들
  • 안드로이드 빌드 오류 - MainApplication.java:60: error: cannot find symbol ReactNativeFlipper.initializeFlipper(this, getReactNativeHost().getReactInstanceManager());

comment

  • 감사합니다!
  • 감사합니다~
  • 잘 해결 되셨다니 다행입니다!...
  • 정말 감사합니다. 덕분에 해결했습니다!...
  • 유용한정보 대단히 감사합니다....