关键词:摄像头屏蔽
一、摄像头屏蔽
1.1 部署在14服务器
用原版:
老师端:https://192.168.1.14:9001/ (需要用open打开)
学生端:https://192.168.1.14:9001/#333
1.2 视频想关代码如下:
var connection = new RTCMultiConnection();
// by default, socket.io server is assumed to be deployed on your ownURL
connection.socketURL = '/';
// comment-out below line if you do not have your own socket.io server
// connection.socketURL ='https://rtcmulticonnection.herokuapp.com:443/';
connection.socketMessageEvent = 'audio-video-file-chat-demo';
connection.enableFileSharing = true; // by default, it is"false".
connection.session = {
audio: true,
video: true,
data: true
};
connection.sdpConstraints.mandatory = {
OfferToReceiveAudio: true,
OfferToReceiveVideo: true
};
1.3 修改了canvas-designer-widget.js中文件路径,同时,增加了student.html文件,如下:
注:相应的连接路径也要改,如下:
老师端:https://192.168.1.14:9001/demos/index.html -----------老师端需要open房间
学生端:https://192.168.1.14:9001/demos/student.html#126
1.4 现在通过禁用下面函数的视频,可以释放摄像头
connection.session = {
audio: true,
video: true,
data: true
};
修改为:
connection.session = {
audio: false,
video: false,
data: true
};
注:虽说上述方法(只修改student.html,不动index.html中的内容)可以解决问题,但有一个缺点是,视频被永久禁用了,就是说老师端不可能看到学生端的内容,这样一对一没关系,说的过去,但一对多的情况下,就不行了。
想做成,一个按钮,点击的话,打开视频,再次点击关闭视频。写个定时函数,每秒钟请求一次,这样就可保证不刷新页面的情况下,打开或关闭学生端视频。
2017年1月14日星期六