@7365admin1/layer-common 3.2.1-staging.62 → 3.2.1-staging.64

package/composables/useSipWebPhone.ts

@@ -1,5 +1,6 @@
 import { computed, onScopeDispose, readonly, ref, shallowRef } from "vue";
 import type { SimpleUser, SimpleUserDelegate, SimpleUserOptions } from "sip.js/lib/platform/web";
+import type { SessionDescriptionHandlerOptions } from "sip.js/lib/platform/web/session-description-handler/session-description-handler-options";
 
 export type SipWebPhoneConfig = {
   webSocketServer: string;
@@ -11,7 +12,6 @@ export type SipWebPhoneConfig = {
 };
 
 export type SipWebPhoneMedia = {
-  localVideo?: HTMLVideoElement | null;
   remoteAudio?: HTMLAudioElement | null;
   remoteVideo?: HTMLVideoElement | null;
 };
@@ -25,8 +25,6 @@ export default function useSipWebPhone() {
   const callState = ref<CallState>("idle");
   const errorMessage = ref("");
   const muted = ref(false);
-  const cameraEnabled = ref(false);
-  const localVideoAvailable = ref(false);
   const remoteVideoAvailable = ref(false);
   const currentTarget = ref("");
   const activeConfig = shallowRef<SipWebPhoneConfig>();
@@ -106,8 +104,7 @@ export default function useSipWebPhone() {
         aor: normalizeSipUri(config.aor),
         delegate,
         media: {
-          constraints: { audio: true, video: Boolean(config.video) },
-          local: { video: media.localVideo || undefined },
+          constraints: { audio: true, video: false },
           remote: {
             audio: media.remoteAudio || undefined,
             video: media.remoteVideo || undefined,
@@ -169,7 +166,14 @@ export default function useSipWebPhone() {
     currentTarget.value = destination;
     callState.value = "calling";
     try {
-      await user.call(destination);
+      const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
+        constraints: { audio: true, video: false },
+        offerOptions: {
+          offerToReceiveAudio: true,
+          offerToReceiveVideo: Boolean(activeConfig.value?.video),
+        },
+      };
+      await user.call(destination, { sessionDescriptionHandlerOptions });
     } catch (error) {
       resetCall();
       errorMessage.value = getErrorMessage(error);
@@ -179,7 +183,10 @@ export default function useSipWebPhone() {
 
   async function answer() {
     const user = requireRegisteredUser();
-    await user.answer();
+    const sessionDescriptionHandlerOptions: SessionDescriptionHandlerOptions = {
+      constraints: { audio: true, video: false },
+    };
+    await user.answer({ sessionDescriptionHandlerOptions });
   }
 
   async function decline() {
@@ -207,42 +214,19 @@ export default function useSipWebPhone() {
     muted.value = !enable;
   }
 
-  function toggleCamera() {
-    const user = requireUser();
-    const tracks = user.localMediaStream?.getVideoTracks() || [];
-    if (!tracks.length) throw new Error("No camera track is available. Reconnect the web phone with video enabled.");
-    const enable = !cameraEnabled.value;
-    tracks.forEach((track) => {
-      track.enabled = enable;
-    });
-    cameraEnabled.value = enable;
-  }
-
   function syncVideoState() {
     const user = simpleUser.value;
-    const localStream = user?.localMediaStream;
     const remoteStream = user?.remoteMediaStream;
-    const localTrack = localStream?.getVideoTracks()[0];
     const remoteTrack = remoteStream?.getVideoTracks()[0];
 
     const updateState = () => {
-      const currentLocalTrack = localStream?.getVideoTracks()[0];
       const currentRemoteTrack = remoteStream?.getVideoTracks()[0];
-      localVideoAvailable.value = Boolean(currentLocalTrack && currentLocalTrack.readyState === "live");
       remoteVideoAvailable.value = Boolean(currentRemoteTrack && currentRemoteTrack.readyState === "live");
-      cameraEnabled.value = Boolean(currentLocalTrack?.enabled);
     };
 
     updateState();
-    if (localStream) localStream.onaddtrack = updateState;
     if (remoteStream) remoteStream.onaddtrack = updateState;
 
-    if (localTrack) {
-      localTrack.onended = () => {
-        localVideoAvailable.value = false;
-        cameraEnabled.value = false;
-      };
-    }
     if (remoteTrack) {
       remoteTrack.onended = () => {
         remoteVideoAvailable.value = false;
@@ -254,8 +238,6 @@ export default function useSipWebPhone() {
     callState.value = "idle";
     currentTarget.value = "";
     muted.value = false;
-    cameraEnabled.value = false;
-    localVideoAvailable.value = false;
     remoteVideoAvailable.value = false;
   }
 
@@ -279,8 +261,6 @@ export default function useSipWebPhone() {
     callState: readonly(callState),
     errorMessage: readonly(errorMessage),
     muted: readonly(muted),
-    cameraEnabled: readonly(cameraEnabled),
-    localVideoAvailable: readonly(localVideoAvailable),
     remoteVideoAvailable: readonly(remoteVideoAvailable),
     currentTarget: readonly(currentTarget),
     isRegistered,
@@ -292,7 +272,6 @@ export default function useSipWebPhone() {
     decline,
     hangup,
     toggleMute,
-    toggleCamera,
   };
 }
 
@@ -323,10 +302,10 @@ function normalizeDestination(target: string, aor: string) {
 
 function getErrorMessage(error: unknown) {
   if (error instanceof DOMException && error.name === "NotAllowedError") {
-    return "Camera or microphone permission was denied. Allow media access in the browser and reconnect the web phone.";
+    return "Microphone permission was denied. Allow microphone access in the browser and reconnect the web phone.";
   }
   if (error instanceof DOMException && error.name === "NotFoundError") {
-    return "No camera or microphone was found for this video call.";
+    return "No microphone was found for this call.";
   }
   return error instanceof Error ? error.message : "SIP connection failed.";
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "3.2.1-staging.62",
+  "version": "3.2.1-staging.64",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "publishConfig": {