CyberMind-FR
6200167434
Complete implementation of Media Flow module for real-time detection and
monitoring of streaming services with quality estimation and alerts.
Features:
---------
1. Streaming Service Detection
- Video: Netflix, YouTube, Disney+, Prime Video, Twitch, HBO, Hulu, Vimeo
- Audio: Spotify, Apple Music, Deezer, SoundCloud, Tidal, Pandora
- Visio: Zoom, Teams, Google Meet, Discord, Skype, WebEx
2. Quality Estimation
- SD (< 1 Mbps), HD (1-3 Mbps), FHD (3-8 Mbps), 4K (> 8 Mbps)
- Based on real-time bandwidth analysis
3. Real-time Monitoring
- Active streams dashboard with 5-second auto-refresh
- Bandwidth consumption per stream
- Client IP tracking
- Service categorization (video/audio/visio)
4. Historical Data
- Session history with timestamps
- Usage statistics per service
- Usage statistics per client
- Configurable retention (last 1000 entries)
5. Configurable Alerts
- Service-specific usage thresholds
- Actions: notify, limit, block
- UCI-based alert configuration
RPCD Backend:
-------------
Script: root/usr/libexec/rpcd/luci.media-flow
Methods implemented:
- status: Module status and netifyd integration check
- get_active_streams: Currently active streaming sessions
- get_stream_history: Historical sessions (configurable timeframe)
- get_stats_by_service: Aggregated stats per service
- get_stats_by_client: Aggregated stats per client IP
- get_service_details: Detailed info for specific service
- set_alert: Configure usage alerts
- list_alerts: List all configured alerts
Integration with netifyd DPI for application detection.
Views:
------
1. dashboard.js - Main overview with active streams and service stats
2. services.js - Detailed per-service statistics and details modal
3. clients.js - Per-client streaming activity
4. history.js - Chronological session list with filters
5. alerts.js - Alert configuration interface
All views follow naming conventions:
- Menu paths match view file locations (media-flow/*)
- RPC object: 'luci.media-flow' matches RPCD script name
- All views use 'use strict'
- All RPC methods exist in RPCD implementation
Files Structure:
----------------
✓ Makefile: Complete with all required fields
✓ RPCD: luci.media-flow (matches ubus object)
✓ ACL: All 8 RPCD methods covered (read/write separated)
✓ Menu: 5 views with correct paths
✓ Views: All menu paths have corresponding .js files
✓ UCI Config: media_flow with global settings and alerts
✓ README: Complete documentation with API reference
Validation:
-----------
✓ RPCD script name matches ubus object (luci.media-flow)
✓ Menu paths match view file locations
✓ ACL permissions cover all RPCD methods
✓ RPCD script is executable
✓ JSON files have valid syntax
✓ All views use strict mode
✓ RPC method calls match RPCD implementations
Dependencies:
-------------
- netifyd: Deep Packet Inspection for application detection
- luci-app-netifyd-dashboard: Integration with Netifyd dashboard
- jq: JSON processing for historical data aggregation
Usage:
------
# View status
ubus call luci.media-flow status
# Get active streaming sessions
ubus call luci.media-flow get_active_streams
# Get 24h history
ubus call luci.media-flow get_stream_history '{"hours": 24}'
# Set alert for Netflix
ubus call luci.media-flow set_alert '{"service": "Netflix", "threshold_hours": 4, "action": "notify"}'
Data Storage:
-------------
- History: /tmp/media-flow-history.json (last 1000 entries)
- Stats: /tmp/media-flow-stats/ (aggregated data)
- Alerts: /etc/config/media_flow (UCI persistence)
All data stored locally, no external telemetry.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
71 lines
2.0 KiB
JavaScript
71 lines
2.0 KiB
JavaScript
'use strict';
|
|
'require view';
|
|
'require ui';
|
|
'require media-flow/api as API';
|
|
|
|
return L.view.extend({
|
|
load: function() {
|
|
return Promise.all([
|
|
API.getStatsByClient()
|
|
]);
|
|
},
|
|
|
|
render: function(data) {
|
|
var statsByClient = data[0] || {};
|
|
var clients = statsByClient.clients || {};
|
|
|
|
var v = E('div', { 'class': 'cbi-map' }, [
|
|
E('h2', {}, _('Clients Statistics')),
|
|
E('div', { 'class': 'cbi-map-descr' }, _('Streaming activity per client'))
|
|
]);
|
|
|
|
var clientsList = Object.keys(clients);
|
|
|
|
if (clientsList.length === 0) {
|
|
v.appendChild(E('div', { 'class': 'cbi-section' }, [
|
|
E('p', { 'style': 'font-style: italic; text-align: center; padding: 20px' },
|
|
_('No client data available yet'))
|
|
]));
|
|
return v;
|
|
}
|
|
|
|
// Sort by total duration
|
|
clientsList.sort(function(a, b) {
|
|
return (clients[b].total_duration_seconds || 0) - (clients[a].total_duration_seconds || 0);
|
|
});
|
|
|
|
var table = E('table', { 'class': 'table' }, [
|
|
E('tr', { 'class': 'tr table-titles' }, [
|
|
E('th', { 'class': 'th' }, _('Client IP')),
|
|
E('th', { 'class': 'th' }, _('Sessions')),
|
|
E('th', { 'class': 'th' }, _('Total Duration')),
|
|
E('th', { 'class': 'th' }, _('Total Bandwidth')),
|
|
E('th', { 'class': 'th' }, _('Top Service'))
|
|
])
|
|
]);
|
|
|
|
clientsList.forEach(function(client) {
|
|
var stats = clients[client];
|
|
var duration = stats.total_duration_seconds || 0;
|
|
var hours = Math.floor(duration / 3600);
|
|
var minutes = Math.floor((duration % 3600) / 60);
|
|
|
|
table.appendChild(E('tr', { 'class': 'tr' }, [
|
|
E('td', { 'class': 'td' }, client),
|
|
E('td', { 'class': 'td' }, String(stats.sessions)),
|
|
E('td', { 'class': 'td' }, hours + 'h ' + minutes + 'm'),
|
|
E('td', { 'class': 'td' }, Math.round(stats.total_bandwidth_kbps) + ' kbps'),
|
|
E('td', { 'class': 'td' }, stats.top_service || 'N/A')
|
|
]));
|
|
});
|
|
|
|
v.appendChild(E('div', { 'class': 'cbi-section' }, table));
|
|
|
|
return v;
|
|
},
|
|
|
|
handleSaveApply: null,
|
|
handleSave: null,
|
|
handleReset: null
|
|
});
|