我正在使用托克箱视频聊天开发网站,如果两个用户都已连接且视频可见,我必须运行计时器。
我正在使用以下代码,如果有任何用户连接它,则调用start_countdown函数。
session.on('streamCreated', function(event) {
event.streams.forEach(function(stream) {
if(stream.connection.connectionId != session.connection.connectionId) {
// subscribe(stream);
console.log("New stream in the session: " + event);
// console.log(event);
// console.log(stream);
// start_countdown();
}
});
});
但如果两个用户都授予对其视频的访问权限,我需要调用倒计时功能。 任何人都可以帮忙解决这个问题。
答案 0 :(得分:2)
要理解的第一个想法是,由于您在客户端代码中执行此操作,因此每个参与者都有自己的倒计时值,因为两个浏览器都独立运行计时器。如果您只是想显示两个用户在UI中连接(或保留)的时间,那么这可能很好。但如果你试图保持一个真正的时钟,这种方法可能不是最好的。
接下来,在OpenTok中,当远程流可用时,会话将触发streamCreated
事件。当本地流开始发送时(在本地用户授予访问权限之后),Publisher还会触发streamCreated
事件。如果您知道会话中只有2个用户,则可以通过侦听这两个事件来了解两个用户何时加入。以下是一个例子:
// Initialize flags
var publishing = false;
var subscribing = false;
// TODO: create a publisher (either using session.publish() or OT.initPublisher()) and publish a stream after the session has connected
// Listen to the events
session.on('streamCreated', function(event) {
// event.stream will always be a remote stream so the connection comparison is unnecessary
// TODO: subscribe to the stream
subscribing = true;
// Check if both criteria have been met
checkStartCountdown();
});
publisher.on('streamCreated', function(event) {
publishing = true;
// Check if both criteria have been met
checkStartCountdown();
});
function checkStartCountdown() {
if (publishing && subscribing) {
// TODO: start_countdown is the function as you described in your question
start_countdown();
}
}