fix: improve error handling & other minor fixes

Author: philhartung

jsconfig.json

@@ -7,6 +7,7 @@
 		"paths": {
 			"@/*": ["src/*"]
 		},
-		"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
+		"lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+		"types": []
 	}
 }

src/components/pages/DevicesPage.vue

@@ -20,7 +20,7 @@
 		<tbody>
 			<tr v-for="device in searchDevices" :key="device">
 				<td>
-					<span v-if="editDevice != device">{{
+					<span v-if="editDevice != device" class="copy">{{
 						persistentData.devices[device].name
 					}}</span>
 					<input
@@ -33,7 +33,7 @@
 				<td>{{ device }}</td>
 				<td>{{ persistentData.devices[device].count }}</td>
 				<td>
-					<span v-if="editDevice != device">{{
+					<span v-if="editDevice != device" class="copy">{{
 						persistentData.devices[device].description
 					}}</span>
 					<input

src/components/pages/StreamsPage.vue

@@ -70,7 +70,7 @@
 					</td>
 					<td>{{ stream.origin.address }}</td>
 					<td>
-						<span v-if="stream.isSupported">
+						<span v-if="stream.isSupported" class="copy">
 							{{ stream.codec }} / {{ stream.samplerate }}Hz /
 							{{ stream.channels }}
 						</span>

src/lib/audio.js

@@ -18,24 +18,26 @@ const start = function (args) {
 
 	client = dgram.createSocket({ type: "udp4", reuseAddr: true });
 
-	//other constants
+	// Error handling
+	client.on("error", (err) => {
+		console.error(`Socket error: ${err.stack}`);
+	});
+
+	client.on("listening", function () {
+		client.addMembership(args.mcast, args.networkInterface);
+	});
+
+	// Constants
 	const bufferSize = 1024;
 	const jitterBufferSize = args.jitterBufferEnabled ? args.jitterBufferSize : 0;
-
-	//set up constants for lates use
 	const samplesPerPacket = Math.round((args.samplerate / 1000) * args.ptime);
 	const bytesPerSample = args.codec == "L24" ? 3 : 2;
 	const pcmDataSize = samplesPerPacket * bytesPerSample * args.channels;
 	const packetSize = pcmDataSize + 12;
 	const pcmL16out = Buffer.alloc(samplesPerPacket * 4 * bufferSize);
 
-	//vars
 	let seqInternal = -1;
 
-	client.on("listening", function () {
-		client.addMembership(args.mcast, args.networkInterface);
-	});
-
 	client.on("message", function (buffer, remote) {
 		if (buffer.length != packetSize || remote.address != args.addr) {
 			return;
@@ -79,7 +81,7 @@ const start = function (args) {
 	rtAudio = new RtAudio(args.audioAPI);
 	let devices = rtAudio.getDevices();
 	let id;
-	var found = false;
+	let found = false;
 	let defaultOutputDevice;
 
 	for (let i = 0; i < devices.length; i++) {
@@ -104,15 +106,19 @@ const start = function (args) {
 		id = defaultOutputDevice.id;
 	}
 
-	rtAudio.openStream(
-		{ deviceId: id, nChannels: 2, firstChannel: 0 },
-		null,
-		RtAudioFormat.RTAUDIO_SINT16,
-		args.samplerate,
-		samplesPerPacket,
-		"AES67 Monitor"
-	);
-	rtAudio.start();
+	try {
+		rtAudio.openStream(
+			{ deviceId: id, nChannels: 2, firstChannel: 0 },
+			null,
+			RtAudioFormat.RTAUDIO_SINT16,
+			args.samplerate,
+			samplesPerPacket,
+			"AES67 Monitor"
+		);
+		rtAudio.start();
+	} catch (error) {
+		console.error("Error during stream setup:", error);
+	}
 
 	client.bind(5004);
 	streamOpen = true;