# Show GN: React용 Document Picture-in-Picture API 라이브러리

> Clean Markdown view of GeekNews topic #22924. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=22924](https://news.hada.io/topic?id=22924)
- GeekNews Markdown: [https://news.hada.io/topic/22924.md](https://news.hada.io/topic/22924.md)
- Type: show
- Author: [kangbit](https://news.hada.io/@kangbit)
- Published: 2025-09-05T16:30:10+09:00
- Updated: 2025-09-05T16:30:10+09:00
- Original source: [npmjs.com](https://www.npmjs.com/package/react-document-pip)
- Points: 4
- Comments: 0

## Topic Body

#### 소개  
react-document-pip은 Chrome 기반 브라우저에서 제공하는 Document Picture-in-Picture API를 React 환경에서 간편하게 사용할 수 있도록 만들어진 패키지입니다.   
텍스트, 이미지, 버튼, 비디오 등 다양한 HTML 콘텐츠를 PiP 윈도우에 띄울 수 있게 도와줍니다.  
  
  
#### 주의  
Document Picture in Picture API는 아직 실험적 기능입니다. ( 2025-09 )  
일부 브라우저에서 동작하지 않을 수 있습니다. [caniuse](https://caniuse.com/mdn-api_documentpictureinpicture) 에서 브라우저 지원을 확인하세요.  
  
#### 자매품  
[vue-pip](https://www.npmjs.com/package/vue-pip)와 [react-styled-pip](https://www.npmjs.com/package/react-styled-pip) 도 개발 중입니다.

## Comments



_No public comments on this page._