- Published on
HLS의 개념과 장점, 기존 스트리밍 방식과의 차이점, Safari에서 기본 지원하는 이유, 다른 브라우저에서 사용하는 방법, m3u8 파일 구조 및 예제 코드까지 모두 정리했습니다. 또한 iOS 특정 버전에서 발생하는 HLS.js 스트리밍 이슈와 해결 방법을 추가했습니다.
스트리밍 | Development
All Posts
- programmers (11)
- algorithm (8)
- web (6)
- daily (5)
- 프론트엔드 (4)
- retrospect (3)
- AI (3)
- sort (3)
- dfs (3)
- bfs (3)
- 2021 (2)
- 2022 (2)
- React (2)
- 개발자 (2)
- http2 (2)
- performance (2)
- SEO (2)
- 검색 엔진 최적화 (2)
- TypeScript (2)
- Web Worker (2)
- js (2)
- nextjs (2)
- develop (1)
- 회고 (1)
- 성장 (1)
- backend (1)
- frontend (1)
- devtools (1)
- optimization (1)
- spdy (1)
- multiplexing (1)
- hpack (1)
- GEO (1)
- AEO (1)
- 마케팅 (1)
- Chrome DevTools (1)
- MCP (1)
- Puppeteer (1)
- Playwright (1)
- 브라우저 자동화 (1)
- E2E 테스트 (1)
- 개발 도구 (1)
- LIT (1)
- WebComponents (1)
- ShadowDOM (1)
- CustomElements (1)
- 마이크로프론트엔드 (1)
- Polymer (1)
- SOLID (1)
- 클린코드 (1)
- 설계패턴 (1)
- 컴포넌트설계 (1)
- 코드품질 (1)
- 리팩토링 (1)
- 객체지향 (1)
- 소프트웨어아키텍처 (1)
- 프론트엔드 성능 (1)
- 이미지 최적화 (1)
- OffscreenCanvas (1)
- browser-image-compression (1)
- Safari (1)
- 브라우저 리로드 (1)
- 메모리 초과 (1)
- 이미지 디코딩 (1)
- 대만 여행 (1)
- 환전 (1)
- MRT (1)
- 수수료 면제 (1)
- 여행 꿀팁 (1)
- ATM (1)
- HLS (1)
- 스트리밍 (1)
- 적응형 비트레이트 (1)
- m3u8 (1)
- Service Worker (1)
- Web Performance (1)
- Caching (1)
- 개발자 회고 (1)
- 커리어 성장 (1)
- Next.js (1)
- GPT (1)
- 일본 개발 문화 (1)
- virtualized rendering (1)
- 인피니티 스크롤 (1)
- 대규모 리스트 (1)
- 성능 최적화 (1)
- JavaScript (1)
- CommonJS (1)
- ES6 Modules (1)
- Web Development (1)
- Build Tools (1)
- 프론트엔드 개발 (1)
- 웹사이트 성능 (1)
- 트래픽 증가 (1)
- Webpack (1)
- 번들러 (1)
- Vite (1)
- esbuild (1)
- 웹 개발 (1)
- safari (1)
- date (1)
- issue (1)
- repaint (1)
- reflow (1)
- react (1)
- react18 (1)
- automatic batching (1)
- 자동 배칭 (1)
- project (1)
- django (1)
- delay (1)
- search (1)
- seo (1)
- canonical (1)
- script (1)
- ready event (1)
- yarn3 (1)
- 일본 취업 (1)
- 해외 경험 (1)
- node (1)
- yarn (1)
- npm (1)
- ci (1)
- pnpm (1)
- dev matching (1)
- cors (1)
- fetch (1)
- axios (1)
- brute force (1)
- 2020 카카오 인턴십 (1)
- hash (1)