Comments (13)
Guys I am creating my own Video Chat App but not using this I have used react and etc... If you want to include share screen in this wonder project of Zoom-Clone then You may use my API and do it!. I will release it in few weeks!!!!
Is That Cool!!! 😎😎😎
from nodejs-zoom-clone.
For all of you guys, who want to integrate Screen-Sharing option in the project .
you can get what you want to build here in this channel link below..
https://youtu.be/X8QHHB7DA90
I hope it will help you
from nodejs-zoom-clone.
I need same help I will support this question so people see it.
from nodejs-zoom-clone.
Also have it in mind the mobile browsers don't support screen sharing
from nodejs-zoom-clone.
Also have it in mind the mobile browsers don't support screen sharing
It does works Man
Maybe I am wrong. If yes please forgive me. I am testing my API and it's working correctly in all devices including screenshare in mobile
from nodejs-zoom-clone.
Yes please i have been trying to find sources where screen sharing is possible. I even tried changing the mediastream of my webcam video stream to screen share video stream but it then the screen on peer side just freezes as soon as i changed the video stream. Would really be big help if someone finds a way. Thank You
from nodejs-zoom-clone.
Guys I am creating my own Video Chat App but not using this I have used react and etc... If you want to include share screen in this wonder project of Zoom-Clone then You may use my API and do it!. I will release it in few weeks!!!!
Is That Cool!!! 😎😎😎
how pls tell how can i add screen share
from nodejs-zoom-clone.
Guys I am creating my own Video Chat App but not using this I have used react and etc... If you want to include share screen in this wonder project of Zoom-Clone then You may use my API and do it!. I will release it in few weeks!!!!
Is That Cool!!! 😎😎😎how pls tell how can i add screen share
well if you want to make it, super quick I have given a link there , okay let me paste the link here as well https://youtu.be/X8QHHB7DA90
in this video you will get how to make screen sharing possible in this application .Thanks.
from nodejs-zoom-clone.
can you please let me knew how can i add a screen sharing option to it
i also having that question.Are u acheived that one
from nodejs-zoom-clone.
I added screenShare via replacing video stream with screen share.
and user who started screen share == can't see screen share
other user connected == can see screen share;
for that I use this code down below
`//IN HTML
//add button
//IN JS FILE
//screenShare
const screenshare = () =>{
navigator.mediaDevices.getDisplayMedia({
video:{
cursor:'always'
},
audio:{
echoCancellation:true,
noiseSupprission:true
}
}).then(stream =>{
let videoTrack = stream.getVideoTracks()[0];
videoTrack.onended = function(){
stopScreenShare();
}
for (let x=0;x<currentPeer.length;x++){
let sender = currentPeer[x].getSenders().find(function(s){ //replace video track
return s.track.kind == videoTrack.kind;
})
sender.replaceTrack(videoTrack);
}
})
}
function stopScreenShare(){
let videoTrack = myVideoStream.getVideoTracks()[0];
for (let x=0;x<currentPeer.length;x++){
let sender = currentPeer[x].getSenders().find(function(s){
return s.track.kind == videoTrack.kind;
})
sender.replaceTrack(videoTrack);
}
}`
from nodejs-zoom-clone.
I added screenShare via replacing video stream with screen share.
and user who started screen share == can't see screen share
other user connected == can see screen share;
for that I use this code down below`//IN HTML
//add button
//IN JS FILE
//screenShare
const screenshare = () =>{
navigator.mediaDevices.getDisplayMedia({
video:{
cursor:'always'
},
audio:{
echoCancellation:true,
noiseSupprission:true
}}).then(stream =>{
let videoTrack = stream.getVideoTracks()[0];
videoTrack.onended = function(){
stopScreenShare();
}
for (let x=0;x<currentPeer.length;x++){let sender = currentPeer[x].getSenders().find(function(s){ //replace video track return s.track.kind == videoTrack.kind; }) sender.replaceTrack(videoTrack);
}
})}
function stopScreenShare(){
let videoTrack = myVideoStream.getVideoTracks()[0];
for (let x=0;x<currentPeer.length;x++){
let sender = currentPeer[x].getSenders().find(function(s){
return s.track.kind == videoTrack.kind;
})
sender.replaceTrack(videoTrack);
}
}`
i use this code i didn't get any error. but the screen is not visible to others..
from nodejs-zoom-clone.
Thanks!
from nodejs-zoom-clone.
from nodejs-zoom-clone.
Related Issues (20)
- Peer js screenshare ? HOT 1
- mutiple user problem HOT 1
- Can not answer the call when new user join room HOT 7
- script.js:12 Uncaught ReferenceError: Peer is not defined
- how can i show the number of participants in the meeting HOT 2
- Remove Video Grid When User left
- how can i monitoring the screen of others using nodejs
- Only host want to see all participants video HOT 1
- when i run the program using ip adress video is not showing HOT 1
- in same room only 5 participants are able to join HOT 1
- HEROKU APP CRASH PLEASE HELP!!!
- duplication of joining new user-Reg HOT 5
- Fails to connect to websockets HOT 1
- when i run this on my local system i found this error HOT 6
- Uncaught (in promise) DOMException: Could not start video source HOT 2
- TypeError: Cannot read property 'emit' of undefined HOT 12
- Not working when the attendee belongs to different network. HOT 6
- Cannot see new user video HOT 10
- Screen share code
- Video Stability Issue when multiple user joins
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from nodejs-zoom-clone.