{"id":28864888,"url":"https://github.com/react-native-bridges/react-native-youtube-bridge","last_synced_at":"2026-05-03T16:02:39.604Z","repository":{"id":298812403,"uuid":"1000104674","full_name":"react-native-bridges/react-native-youtube-bridge","owner":"react-native-bridges","description":"🎥 Easy-to-use YouTube player for React Native with cross-platform support","archived":false,"fork":false,"pushed_at":"2026-05-03T11:02:17.000Z","size":36687,"stargazers_count":43,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-05-03T11:24:06.222Z","etag":null,"topics":["android","expo","ios","react-native","react-native-youtube","react-native-youtube-iframe","web","youtube-iframe","youtube-player","youtube-video"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-native-youtube-bridge","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/react-native-bridges.png","metadata":{"files":{"readme":"README-ko_kr.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-11T09:15:22.000Z","updated_at":"2026-05-03T11:01:45.000Z","dependencies_parsed_at":"2025-06-13T03:38:43.625Z","dependency_job_id":"abdebc76-84db-4089-8d32-3cfbc5b3f09f","html_url":"https://github.com/react-native-bridges/react-native-youtube-bridge","commit_stats":null,"previous_names":["react-native-bridges/react-native-youtube-bridge"],"tags_count":61,"template":false,"template_full_name":null,"purl":"pkg:github/react-native-bridges/react-native-youtube-bridge","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-bridges%2Freact-native-youtube-bridge","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-bridges%2Freact-native-youtube-bridge/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-bridges%2Freact-native-youtube-bridge/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-bridges%2Freact-native-youtube-bridge/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/react-native-bridges","download_url":"https://codeload.github.com/react-native-bridges/react-native-youtube-bridge/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/react-native-bridges%2Freact-native-youtube-bridge/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32575115,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","expo","ios","react-native","react-native-youtube","react-native-youtube-iframe","web","youtube-iframe","youtube-player","youtube-video"],"created_at":"2025-06-20T10:00:46.595Z","updated_at":"2026-05-03T16:02:39.598Z","avatar_url":"https://github.com/react-native-bridges.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native Youtube Bridge\n\n\u003e [English](./README.md) | 한국어\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./assets/logo.png\" width=\"300px\" alt=\"React Native Youtube Bridge 로고\" /\u003e\n\u003c/div\u003e\n\n\n## 개요\n\nReact Native에서 YouTube 플레이어를 사용하려면 YouTube IFrame API, WebView 동작, 이벤트, 플랫폼 차이를 직접 연결해야 하는 경우가 많습니다.\n\n`react-native-youtube-bridge`는 iOS, Android, Web에서 사용할 수 있는 타입 안전한 Hook 기반 YouTube 플레이어 라이브러리입니다.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./assets/example.gif\" width=\"600\" alt=\"react-native-youtube-bridge 데모\" /\u003e\n\u003c/p\u003e\n\n### 주요 특징\n\n- 🎥 **YouTube IFrame Player API** - 네이티브 YouTube 모듈 대신 YouTube iframe player를 사용\n- 🪝 **Hook 기반 API** - `useYouTubePlayer`로 플레이어를 만들고 `YoutubeView`로 렌더링\n- 🔔 **타입 안전 이벤트** - `useYouTubeEvent`로 ready, state, progress, mute, error 이벤트 구독\n- 🌐 **크로스 플랫폼** - iOS, Android, React Native Web 지원\n- 🧩 **유연한 렌더링 모드** - 기본 inline HTML 또는 외부 WebView 플레이어 페이지 사용 가능\n- 🧠 **TypeScript 지원** - 플레이어 메서드, 이벤트, source 입력, view props 타입 제공\n- 🚀 **Expo 친화적** - Expo와 최신 React Native 프로젝트에서 사용하기 좋음\n\n## 빠른 시작\n\n### 📚 문서\n\n전체 문서는 \u003chttps://react-native-youtube-bridge-docs.pages.dev/ko/\u003e에서 확인할 수 있습니다.\n\n- [시작하기](https://react-native-youtube-bridge-docs.pages.dev/ko/guide/getting-started/overview.html)\n- [API 레퍼런스](https://react-native-youtube-bridge-docs.pages.dev/ko/guide/usage/api-reference.html)\n- [1.x 문서](https://react-native-youtube-bridge-docs.pages.dev/1.x/ko/)\n- [1.x에서 마이그레이션](https://react-native-youtube-bridge-docs.pages.dev/ko/guide/migration-from-1.x.html)\n\n### 예제 및 데모\n\n- [📁 예제 프로젝트](/example/) - 예제 React Native 앱\n- [🌐 웹 데모](https://react-native-youtube-bridge-example.pages.dev/) - 호스팅된 데모\n- [🤖 Expo Snack](https://snack.expo.dev/@harang/react-native-youtube-bridge) - Expo Snack에서 바로 체험\n\n### 🤖 AI\n\n- [llms.txt](https://react-native-youtube-bridge-docs.pages.dev/ko/llms.txt): 문서 페이지와 설명을 담은 구조화된 색인 파일입니다.\n- [llms-full.txt](https://react-native-youtube-bridge-docs.pages.dev/ko/llms-full.txt): 전체 문서를 하나의 파일로 합친 전체 내용 파일입니다.\n\n### 설치\n\n```bash\nnpm install react-native-youtube-bridge\n```\n\n### 기본 사용법\n\n```tsx\nimport { YoutubeView, useYouTubePlayer } from 'react-native-youtube-bridge';\n\nfunction App() {\n  const player = useYouTubePlayer('AbZH7XWDW_k');\n\n  return \u003cYoutubeView player={player} /\u003e;\n}\n```\n\n이벤트, 플레이어 제어, 렌더링 모드, WebView 커스터마이징, 마이그레이션은 [전체 문서](https://react-native-youtube-bridge-docs.pages.dev/ko/)를 참고하세요.\n\n## 기여하기\n\n프로젝트 기여 방법과 개발 환경 설정은 [기여 가이드](CONTRIBUTING.md)를 참고해 주세요.\n\n## 라이선스\n\n[MIT](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-bridges%2Freact-native-youtube-bridge","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freact-native-bridges%2Freact-native-youtube-bridge","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freact-native-bridges%2Freact-native-youtube-bridge/lists"}