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

  • 페이드 인/아웃 슬라이드쇼 (와이드 배경 이미지 변경) 플러그인
  • Photoshop - 폰트는 폴더를 따로 관리하는 것이 좋다.
  • react native - 프로젝트 이름, 패키지 이름 변경 (관련 파일 일괄 변경)
  • 워드프레스에서 발송되는 이메일이 제대로 수신 안되는 현상
  • 게시판 플러그인 KBoard 설치법 및 사용법
  • Angularjs - 외부 json 파일 불러와서 dom에 바인딩 시키기
  • 이미지에 여백이 생길 때 해결 방법들
  • 배열의 마지막 값 가져오기
  • 그림문자인 이모지(emoji) 웹에 사용하기
  • wp-json 으로 json 호출시 썸네일과 커스텀 필드 받기

comment

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