由于公司项目，最近在是用Electron做视频会议室，所以就用到了webgl，而我选择了使用Three.js做为
开发框架。因为在视频渲染上面遇到了一些问题，好不容易研究出来了，所以写在这边，怕忘了。

首先是camera的设置:
THREE.PerspectiveCamera(90,this.container.width/this.container.height,1,4000);
1.第一个参数是角度,我之所以设置为90，是因为90/2=45,相当于对边等于邻边。而在相机中邻边相当于camera的z轴大小，
而对面则是1/2的可视区域高度，记住是高度。
2.第二个参数是宽高比，是可视区域的宽高比，通过第一个参数，我们可以通过设置z轴，从而获得可视区域的高度，
通过宽高比，我们就可以知道可视区域的宽度。
3.第三个参数和第四个参数表示物体的存在空间，相当于房子的前门和后面，数值表示前门和后面离相机的距离，第四个参数必须要大于
第三个参数。并且要保证这个房子能把物体放进去。

只要理解上面几个参数，应该就能控制相机的可视区域了。