phone-client-build

Build a mobile WebRTC camera client streaming video to a dashboard.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/TitusLee2000/RemoteCamera --skill phone-client-build
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phone-client-build
Source: https://github.com/TitusLee2000/RemoteCamera/tree/main/.claude/skills/phone-client-build
Command: npx skills add https://github.com/TitusLee2000/RemoteCamera --skill phone-client-build

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables a browser-based phone client to capture camera video and stream it over WebRTC without installing native apps, streamlining device-to-dashboard video workflows.

Core Features & Use Cases

  • Mobile-first getUserMedia setup and WebRTC peer connection handling for Safari and Chrome.
  • WebSocket signaling flow and camera-as-offerer role to connect dashboards and viewers.
  • Visual UI notes and configuration guidance for HTTPS/localhost requirements and playsinline across devices.
  • Use Case: A field technician uses a phone to stream a live feed to a dashboard over the local network or the internet.

Quick Start

Open the phone client in a mobile browser, grant camera access, and press Start Streaming to begin transmitting video via WebRTC.

Frequently Asked Questions about phone-client-build

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I stream video from a phone camera to a dashboard using WebRTC?

To stream video from a phone camera to a dashboard using WebRTC, build a mobile browser client with getUserMedia setup and establish a peer connection. This skill handles the phone-side HTML/JS, WebSocket signaling flow, and camera-as-offerer role for transmitting live feeds.

Why does getUserMedia not work in Safari on my mobile phone?

getUserMedia fails in Safari on mobile phones when specific constraints are unmet. This skill addresses Safari limitations by requiring HTTPS or localhost access, playsinline attributes for video elements, and user-gesture initiation to properly activate the camera stream.

How do I set up WebSocket signaling for a WebRTC camera client?

To set up WebSocket signaling for a WebRTC camera client, define a flow where the camera acts as the offerer to connect with dashboards and viewers. This skill implements the signaling flow and peer connection handling across Safari and Chrome on mobile devices.

Can I use a mobile browser to stream live video without installing a native app?

Yes, you can use a mobile browser to stream live video without native apps by leveraging WebRTC and getUserMedia. This skill enables browser-based phone clients to capture camera video and stream it directly over WebRTC to streamline device-to-dashboard video workflows.

What are the HTTPS and localhost requirements for mobile WebRTC camera streaming?

Mobile WebRTC camera streaming requires HTTPS or localhost access to function properly. This skill provides configuration guidance for these security requirements, ensuring getUserMedia permissions are granted and video streams transmit successfully across Safari and Chrome.

How do I configure a WebRTC peer connection for a mobile camera offerer?

Configuring a WebRTC peer connection for a mobile camera offerer involves setting up getUserMedia and defining the camera-as-offerer role. This skill builds the peer connection handling and WebSocket signaling flow to connect mobile phones with remote dashboards.