https://github.com/medooze/whip-whep-js
WHIP and WHEP clients javascript module
https://github.com/medooze/whip-whep-js
webrtc whep whip
Last synced: about 1 year ago
JSON representation
WHIP and WHEP clients javascript module
- Host: GitHub
- URL: https://github.com/medooze/whip-whep-js
- Owner: medooze
- License: mit
- Created: 2021-09-10T09:42:50.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2024-12-20T10:32:13.000Z (over 1 year ago)
- Last Synced: 2025-03-29T17:05:47.622Z (over 1 year ago)
- Topics: webrtc, whep, whip
- Language: JavaScript
- Homepage:
- Size: 66.4 KB
- Stars: 77
- Watchers: 8
- Forks: 15
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://github.com/medooze/whip-whep-js/actions?query=workflow%3Abuild) [](https://www.npmjs.com/package/whip-whep)
# whip.js
WHIP client javascript module
## Example
```
import { WHIPClient } from "whip.js"
//Get mic+cam
const stream = await navigator.mediaDevices.getUserMedia({audio:true, video:true});
//Create peerconnection
const pc = new RTCPeerConnection({ bundlePolicy: "max-bundle" });
//Send all tracks
for (const track of stream.getTracks()) {
//You could add simulcast too here
pc.addTransceiver(track, { 'direction': 'sendonly' });
}
//Create whip client
const whip = new WHIPClient();
const url = "https://whip.test/whip/endpoint";
const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IndoaXAgdGVzdCIsImlhdCI6MTUxNjIzOTAyMn0.jpM01xu_vnSXioxQ3I7Z45bRh5eWRBEY2WJPZ6FerR8";
//Start publishing
whip.publish(pc, url, token);
```
# whep.js
WHEP client javascript module
## Example
```
import { WHEPClient } from "whep.js"
//Create peerconnection
const pc = window.pc = new RTCPeerConnection({ bundlePolicy: "max-bundle" });
//Add recv only transceivers
pc.addTransceiver("audio");
pc.addTransceiver("video");
pc.ontrack = (event) =>
{
console.log(event)
if (event.track.kind == "video")
document.querySelector("video").srcObject = event.streams[0];
}
//Create whep client
const whep = new WHEPClient();
const url = "https://whep.test/whep/endpoint";
const token = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJtaWxsaWNhc3QiOnsidHlwZSI6IlN1YnNjcmliZSIsInNlcnZlcklkIjoidmlld2VyMSIsInN0cmVhbUFjY291bnRJZCI6InRlc3QiLCJzdHJlYW1OYW1lIjoidGVzdCJ9LCJpYXQiOjE2NzY2NDkxOTd9.ZE8Ftz9qiS04zTKBqP1MHZTOh8dvI73FBraleQM9h1A"
//Start viewing
whep.view(pc, url, token);
```