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

  • CodeDeploy agent was not able to receive the lifecycle event. Check the CodeDeploy agent logs on your host and make sure the agent is running and can connect to the CodeDeploy server.
  • 글 작성시 선택한 카테고리를 노출할 때 특정 카테고리 제외 노출
  • 리액트 네이티브 - 웹뷰에 유저 에이전트 수정하기 (iOS, Android)
  • 앱 디자인 영감을 얻기 위한 아이폰 앱들의 화면 캡쳐
  • jQuery - 스마트폰 스크린 회전 감지 스크립트
  • 동영상 스트리밍 서비스 구축 (AWS s3/cloudFront, HLS, video.js)
  • 화면 안꺼지게 설정
  • JS-현재 위치(지오로케이션) 구글맵 api 에 표시
  • CSS - vimeo 영상 높이 값 반응형으로 적용하기
  • 심플한 아이콘들

comment

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