call-control-sdk 6.4.5-beta.6 → 6.4.5-beta.7

package/dist/index.js

@@ -2738,6 +2738,41 @@ function CallHistoryDialog({ open, setOpen }) {
 // call-control-sdk/lib/ringtones/incoming.mp3
 var incoming_default = "./incoming-4WP3FJI4.mp3";
 
+// call-control-sdk/lib/utils/audioLoader.ts
+var audioBlobUrl = null;
+var audioBuffer = null;
+async function loadAudioAsBlob() {
+  if (audioBlobUrl) {
+    return audioBlobUrl;
+  }
+  try {
+    const response = await fetch(incoming_default);
+    if (!response.ok) {
+      throw new Error(`Failed to load audio: ${response.statusText}`);
+    }
+    const blob = await response.blob();
+    audioBlobUrl = URL.createObjectURL(blob);
+    return audioBlobUrl;
+  } catch (error) {
+    console.error("Error loading audio as blob:", error);
+    return incoming_default;
+  }
+}
+async function createAudioElement() {
+  const blobUrl = await loadAudioAsBlob();
+  const audio = new Audio(blobUrl);
+  audio.loop = true;
+  audio.volume = 0.7;
+  return audio;
+}
+function cleanupAudioResources() {
+  if (audioBlobUrl) {
+    URL.revokeObjectURL(audioBlobUrl);
+    audioBlobUrl = null;
+  }
+  audioBuffer = null;
+}
+
 // call-control-sdk/lib/components/callControls.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var getCombineConfrenceData = (conferenceData, apiData, data) => {
@@ -2946,15 +2981,19 @@ function CallControls({ onDataChange }) {
     };
   }, [state.callData.status]);
   (0, import_react11.useEffect)(() => {
-    audioRef.current = new Audio(incoming_default);
-    audioRef.current.loop = true;
-    audioRef.current.volume = 0.7;
+    createAudioElement().then((audio) => {
+      audioRef.current = audio;
+    }).catch((error) => {
+      console.error("Failed to load audio element:", error);
+    });
     return () => {
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current.currentTime = 0;
+        audioRef.current.src = "";
         audioRef.current = null;
       }
+      cleanupAudioResources();
     };
   }, []);
   (0, import_react11.useEffect)(() => {

package/dist/index.mjs

@@ -2757,6 +2757,41 @@ function CallHistoryDialog({ open, setOpen }) {
 // call-control-sdk/lib/ringtones/incoming.mp3
 var incoming_default = "./incoming-4WP3FJI4.mp3";
 
+// call-control-sdk/lib/utils/audioLoader.ts
+var audioBlobUrl = null;
+var audioBuffer = null;
+async function loadAudioAsBlob() {
+  if (audioBlobUrl) {
+    return audioBlobUrl;
+  }
+  try {
+    const response = await fetch(incoming_default);
+    if (!response.ok) {
+      throw new Error(`Failed to load audio: ${response.statusText}`);
+    }
+    const blob = await response.blob();
+    audioBlobUrl = URL.createObjectURL(blob);
+    return audioBlobUrl;
+  } catch (error) {
+    console.error("Error loading audio as blob:", error);
+    return incoming_default;
+  }
+}
+async function createAudioElement() {
+  const blobUrl = await loadAudioAsBlob();
+  const audio = new Audio(blobUrl);
+  audio.loop = true;
+  audio.volume = 0.7;
+  return audio;
+}
+function cleanupAudioResources() {
+  if (audioBlobUrl) {
+    URL.revokeObjectURL(audioBlobUrl);
+    audioBlobUrl = null;
+  }
+  audioBuffer = null;
+}
+
 // call-control-sdk/lib/components/callControls.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var getCombineConfrenceData = (conferenceData, apiData, data) => {
@@ -2965,15 +3000,19 @@ function CallControls({ onDataChange }) {
     };
   }, [state.callData.status]);
   useEffect5(() => {
-    audioRef.current = new Audio(incoming_default);
-    audioRef.current.loop = true;
-    audioRef.current.volume = 0.7;
+    createAudioElement().then((audio) => {
+      audioRef.current = audio;
+    }).catch((error) => {
+      console.error("Failed to load audio element:", error);
+    });
     return () => {
       if (audioRef.current) {
         audioRef.current.pause();
         audioRef.current.currentTime = 0;
+        audioRef.current.src = "";
         audioRef.current = null;
       }
+      cleanupAudioResources();
     };
   }, []);
   useEffect5(() => {

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "call-control-sdk",
 	"description": "Call Control SDK for Web RTC",
-	"version": "6.4.5-beta.6",
+	"version": "6.4.5-beta.7",
 	"author": "CTI SDK Team",
 	"license": "MIT",
 	"main": "./dist/index.js",