运行并修改 tokbox webrtc 例子程序

opentok 账号

mzcw2011@sina.cn

Passw0rd77#


api key   46419702

project secret :  b8f17a054ccde74e68453464ad6b1c879a75d030

 

环境  win10 64 位

  • dependence :

a)  node.js  ,   已安装 , 64位的

b) Redis

在这里下载 3.2.100 的 zip 版本 并启动 : https://github.com/microsoftarchive/redis/releases/tag/win-3.2.100

 

  • 下载并编译源程序 :

a) 从这里 clone : https://github.com/opentok/opentok-rtc

首先进入 config 文件夹,  修改 config-ci.json 为 :

 

这里的apikey和 apisecret改成自己的

b) 不知道是否还需要安装python, 好像是需要的,因为本机已有,未测试

c)  npm 安装package :     进入程序主目录执行

 

d) 启动服务端, 记得redis要先启动

而且,启动 redis server 之后, 再启动 redis-cli  , 并增加2个键

然后启动 server

 

——————   在 ubuntu 的安装

apt install git

git clone https://github.com/opentok/opentok-rtc.git

apt install nodejs

apt install redis-server

设置redis-server为服务 :

此后要注意 redis 的权限问题,  redis 服务的配置文件在    /etc/redis/redis.conf

其中写到 : pidfile /var/run/redis/redis-server.pid

 

新开一个 putty , 输入 :  redis-server

回到原来的putty ,   进入下载好的  opentok-rtc/config 目录 , 复制 example.json , 重命名为  config.json , 并编辑修改  key 和 secret ,改为自己的 ,

安装 npm

apt install npm

在 opentok-rtc 跟目录下, 执行 npm install

安装所有package 之后, 执行 node server 启动服务器

此时访问  ip:8123 应该可以看到页面了, 但是, 发现css没起作用 ,

a) 安装 less

apt install node-less

b) 安装 bower

执行  bower install –allow-root

c) 安装 grunt

sudo npm install -g grunt

此处要注意, 在 ali ubuntu主机, 如果 npm install grunt –save-dev  ,  会失败,不知道为什么

安装之后 , 在跟目录执行  grunt clientBuild   , 会把  less 生成对应的  css

 

  • 加载 screen-sharing extensions

第一步 , 修改  opentok-rtc-master\screen-sharing-extension-chrome\manifest.json 文件 的这一部分 , 改为 :

 

第二步, 进入 chrome://extensions/  ,  开 developer mode 开光, 选 左上角 load unpacked , 然后选中 整个  screen-sharing-extension-chrome 目录

 

第三步, 修改 服务器  /config/config.json 文件 , 将 screen – sharing 部分改为

 

chromeExtensionId 是客户端 加载 extension之后产生的, 也在 chrome:/extension能看到

最后启动服务, room 会多出一个 screen-share的选项 。