Comments (5)
Yes, Sometimes the Remote video stream is not shown, But after rejoining it works fine,
I have tested the Project and in my case, it works well even I also sent the link to my friends and that time also it works well.
I request that you please try once again time and let me know about your experience,
And lastly your Query about the Remote video stream element,
Ans) The Remote Video stream element is created and append in div by the plain javascript,
const video = document.createElement('video')
Append Function
`
const append = (video, stream, name) => {
video.srcObject = stream;
const div = document.createElement('div');
const h1 = document.createElement('h1');
h1.classList.add('text-3xl', 'text-center', 'absolute', 'capitalize');
video.addEventListener('loadedmetadata', () => {
video.play();
})
h1.textContent = name;
div.classList.add('border', 'rounded', 'overflow-hidden', 'bg-slate-400', 'overflow-hidden', 'relative', 'h-fit');
div.appendChild(h1);
div.appendChild(video);
mydiv.current.appendChild(div);
RemoveUnusedDivs();}`
I hope your all queries are solved, Let me know if you face any problem,
Thanks for tacking an interest in the Project!
from zoom-clone.
from zoom-clone.
Thanks for your quick response. Socket io is working, it successfully log message each time a new user join or left the room.
However, it doesn't show the remote video stream!
I just tried your app from two different machine at the same time.
https://zoom-videochatapp.netlify.app/user1/4yIy0_QAaZj8HNG7AABD
https://zoom-videochatapp.netlify.app/user2/4yIy0_QAaZj8HNG7AABD
It only shows current user's video stream on the screen, not the remote video stream!
Looking at the code, I found you only have one video element where you are setting your own video source, instead of the remote video source.
<video muted={true} autoPlay={true} ref={myvideo}></video>
from zoom-clone.
Thanks for your quick response. I have tried with the live link zoom-videochatapp.netlify.app from two different computer.
Here is the step I perform:
From PC1
- visited zoom-videochatapp.netlify.app
- Clicked Create Meeting
- Copy the Meeting Id
- Enter Name : Person1
- Enter Code : typed the Meeting Id got from step 3
- Join Meeting
From PC2:
- visited zoom-videochatapp.netlify.app
- Enter Name : Person2
- Enter Code : typed the Meeting Id generated by PC1 in step 2
- Join Meeting
From both PC, only can see current video stream.
Have also tried to disconnect from PC2 and then tried to re-connect with the steps above. Still not seeing any remote stream.
from zoom-clone.
can you share the Screenshot?
from zoom-clone.
Related Issues (1)
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 zoom-clone.