Learning Paths
Choose a learning path based on your experience level and goals.
Beginner Path
Perfect for developers new to VoIP/SIP or Vue.js WebRTC applications.
Step 1: Basic Call Setup
- Quick Start - Get connected in 3 minutes
- Basic Audio Call - Understand call lifecycle
- Audio Devices - Manage microphones and speakers
Step 2: Call Controls
- DTMF Tones - Send touch tones during calls
- Hold & Mute - Basic call controls
- Call Timer - Track call duration
Step 3: User Experience
- Call History - Track past calls
- Settings Persistence - Save user preferences
Estimated Time: 2-3 hours
Intermediate Path
For developers ready to add advanced calling features.
Step 1: Enhanced Calling
- Video Calling - Add video to your calls
- Picture-in-Picture - PiP video support
- Screen Sharing - Share your screen
Step 2: Call Quality
- Quality Monitoring - Monitor call quality metrics
- Connection Recovery - Handle network issues
Step 3: Multi-Party
- Multi-Line - Handle multiple concurrent calls
- Conference Calls - Multi-party audio/video
Step 4: Communication
- Presence & BLF - User status monitoring
- SIP Messaging - Instant messaging
Estimated Time: 4-6 hours
Advanced Path
For building production call center and enterprise applications.
Step 1: Conference Features
- Conference Gallery - Gallery layout for participants
- Call Transfer - Blind and attended transfers
Step 2: Call Center Integration
- Agent Login - Call center agent authentication
- Queue Monitor - Live queue statistics
- CDR Dashboard - Call detail records
Step 3: AI Features
- Real-Time Transcription - Live speech-to-text
- Keyword Detection - Detect important phrases
Step 4: Advanced Recording
- Call Recording - Server-side recording
- Voicemail - Voicemail management
Estimated Time: 6-8 hours
Feature-Specific Paths
Video Application Developer
Focus on video calling and screen sharing:
Call Center Developer
Focus on call center features:
AI/ML Developer
Focus on transcription and AI features:
Interactive Playground
All examples are available in the interactive playground:
bash
# Clone the repository
git clone https://github.com/ironyh/VueSip.git
cd VueSip
# Install dependencies
pnpm install
# Start the playground
pnpm devVisit http://localhost:5173 to explore all 50+ demos with live code.