diegosouzapw Adaptive Bitrate
Skill Profile
(Select at least one profile to enable specific modules)
- DevOps
- Backend
- Frontend
- AI-RAG
- Security Critical
Overview
Adaptive Bitrate (ABR) streaming automatically adjusts video quality based on network conditions. This guide covers HLS, DASH, and player implementation for building video streaming solutions that provide smooth playback across varying network conditions.
Why This Matters
Adaptive Bitrate streaming is critical for video platforms as it directly impacts:
- User Experience: Smooth playback without buffering
- Reach: Works across diverse network conditions globally
- Quality: Delivers optimal quality based on available bandwidth
- Efficiency: Reduces bandwidth costs through smart quality selection
Core Concepts
- ABR (Adaptive Bitrate): Dynamic quality adjustment based on network conditions
- HLS (HTTP Live Streaming): Apple's streaming protocol using m3u8 playlists
- DASH (MPEG-DASH): ISO standard for adaptive streaming
- Segmentation: Video divided into small chunks for flexible switching
- Manifest Files: Playlists/MPD describing available quality levels
- Bandwidth Estimation: Real-time network speed detection
- Buffer Management: Balancing quality and playback stability
Inputs / Outputs / Contracts
Skill Composition
- Depends on: None
- Compatible with: None
- Conflicts with: None
- Related Skills: None
Quick Start / Implementation Example
- Review requirements and constraints
- Set up development environment
- Implement core functionality following patterns
- Write tests for critical paths
- Run tests and fix issues
- Document any deviations or decisions
# Example implementation following best practices
def example_function():
# Your implementation here
pass
Assumptions
- Source video is in compatible format (MP4, MOV, etc.)
- Sufficient storage for multiple quality versions
- CDN available for global distribution
- Modern browser with Media Source Extensions support
Compatibility
| Protocol | Browser Support |
|---|---|
| HLS | Safari (native), Chrome/Firefox (via hls.js) |
| DASH | Chrome/Firefox (via Shaka), Safari (limited) |
| Progressive | All browsers |
Test Scenario Matrix (QA Strategy)
| Type | Focus Area | Required Scenarios / Mocks |
|---|---|---|
| Unit | Core Logic | Must cover primary logic and at least 3 edge/error cases. Target minimum 80% coverage |
| Integration | DB / API | All external API calls or database connections must be mocked during unit tests |
| E2E | User Journey | Critical user flows to test |
| Performance | Latency / Load | Benchmark requirements |
| Security | Vuln / Auth | SAST/DAST or dependency audit |
| Frontend | UX / A11y | Accessibility checklist (WCAG), Performance Budget (Lighthouse score) |
Technical Guardrails & Security Threat Model
1. Security & Privacy (Threat Model)
- Top Threats: Injection attacks, authentication bypass, data exposure
- Data Handling: Sanitize all user inputs to prevent Injection attacks. Never log raw PII
- Secrets Management: No hardcoded API keys. Use Env Vars/Secrets Manager
- Authorization: Validate user permissions before state changes
2. Performance & Resources
- Execution Efficiency: Consider time complexity for algorithms
- Memory Management: Use streams/pagination for large data
- Resource Cleanup: Close DB connections/file handlers in finally blocks
3. Architecture & Scalability
- Design Pattern: Follow SOLID principles, use Dependency Injection
- Modularity: Decouple logic from UI/Frameworks
4. Observability & Reliability
- Logging Standards: Structured JSON, include trace IDs
request_id - Metrics: Track
error_rate,latency,queue_depth - Error Handling: Standardized error codes, no bare except
- Observability Artifacts:
- Log Fields: timestamp, level, message, request_id
- Metrics: request_count, error_count, response_time
- Dashboards/Alerts: High Error Rate > 5%
Agent Directives
- Always encode multiple quality levels
- Use 6-10 second segments for optimal adaptation
- Configure appropriate buffer sizes
- Implement error handling for network issues
- Monitor quality switches and buffering
- Use CDN for global delivery
Definition of Done (DoD) Checklist
- Tests passed + coverage met
- Lint/Typecheck passed
- Logging/Metrics/Trace implemented
- Security checks passed
- Documentation/Changelog updated
- Accessibility/Performance requirements met (if frontend)
Anti-patterns / Pitfalls
- ⛔ Don't: Log PII, catch-all exception, N+1 queries
- ⚠️ Watch out for: Common symptoms and quick fixes
- 💡 Instead: Use proper error handling, pagination, and logging
Reference Links & Examples
- Internal documentation and examples
- Official documentation and best practices
- Community resources and discussions
Versioning & Changelog
- Version: 1.0.0
- Changelog:
- 2026-02-22: Initial version with complete template structure