RNS-Things/reticulum-meshchatX
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

show remote audio codec in ui

Browse Source
This commit is contained in:
liamcottle
2024-05-21 17:02:21 +12:00
parent 6d4f5ed0a7
commit a142f5c84c
1 changed files with 21 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
public/call.html
View File

@@ -72,18 +72,23 @@
<div class="text-xs text-gray-600">{{ formatBytes(rxBytes) }}</div> <div class="text-xs text-gray-600">{{ formatBytes(rxBytes) }}</div>
</div> </div>
<div class="mb-2">
<div class="mb-1 text-sm font-medium text-gray-900">Incoming Audio</div>
<div class="text-xs text-gray-600">{{ remoteAudioCodec || "Unknown" }}</div>
</div>
<div> <div>
<div class="mb-1 text-sm font-medium text-gray-900">Codec2 Mode</div> <div class="mb-1 text-sm font-medium text-gray-900">Outgoing Audio</div>
<select v-model="codecMode" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5"> <select v-model="codecMode" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
<option value="MODE_3200">3200</option> <option value="MODE_3200">Codec2 3200</option>
<option value="MODE_2400">2400</option> <option value="MODE_2400">Codec2 2400</option>
<option value="MODE_1600">1600</option> <option value="MODE_1600">Codec2 1600</option>
<option value="MODE_1400">1400</option> <option value="MODE_1400">Codec2 1400</option>
<option value="MODE_1300">1300</option> <option value="MODE_1300">Codec2 1300</option>
<option value="MODE_1200">1200</option> <option value="MODE_1200">Codec2 1200</option>
<option value="MODE_700C">700C</option> <option value="MODE_700C">Codec2 700C</option>
<option value="MODE_450">450</option> <option value="MODE_450">Codec2 450</option>
<option value="MODE_450PWB">450PWB</option> <option value="MODE_450PWB">Codec2 450PWB</option>
</select> </select>
</div> </div>
@@ -291,6 +296,8 @@
codecMode: "MODE_1200", // seems to be the smallest size with the best quality from my testing codecMode: "MODE_1200", // seems to be the smallest size with the best quality from my testing
sampleRate: 8000, sampleRate: 8000,
remoteAudioCodec: null,
audioContext: null, audioContext: null,
mediaStreamSource: null, mediaStreamSource: null,
audioWorkletNode: null, audioWorkletNode: null,
@@ -374,6 +381,7 @@
// update ui // update ui
this.callHash = callHash; this.callHash = callHash;
this.remoteAudioCodec = null;
// reset stats // reset stats
this.txBytes = 0; this.txBytes = 0;
@@ -466,6 +474,9 @@
const mode = Codec2AudioMode.valuesById[codec2Audio.mode].replace("MODE_", ""); const mode = Codec2AudioMode.valuesById[codec2Audio.mode].replace("MODE_", "");
const encoded = new Uint8Array(codec2Audio.encoded); const encoded = new Uint8Array(codec2Audio.encoded);
// update ui
this.remoteAudioCodec = "Codec2 Mode " + mode;
// decode codec2 audio // decode codec2 audio
const decoded = await Codec2Lib.runDecode(mode, encoded); const decoded = await Codec2Lib.runDecode(mode, encoded);