# Migration from Simple to SimpleUser
Migrating from `Simple` (documented [here](https://sipjs.com/guides/simple/))
to `SimpleUser` (documented [here](./simple-user))
is relatively simple.
## HTML
```html
```
## Create an Simple/SimpleUser Instance
Before...
```js
var options = {
media: {
local: {
video: document.getElementById('localVideo')
},
remote: {
video: document.getElementById('remoteVideo'),
// This is necessary to do an audio/video call as opposed to just a video call
audio: document.getElementById('remoteVideo')
}
},
ua: {}
};
var simple = new SIP.Web.Simple(options);
```
After...
```ts
const server = "wss://sip.example.com";
const options: SIP.Web.SimpleUserOptions = {
media: {
constraints: {
audio: true,
video: true
},
local: {
video: document.getElementById("localVideo") as HTMLVideoElement
},
remote: {
video: document.getElementById("remoteVideo") as HTMLVideoElement,
}
},
userAgentOptions: {}
};
const simpleUser = new SIP.Web.SimpleUser(server, options);
```
## Starting and Ending a Call
Before...
```js
var endButton = document.getElementById('endCall');
endButton.addEventListener("click", function () {
simple.hangup();
alert("Call Ended");
}, false);
simple.call('welcome@onsip.com');
```
After...
```ts
const endButton = document.getElementById("endCall");
endButton.addEventListener("click", async () => {
await simpleUser.hangup();
alert("Call Ended");
}, false);
simpleUser.call("welcome@onsip.com");
```
## Answering a Call
Before...
```js
var options = {
media: {
local: {
video: document.getElementById('localVideo')
},
remote: {
video: document.getElementById('remoteVideo'),
// This is necessary to do an audio/video call as opposed to just a video call
audio: document.getElementById('remoteVideo')
}
},
ua: {
uri: 'test@example.com',
authorizationUser: 'test',
password: 'password',
}
};
var simple = new SIP.Web.Simple(options);
simple.on('ringing', function () {
simple.answer();
});
```
After...
```ts
const server = "wss://sip.example.com";
const options: SIP.Web.SimpleUserOptions = {
media: {
constraints: {
audio: true,
video: true
},
local: {
video: document.getElementById("localVideo") as HTMLVideoElement
},
remote: {
video: document.getElementById("remoteVideo") as HTMLVideoElement,
}
},
aor: "sip:test@example.com",
userAgentOptions: {
authorizationUsername: "test",
authorizationPassword: "password"
}
};
const simpleUser = new SIP.Web.SimpleUser(server, options);
simpleUser.delegate = {
onCallReceived: async () => {
await simpleUser.answer();
}
};
```