videojs 에서 Uncaught ReferenceError X is not defined 라는 로그가 나타나면서 영상이 재생이 되지않는 문제의 해결법입니다..

AWS 프리티어가 지원되는 서비스를 이용하면 별도 요금없이 무료로 이용가능합니다. 하지만 의도치않게 VPC 요금이 과금되는 문제가 발생하였는데 이에 대한 원인을 확인해보았습니다.

Github 에서는 페이지가 호스팅 되어질 repository 를 생성하여 무료로 자신의 페이지를 호스팅 할 수 있습니다. 하지만 repository 이름은 github 에서 필수적으로 정해주는 규칙(username.github.io)으로 생성해야 페이지가 호스팅되어지고 도메인 역시 username.github.io 라는 repository 이름과 똑같이 설정되어지는 제약이 있습니다.

구글 웹 마스터 도구는 구글봇이 페이지를 색인할 수 있도록 도와주는 온라인 도구입니다. 원하는 페이지를 색인신청한다면 반대로 삭제도 할 수 있습니다. 웹 마스터 도구에서 색인을 삭제 하는 방법을 설명하겠습니다.

CORS(Cross-Origin Resource Sharing)는 다른 Origin에서 실행 중인 웹 애플리케이션이 현재 Origin의 리소스에 접근할 수 있도록 허용하는 메커니즘입니다. 웹은 기본적으로 '동일 출처 정책'(Same-Origin Policy)을 따르기 때문에, 다른 Origin의 리소스를 불러오는 것은 제한되어 있어요. S3에서 해당 정책을 변경해보겠습니다.

이번 포스팅에서는 프론트엔드 개발의 필수인 브라우저 개발자도구(devtools) 를 소개하고 개발자도구(devtools)를 여는 방법에 대해 간단하게 소개합니다.

웹 매니페스트(manifest.json) 파일은 웹 애플리케이션이나 웹사이트를 사용자의 데스크탑이나 모바일 홈 화면에 "앱처럼" 추가할 수 있게 해주는 JSON 파일입니다. 이 파일은 웹 애플리케이션에 대한 메타데이터를 제공하며, 애플리케이션의 이름, 시작 URL, 아이콘, 배경 색상, 표시 방식 등을 정의할 수 있습니다. 이를 통해 웹 애플리케이션이 네이티브 앱처럼 보이고 느껴질 수 있게 도와줍니다.

avi, mkv, wmv 포맷과 같은 일반 비디오 포맷은 HLS 스트리밍을 할수없습니다. H.264로 인코딩을 해주어야하는데 FFmpeg 라는 소프트웨어를 활용하여 인코딩 작업을 하도록 하겠습니다.

Nginx 서버에 Let's Encrypt를 통해 무료 HTTPS 인증서를 발급받고 설정하는 방법을 단계별로 안내합니다. SSL/TLS 인증서를 통해 웹 사이트의 보안을 강화하는 과정을 설명합니다.

Nginx를 컴파일 설치하는 과정을 설명하며, HLS 스트리밍을 위해 필요한 nginx-rtmp-module 확장 모듈을 추가하는 방법을 제공합니다. 필요한 종속성 설치부터 Nginx 및 모듈의 컴파일과 설치까지의 단계를 상세히 다룹니다.

HLS 스트리밍의 기초부터 고급 활용까지! 애플이 개발한 HTTP Live Streaming 기술을 통해 다양한 화질의 비디오 스트리밍을 실현하는 방법을 배워보세요. Nginx와 AWS를 활용한 실제 구현 사례를 통해, 영상 인코딩에서부터 클라우드 기반 스트리밍 서비스까지, 단계별로 알아보는 완벽 가이드.