mirrors/gstreamer
mirrors/gstreamer
1
1
Fork 0
mirror of https://gitlab.freedesktop.org/gstreamer/gstreamer.git synced 2024-12-19 23:06:49 +00:00
Code Issues 1 Projects Releases Wiki Activity

examples: Support multiple video streams in JS webrtc sendrecv

Browse source 
Part-of: <https://gitlab.freedesktop.org/gstreamer/gstreamer/-/merge_requests/3079>
This commit is contained in:
Nirbheek Chauhan 2022-09-26 16:53:43 +05:30 committed by GStreamer Marge Bot
parent 0aa9d8ade6
commit 6a3319c8f2
2 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
subprojects/gst-examples/webrtc/sendrecv/js/index.html
View file

@ -23,7 +23,7 @@
</head> </head>
<body> <body>
<div><video id="stream" autoplay playsinline>Your browser doesn't support video</video></div> <div id="video"></div>
<div>Status: <span id="status">unknown</span></div> <div>Status: <span id="status">unknown</span></div>
<div><textarea id="text" cols=40 rows=4></textarea></div> <div><textarea id="text" cols=40 rows=4></textarea></div>
<br/> <br/>

23
subprojects/gst-examples/webrtc/sendrecv/js/webrtc.js
View file

@ -64,7 +64,13 @@ function handleIncomingError(error) {
} }
function getVideoElement() { function getVideoElement() {
return document.getElementById("stream"); var div = document.getElementById("video");
var video_tag = document.createElement("video");
video_tag.textContent = "Your browser doesn't support video";
video_tag.autoplay = true;
video_tag.playsinline = true;
div.appendChild(video_tag);
return video_tag
} }
function setStatus(text) { function setStatus(text) {
@ -91,11 +97,8 @@ function resetVideo() {
} }
}); });
// Reset the video element and stop showing the last received frame // Remove all video players
var videoElement = getVideoElement(); document.getElementById("video").innerHTML = "";
videoElement.pause();
videoElement.src = "";
videoElement.load();
} }
// SDP offer received from peer, set remote description and create an answer // SDP offer received from peer, set remote description and create an answer
@ -264,10 +267,10 @@ function websocketServerConnect() {
} }
function onRemoteTrack(event) { function onRemoteTrack(event) {
if (getVideoElement().srcObject !== event.streams[0]) { var videoElem = getVideoElement();
console.log('Incoming stream'); if (event.track.kind === 'audio')
getVideoElement().srcObject = event.streams[0]; videoElem.style = 'display: none;';
} videoElem.srcObject = new MediaStream([event.track]);
} }
function errorUserMediaHandler() { function errorUserMediaHandler() {