npm install --save react-softphoneimport React from 'react'
import SoftPhone from 'react-softphone'
import { WebSocketInterface } from 'jssip';
const config = {
domain: '[email protected]', // [email protected]
uri: 'sip:[email protected]', // sip:[email protected]
password: 'secret', // PASSWORD ,
ws_servers: 'wss://[email protected]:8089/ws', //ws server
sockets: new WebSocketInterface('wss://[email protected]:8089/ws'),
display_name: '***',//jssip Display Name
debug: false // Turn debug messages on
};
const setConnectOnStartToLocalStorage =(newValue)=>{
// Handle save the auto connect value to local storage
return true
}
const setNotifications =(newValue)=>{
// Handle save the Show notifications of an incoming call to local storage
return true
}
const setCallVolume =(newValue)=>{
// Handle save the call Volume value to local storage
return true
}
const setRingVolume =(newValue)=>{
// Handle save the Ring Volume value to local storage
return true
}
function App() {
return (
<div className="App">
<header className="App-header">
<SoftPhone
callVolume={33} //Set Default callVolume
ringVolume={44} //Set Default ringVolume
connectOnStart={false} //Auto connect to sip
notifications={false} //Show Browser Notification of an incoming call
config={config} //Voip config
setConnectOnStartToLocalStorage={setConnectOnStartToLocalStorage} // Callback function
setNotifications={setNotifications} // Callback function
setCallVolume={setCallVolume} // Callback function
setRingVolume={setRingVolume} // Callback function
timelocale={'UTC+3'} //Set time local for call history
/>
</header>
</div>
);
}
export default App;
MIT © prinze77
This hook is created using create-react-hook.