WebAudio-Modem Demo
{{ systemReady ? 'System Ready ✓' : 'Initialize System' }}
🔄 Test Loopback
Using: {{ inputSource === 'loopback' ? '🔄 Loopback' : '🎤 Microphone' }}
{{ microphonePermission ? 'Switch' : '🎤 Enable Mic' }}
📝 Text
🖼️ Image
{{ sample.name }}
{{ systemStatus.message }}
TRANSMISSION COMPARISON
📤 SENT DATA
Text: "{{ inputText }}"
Size: {{ textDataSize }} bytes
{{ selectedImage.name }} - {{ selectedImage.size }} bytes
No data selected
📥 RECEIVED DATA
No data received
Receiving text... ({{ receivingSession.currentTransferData.totalSize }} bytes)
Receiving... {{ receivingSession.currentTransferData.totalSize }} bytes
Text: "{{ data.content }}"
{{ getComparisonResult(data) }}
{{ getComparisonResult(data) }}
📤 SEND LOG
{{ sendLog || 'No send activity yet' }}
📥 RECEIVE LOG
{{ receiveLog || 'No receive activity yet' }}
Clear Logs
Clear All Data
📤 Sender Control
📤 Send via Microphone
⏹ Stop Sending
{{ sendStatus.message }}
📥 Receiver Control
📥 Start Listening
⏹ Stop Listening
{{ receivingSession.fragments.length }} fragments, {{ receivingSession.totalReceived }} bytes
@ {{ receivingSession.bytesPerSecond }}B/s
{{ receiveStatus.message }}
📊 Signal Visualization (Optional)
{{ showVisualization ? 'Hide' : 'Show' }}
{{ showDebug ? 'Hide Debug' : 'Show Debug' }}
Audio Waveform (Demodulator Input)
System Debug Info
Sender
{{ senderDebugInfo }}
Receiver
{{ receiverDebugInfo }}