Comments (7)
hello yes i can join the meeting using eyeson url (one session with access key and the other one with guest token)
My localhost wasn't working and therefore i uploaded to my server with https support.
from js-docs.
It still didn't work with https @unused . The current failure i am talking about is on https
from js-docs.
Accepted is never called in event handler. I have joined to the meeting from another browser using guest token and eyeson url, still didn't receive "accepted" event.
from js-docs.
I've quickly tested your snippet and it seems to be fine, therefore it might be some issue with your development environment: Please ensure you use localhost
for your local development as otherwise your browser of choice might require you to use HTTPS even for local development. Check if there are any error messages or warning received when starting the meeting in your browser. An easy way to test - and comfortable way to prevent meeting expiration - is to join a user and open the default eyeson web UI, then join another participant on the same room and use this access key for testing.
The HTML document I adapted from your code looks like the following. NOTE: I hosted it using a simple local webserver, e.g. using python python -m SimpleHTTPServer 8000
and visiting http://localhost:8000
.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>testing https://github.com/eyeson-team/js-docs/issues/23</title>
</head>
<body>
<form id="start-form">
<label for="access-key">Access Key</label>
<input type="text" id="access-key" />
<button>start</button>
</form>
<video id="local-video" width="640" height="480" autoplay playsinline></video>
<video id="remote-video" width="640" height="480" autoplay playsinline></video>
<script src="./node_modules/eyeson/dist/eyeson.js"></script>
<script>
function addVideo(element, stream) {
element.srcObject = stream;
element.play();
}
let state = { local: null, stream: null, connecting: false, audio: true,
video: true, screen: false, facingMode: "user",recording :false,
streaming:false, youtube:false, facebook:false };
var eyesonModule = window.eyeson;
var eyeson = eyesonModule.default;
var start = function(accessKey) {
state.connecting = true;
eyeson.onEvent(handleEvent);
eyeson.start(accessKey);
}
function handleEvent(event) {
console.debug('[App] Ignore received event:'+ event.type, event);
if (event.type !== 'accept') {
return;
}
var divLocal = document.getElementById("local-video");
state.local = event.localStream;
addVideo(divLocal, state.local);
var divRemote = document.getElementById("remote-video");
state.stream = event.remoteStream;
addVideo(divRemote, state.stream);
state.connecting = false;
}
document.getElementById("start-form")
.addEventListener('submit', function(event) {
event.preventDefault();
event.stopPropagation();
var accessKey = document.getElementById("access-key").value;
console.debug("start meeting with:", accessKey);
start(accessKey);
});
</script>
from js-docs.
I have joined to the meeting from another browser using guest token and eyeson url, still didn't receive "accepted" event.
Sorry I missed that one. Could you join the meeting with the eyeson web UI or did it fail as well?
from js-docs.
What error message are you receiving, can you check the logs? Did you test with the document provided?
from js-docs.
It is working now. it was https issue.
from js-docs.
Related Issues (20)
- eyeson start is not a function in js library HOT 1
- Never received connected state HOT 3
- Error 500 when upload image file on layer HOT 3
- streaming to youtube HOT 5
- Share Screen using javascript HOT 1
- Extract Data / Reporting HOT 1
- Compile fails when Eyeson JS Library imported in Angular 11 app HOT 3
- Screen sharing doesn't end HOT 4
- Video Layout issue. Grey boxes around the video HOT 4
- quick test devices HOT 1
- stream_update should mention that either local or stream receives the update HOT 1
- Set on DeviceManager does not state that it wants a deviceId HOT 1
- User grid layout HOT 1
- Show participants while screen sharing HOT 1
- What are those ice_failed events? HOT 1
- eyeson Chrome Extension link is down HOT 1
- Exit meeting with `bye` HOT 1
- Implement eyeson JS into asp.net MVC HOT 1
- Example of how to change video/audio/mic. HOT 8
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 js-docs.