@camera.ui/browser 0.1.8 → 0.1.10

package/dist/index.d.ts

@@ -265,6 +265,7 @@ export declare interface CameraUiContext {
     extraProxyQuery: Readonly<Ref<Record<string, string> | undefined>>;
     error: Readonly<Ref<Error | undefined>>;
     wsTransport?: WsTransport;
+    iceServers?: Readonly<Ref<RTCIceServer[] | undefined>>;
     on: (event: CameraUiEventType, cb: CameraUiEventCallback) => void;
     off: (event: CameraUiEventType, cb: CameraUiEventCallback) => void;
 }
@@ -280,6 +281,7 @@ export declare interface CameraUiPluginInput {
     bulkTransport?: NatsTransport;
     target: Ref<ConnectionTarget | null>;
     wsTransport?: WsTransport;
+    iceServers?: Readonly<Ref<RTCIceServer[] | undefined>>;
 }
 
 /* Excluded from this release type: CarbonDioxideInfoProperties */

package/dist/index.js

@@ -3433,7 +3433,7 @@ function isContext(input) {
 }
 var DOWN_DEBOUNCE_MS = 4e3;
 function makeContextFromTransport(input) {
-	const { natsTransport, bulkTransport, target, wsTransport } = input;
+	const { natsTransport, bulkTransport, target, wsTransport, iceServers } = input;
 	let hasBeenConnected = natsTransport.getClient() !== null;
 	let lastClient = natsTransport.getClient();
 	let downTimer = null;
@@ -3525,6 +3525,7 @@ function makeContextFromTransport(input) {
 		extraProxyQuery,
 		error: readonly(error),
 		wsTransport,
+		iceServers,
 		on,
 		off
 	});
@@ -4307,11 +4308,21 @@ async function playVideo(videoElement) {
 }
 //#endregion
 //#region src/streaming/webrtc.ts
-function createBasePeerConnection(signal, onCandidate, filterUdp) {
-	const peerConnection = new RTCPeerConnection({
-		bundlePolicy: "max-bundle",
-		iceServers: [...STREAM_CONFIG.WEBRTC.ICE_SERVERS]
-	});
+function newPeerConnection(iceServers = [...STREAM_CONFIG.WEBRTC.ICE_SERVERS]) {
+	try {
+		return new RTCPeerConnection({
+			bundlePolicy: "max-bundle",
+			iceServers
+		});
+	} catch {
+		return new RTCPeerConnection({
+			bundlePolicy: "max-bundle",
+			iceServers: [...STREAM_CONFIG.WEBRTC.ICE_SERVERS]
+		});
+	}
+}
+function createBasePeerConnection(signal, onCandidate, filterUdp, iceServers) {
+	const peerConnection = newPeerConnection(iceServers);
 	peerConnection.onicecandidate = (ev) => {
 		if (signal.aborted) return;
 		if (filterUdp && ev.candidate?.protocol === "udp") return;
@@ -4354,7 +4365,7 @@ function closePeerConnection(state) {
 	state.isConnected = false;
 }
 function createWebRTCHandler(options) {
-	const { mode, onConnected, onDisconnected, onFailed, onCandidate, signal } = options;
+	const { mode, iceServers, onConnected, onDisconnected, onFailed, onCandidate, signal } = options;
 	const state = {
 		pc: null,
 		micTransceiver: null,
@@ -4362,7 +4373,7 @@ function createWebRTCHandler(options) {
 	};
 	const filterUdp = mode === "webrtc/tcp";
 	function createPeerConnection() {
-		const peerConnection = createBasePeerConnection(signal, onCandidate, filterUdp);
+		const peerConnection = createBasePeerConnection(signal, onCandidate, filterUdp, iceServers);
 		peerConnection.onconnectionstatechange = () => {
 			if (signal.aborted) return;
 			const connectionState = peerConnection.connectionState;
@@ -4407,7 +4418,7 @@ function createWebRTCHandler(options) {
 	};
 }
 function createBackchannelHandler(options) {
-	const { filterUdp, onConnected, onFailed, onCandidate, signal } = options;
+	const { filterUdp, iceServers, onConnected, onFailed, onCandidate, signal } = options;
 	const state = {
 		pc: null,
 		micTransceiver: null,
@@ -4429,7 +4440,7 @@ function createBackchannelHandler(options) {
 		});
 	}
 	function createPeerConnection() {
-		const peerConnection = createBasePeerConnection(signal, sendCandidate, filterUdp);
+		const peerConnection = createBasePeerConnection(signal, sendCandidate, filterUdp, iceServers);
 		peerConnection.onconnectionstatechange = () => {
 			if (signal.aborted) return;
 			const connectionState = peerConnection.connectionState;
@@ -4525,6 +4536,7 @@ var StreamConnection = class {
 	triedSourceIds = /* @__PURE__ */ new Set();
 	options;
 	wsTransport;
+	iceServers;
 	scope = effectScope(true);
 	stopsWhenHidden = suspendsWhenHidden();
 	connectionGeneration = 0;
@@ -4580,6 +4592,7 @@ var StreamConnection = class {
 		if (!ctx.wsTransport) throw new Error("[camera.ui] StreamConnection requires a wsTransport on CameraUiContext — pass `wsTransport` to createCameraUiPlugin.");
 		this.target = ctx.target;
 		this.wsTransport = ctx.wsTransport;
+		this.iceServers = ctx.iceServers;
 		const { autoStart = true } = options;
 		this.status = ref("idle");
 		this.activeMode = ref("webrtc");
@@ -5383,6 +5396,7 @@ var StreamConnection = class {
 		this.startConnectTimeout();
 		const handler = createWebRTCHandler({
 			mode,
+			iceServers: this.iceServers?.value,
 			signal: this.abortController.signal,
 			onConnected: (stream) => this.handleWebRTCConnected(stream),
 			onDisconnected: () => this.handleWebRTCDisconnected(),
@@ -5721,6 +5735,7 @@ var StreamConnection = class {
 		if (this.webrtcHandler && (!this.webrtcHandler.isConnected || this.awaitingWebRTCFrame)) return;
 		const handler = createBackchannelHandler({
 			filterUdp: this.requestedMode.value === "webrtc/tcp",
+			iceServers: this.iceServers?.value,
 			signal: this.abortController.signal,
 			onCandidate: (candidate) => this.sendWsMessage({
 				type: "webrtc/candidate",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camera.ui/browser",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "camera.ui browser client",
   "author": "seydx (https://github.com/cameraui/clients)",
   "type": "module",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@camera.ui/logger": "file:../../packages/logger",
     "@camera.ui/rpc": "^1.1.2",
-    "@camera.ui/sdk": "~1.4.5",
+    "@camera.ui/sdk": "~1.4.6",
     "@camera.ui/transport": "file:../../packages/transport",
     "@eneris/push-receiver": "^4.4.0",
     "@microsoft/api-extractor": "^7.60.1",
@@ -57,7 +57,7 @@
     "eslint-plugin-vue": "^10.12.0",
     "globals": "^17.14.0",
     "prettier": "^3.9.10",
-    "rimraf": "^6.1.3",
+    "rimraf": "^6.1.4",
     "typescript": "5.9.3",
     "typescript-eslint": "^8.72.1",
     "unplugin-dts": "^1.1.2",