https://github.com/voximplant/basic-websdk-demo
This demo explains basic concepts and recommendations for Voximplant's Web SDK video conferencing. The demo is based on Vanilla JS for the ease of working.
https://github.com/voximplant/basic-websdk-demo
demo videochat voximplant
Last synced: 13 days ago
JSON representation
This demo explains basic concepts and recommendations for Voximplant's Web SDK video conferencing. The demo is based on Vanilla JS for the ease of working.
- Host: GitHub
- URL: https://github.com/voximplant/basic-websdk-demo
- Owner: voximplant
- License: mit
- Created: 2021-05-13T13:33:55.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2025-03-03T14:24:16.000Z (3 months ago)
- Last Synced: 2025-05-08T22:57:23.126Z (13 days ago)
- Topics: demo, videochat, voximplant
- Language: JavaScript
- Homepage: https://voximplant.com
- Size: 322 KB
- Stars: 7
- Watchers: 10
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Basic WebSDK demo
[](https://github.com/standard/standard)
This demo explains basic concepts and recommendations for Voximplant's Web SDK video conferencing.
The demo is based on Vanilla JS for the ease of working.
**Login Screen**
**Preparing for a call**
## This demo shows the following features
- Calls
- Conferencing
- Simulcast (SDK v4.5 and above)
- Managing incoming media quality in Simulcast (SDK v4.5 and above)
- Call transfers
- DMTF sending
- Screen sharing
- Working with Voximplant.Hardware
## How to send DTMF
Use the keyboard/keypad `0`, `1`, `2`, `3`, `4`, `5`, `6`, `7`, `8`, `9`, `*`, `#` keys to send DTMF while the call/conference is active.
## How to manage media quality with Simulcast
Please read the [How to manage video quality](https://voximplant.com/docs/howtos/conference/simulcast) article in our documentation to learn about Simulcast usage.
### How to start/stop an incoming media
- To stop an incoming video/media, just click on the video frame that you do not want to receive
- To start the incoming video/media, click on the video frame again
### How to change an incoming video quality
- To lower an incoming video resolution, perform a Ctrl+LeftClick or Alt+LeftClick on the target video
- To reset an incoming video resolution, perform a Shift+Ctrl+LeftClick or Shift+Alt+LeftClick on the target video
## How to change SDK version
This demo uses the latest SDK version by default. If you want to change the SDK version to `[email protected]`, find the following line in the index.html file:
```html
```
And change it to:
```html
```