第64篇 摄像头屏蔽（四）及运行官网音频代码

关键词：摄像头屏蔽,
运行官网音频代码

一、摄像头屏蔽

1.1 在下载的音频官网源码中

找到了一个demo，是控制摄像头的，如下：



1.2 先看官网demo，如下：

https://www.webrtc-experiment.com/RTCMultiConnection/

 

二、运行官网音频代码

2.1 Install On Your OwnSite

https://github.com/muaz-khan/RTCMultiConnection/tree/master/docs/installation-guide.md

2.2详细说一下windows下的安装：

a) 下载安装包

https://github.com/muaz-khan/RTCMultiConnection/archive/master.zip

b)解压到一个文件夹下



c)进入这个文件夹，并执行如下命令：

npm install --production

截图如下：





d)它会自动编译一些东东（node_modules）出来，如下：



注：编译出来的node_modules里面的内容还不少，大小2M左右，如下：



e)访问如下：
http://localhost:9001/demos/index.html


看另一个demo也是可用的，如下：
http://localhost:9001/demos/switch-cameras.html

http://localhost:9001/demos/switch-cameras.html#4444


2.3详细说一下linux下的安装：

  我决定在14服务器上部署，如下：

1）原理都差不多，下载安装包，我是翻墙下的，国内的网下载的好慢，下载网址如下：
http://webrtcweb.com/rtcmulticonnection-v3.tar.gz 2）传到服务器



3）解压

root@localhostTest:/home/xq/RTC# tar -xf /home/xq/rtcmulticonnection-v3.tar.gz


注：上述命令的意思是，把/home/xq/下的压缩包rtcmulticonnection-v3.tar.gz，解压到/home/xq/RTC下面去。

4)发现这个不需要安装

   经过上面的解压，我发现node_modules已出来，所以，可以直接运行即可使用。



5）运行与显示demo



展示demo如下：


注：从上述截图中可以看出，需要https进行构建，所以，需要改个文件，如下：



注：把server.js中var isUseHTTPs = false改为var isUseHTTPs = true，重启一下node server.js即可。再次打开https://192.168.1.14:9001/demos/switch-cameras.html，发现问题得到解决，效果如下：



现在实现的是这样一种情形：

老师端点Switch Webcam，能关掉学生端的视频，点之前如下：



点之后，如下：



同样：学生端也能实现相同的操作。明天继续研究！

2017年1月16日星期一