Communitygithub.com

cookpete/react-player

다양한 URL(파일 경로, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia, DailyMotion 등)을 재생할 수 있는 React 컴포넌트입니다.

react-player란 무엇인가요?

cookpete/react-player는 React 애플리케이션에서 다양한 비디오 및 오디오 소스를 간편하게 재생할 수 있도록 해주는 컴포넌트입니다. 이 스킬은 YouTube, Facebook, Twitch, SoundCloud, Vimeo 등 주요 플랫폼과 일반 파일 URL을 지원하며, 사용자는 단일 React Player 컴포넌트를 통해 일관된 인터페이스로 미디어를 제어할 수 있습니다. 특히 `url` prop 하나만으로 여러 플랫폼의 콘텐츠를 자동으로 감지하고 재생해주기 때문에, 멀티미디어 애플리케이션 개발 시 통합 작업을 크게 단순화합니다. 또한 재생 상태, 진행률, 볼륨 등 다양한 prop을 통해 세밀한 제어가 가능하며, React Hooks와 함께 사용해도 문제없이 동작합니다. 이 스킬은 웹 개발자들이 미디어 재생 기능을 빠르고 안정적으로 구현할 수 있도록 돕습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add cookpete/react-player
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

react-player은(는) 무엇을 하나요?

파일 경로, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia 및 DailyMotion을 포함한 다양한 URL을 재생할 수 있는 React 컴포넌트입니다.

관련 스킬

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community