webrtc-streamer 0.8.6 → 0.8.7-2-gc08e46c
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -20
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
[](https://github.com/mpromonet/webrtc-streamer/releases/latest)
|
|
15
15
|
[](https://hub.docker.com/r/mpromonet/webrtc-streamer/)
|
|
16
16
|
|
|
17
|
-
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/)
|
|
18
18
|
[](https://gitpod.io/#https://github.com/mpromonet/webrtc-streamer)
|
|
19
19
|
|
|
20
|
-
Experimentation to stream WebRTC media sources like capture devices, screen capture, mkv files and RMTP/RTSP sources using simple signaling mechanism (see [api](docs/api.md)).
|
|
20
|
+
Experimentation to stream WebRTC media sources like capture devices, screen capture, mkv files and RMTP/RTSP sources using simple signaling mechanism (see [api](docs/api.md)). It is also compatible with [WHEP](https://datatracker.ietf.org/doc/html/draft-ietf-wish-whep-01) interface.
|
|
21
21
|
|
|
22
22
|
## Artefacts
|
|
23
23
|
|
|
@@ -91,22 +91,22 @@ Options for the WebRTC stream name:
|
|
|
91
91
|
./webrtc-streamer -C config.json
|
|
92
92
|
```
|
|
93
93
|
|
|
94
|
-
[](https://
|
|
94
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/)
|
|
95
95
|
|
|
96
|
-
[Live Demo](https://
|
|
96
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/)
|
|
97
97
|
|
|
98
98
|
We can access to the WebRTC stream using
|
|
99
99
|
[webrtcstreamer.html](https://github.com/mpromonet/webrtc-streamer-html/blob/master/webrtcstreamer.html).
|
|
100
100
|
For instance:
|
|
101
101
|
|
|
102
|
-
- [webrtcstreamer.html?rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov](https://
|
|
103
|
-
- [webrtcstreamer.html?Bunny](https://
|
|
102
|
+
- [webrtcstreamer.html?rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webrtcstreamer.html?rtsp://wowzaec2demo.streamlock.net/vod/mp4:BigBuckBunny_115k.mov)
|
|
103
|
+
- [webrtcstreamer.html?Bunny](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webrtcstreamer.html?Bunny)
|
|
104
104
|
|
|
105
105
|
An example displaying grid of WebRTC Streams is available using option
|
|
106
106
|
`layout=<lines>x<columns>`
|
|
107
|
-
[](https://
|
|
107
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/?layout=2x4)
|
|
108
108
|
|
|
109
|
-
[Live Demo](https://
|
|
109
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/?layout=2x4)
|
|
110
110
|
|
|
111
111
|
## Using docker image
|
|
112
112
|
|
|
@@ -216,34 +216,48 @@ display a WebRTC stream in an HTML page. For example:
|
|
|
216
216
|
</html>
|
|
217
217
|
```
|
|
218
218
|
|
|
219
|
-
[Live Demo](https://
|
|
219
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/Bunny.html)
|
|
220
220
|
|
|
221
221
|
Using the webcomponent with a stream selector:
|
|
222
222
|
|
|
223
|
-
[](https://
|
|
223
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webrtc-streamer-element.html)
|
|
224
224
|
|
|
225
|
-
[Live Demo](https://
|
|
225
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/webrtc-streamer-element.html)
|
|
226
226
|
|
|
227
227
|
Using the webcomponent over google map:
|
|
228
228
|
|
|
229
|
-
[](https://
|
|
229
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/map.html)
|
|
230
230
|
|
|
231
|
-
[Live Demo](https://
|
|
231
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/map.html)
|
|
232
232
|
|
|
233
233
|
## Using WHEP
|
|
234
234
|
|
|
235
|
-
It allow to stream using draft standard [WHEP](https://
|
|
235
|
+
It allow to stream using draft standard [WHEP](https://datatracker.ietf.org/doc/html/draft-ietf-wish-whep-01)
|
|
236
236
|
|
|
237
237
|
[WebRTC player](https://github.com/Eyevinn/webrtc-player) can display WebRTC stream from webrtc-streamer.
|
|
238
238
|
|
|
239
|
+
A minimal example:
|
|
240
|
+
```html
|
|
241
|
+
<html>
|
|
242
|
+
<head>
|
|
243
|
+
<script src="https://unpkg.com/@eyevinn/whep-video-component@latest/dist/whep-video.component.js"></script>
|
|
244
|
+
</head>
|
|
245
|
+
<body>
|
|
246
|
+
<whep-video id="video" muted autoplay></whep-video>
|
|
247
|
+
<script>
|
|
248
|
+
video.setAttribute('src', `${location.origin}/api/whep?url=Asahi&options=rtptransport%3dtcp%26timeout%3d60`);
|
|
249
|
+
</script>
|
|
250
|
+
</body>
|
|
251
|
+
</html>
|
|
252
|
+
```
|
|
239
253
|
[Live Demo](https://webrtc-streamer-whep.pages.dev/)
|
|
240
254
|
|
|
241
255
|
|
|
242
256
|
## Object detection using tensorflow.js
|
|
243
257
|
|
|
244
|
-
[](https://
|
|
258
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/tensorflow.html)
|
|
245
259
|
|
|
246
|
-
[Live Demo](https://
|
|
260
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/tensorflow.html)
|
|
247
261
|
|
|
248
262
|
## Connect to Janus Gateway Video Room
|
|
249
263
|
|
|
@@ -271,13 +285,13 @@ A short sample to publish WebRTC streams to Janus Video Room could be:
|
|
|
271
285
|
</html>
|
|
272
286
|
```
|
|
273
287
|
|
|
274
|
-
[](https://
|
|
288
|
+
[](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/janusvideoroom.html)
|
|
275
289
|
|
|
276
|
-
[Live Demo](https://
|
|
290
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/janusvideoroom.html)
|
|
277
291
|
|
|
278
292
|
This way the communication between
|
|
279
293
|
[Janus API](https://janus.conf.meetecho.com/docs/JS.html) and
|
|
280
|
-
[WebRTC Streamer API](https://
|
|
294
|
+
[WebRTC Streamer API](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/help)
|
|
281
295
|
is implemented in Javascript running in browser.
|
|
282
296
|
|
|
283
297
|
The same logic could be implemented in NodeJS using the same JS API:
|
|
@@ -322,7 +336,7 @@ A short sample to publish WebRTC streams to a Jitsi Video Room could be:
|
|
|
322
336
|
</html>
|
|
323
337
|
```
|
|
324
338
|
|
|
325
|
-
[Live Demo](https://
|
|
339
|
+
[Live Demo](https://webrtcstreamer.agreeabletree-365b9a90.canadacentral.azurecontainerapps.io/xmppvideoroom.html)
|
|
326
340
|
|
|
327
341
|
## Dependencies
|
|
328
342
|
|