文档章节

开源视频会议bigbluebutton开发(4)——构建开发环境,客户端开发

黑豆白
 黑豆白
发布于 2013/06/07 21:56
字数 2133
阅读 96
收藏 0

概述 BBB是由一个专业的团队在一起进行开发,并且组成一个广泛的社区在一起广泛的探讨开发的各个环节:设计,开发,测试,文档,定位,wikis编辑,还有就是最重要的,对第三方的支持!本文档探讨了如何在BBB服务器端构建BBB开发环境,一旦构建成功,你可以进行开发和扩展本地的服务器并且成为改善bbb社区的一分子! BBB有很多组件,核心的组件是:bbb-web,bbb-client,bbb-apps,bbb-voice和桌面共享,你并不需要明白所有的东西去开发或者扩展某个组件,例如:你对改善bbb客户端很感兴趣,你需要最低限度的明白bbb客户端以及一个整体上的架构认知! 为了帮助建立必须的开发环境,在bbb-conf里面已经预置了很多构建脚本!用脚本来完成大部分的工作的同时,随着你对BBB越来越熟悉,你需要看下bbb-conf的源码(在/usr/local/bin/bbb-conf),它们是如何工作的!你对BBB了解的越多,你就越容易的改变或者改善项目!

基本技能预备知识

1,对BBB大致框架有一个理解!
2,明白git是如何工作的!

一个可工作的服务器

这是显而易见的,在构建BBB开发环境之前,要确保BBB服务都可以跑起来!

需要可运行sudo命令

在构建BBB开发环境时,为了确认,需要可以输入以下命令执行:会返回当前目录下的文件列表!

Java代码
sudo ls

构建开发环境

在BBB服务器,你需要输入以下命令初始化必须的开发工具:

Java代码
bbb-conf --setup-dev tools
当你运行上面的脚本时,会让你输入密码获得root权限,然后会执行以下操作:

1,下载并安装groovy, grails, and gradle 2,下载并安装开源的flex sdk 3,初始化openJDK 4,初始化git 5,在~/.profile添加必要的环境变量 以上步骤完成后,需要重新加载~/.profile

Java代码
source ~/.profile
bbb配置脚本会在你的目录下创建一个开发目录:

Java代码
/home/firstuser/dev
签出源码

推荐使用Github,它会使你在自己的BBB源码工作,存储,更新变得简单以及有益项目的发展!

1,在github上建立账户 2,建立你的ssh keys 3,在你的github上构建一个bbb分支 4,将你的代码库拷贝到你的~/dev包里,复制完后,你会有以下目录

Java代码
/home/firstuser/dev/bigbluebutton
确保你在主分支工作!输入以下命令:

Java代码
cd ~/dev/bigbluebutton
git status
会显示:

Java代码

On branch master

nothing to commit (working directory clean)
主分支包含了大部分的新开发的东西,以及它可能会中断,如果想在0.8发布版工作,需要签出 v0.8 tag! 如果想修复有些问题,以及在v0.8上开发,需要输入以下命令:

Java代码
git checkout -b fixing-issue-100 v0.8
可以看到:

Java代码
Switched to a new branch 'fixing-issue-100'
输入:

Java代码
git status
显示:

Java代码

On branch fixing-issue-100

nothing to commit (working directory clean)

客户端开发

随着开发环境的签出以及克隆,我们就做好了开发的准备!
下面将带领你修改bbb客户端

构建客户端的开发环境,输入以下命令:

Java代码
bbb-conf --setup-dev client
这个命令修改BigBlueButton nginx设置,Http请求加载客户端,由下面提供:

Java代码
~/dev/bigbluebutton/bigbluebutton-client/bin
代替

Java代码
/var/www/bigbluebutton

构建客户端

现在让我们来构建客户端,注意现在我们不做任何改变,我们构建客户端来确保它可以工作!

Java代码
cd ~/dev/bigbluebutton/bigbluebutton-client

首先,让我们来构建本地环境(语言翻译包),如果你没有修改本地环境,你只需输入下面的命令一次:

Java代码
cd ~/dev/bigbluebutton/bigbluebutton-client
ant locales

这一步骤大约花费10分钟的时间,取决于你电脑的速度! 然后,来构建客户端

Java代码
ant

这个命令会在~/dev/bigbluebutton/bigbluebutton-client/bin 这个目录下构建客户端! 在这之后,将浏览器指向你的BigBlueButton服务器,并登录演示页面。客户端应该正常启动。它是如何加载您的客户机(而不是默认的客户机),当你运行: bbb-conf --setup-dev client,它创建了一个条目在\etc\bigbluebutton\nginx\client_dev,内容如下:

Java代码
location /client/BigBlueButton.html {
root /home/firstuser/dev/bigbluebutton/bigbluebutton-client;
index index.html index.htm;
expires 1m;
}

  # BigBlueButton Flash client.  
  location /client {  
          root    /home/firstuser/dev/bigbluebutton/bigbluebutton-client;  
          index  index.html index.htm;  
  }  

在\etc\bigbluebutton\nginx\ ,下面创建了一个连接,从client.nginx 到 client_dev,换句话,当一个请求到达/client时,nginx现在从你的开发目录里提供客户端! 注意:当你构建客户端开发环境时,bbb客户端的配置文件从下面加载:~/dev/bigbluebutton/bigbluebutton-client/bin/conf/config.xml,这意味着使用bbb-conf命令对默认的config.xml做到任何改变,都不会应影响到你开发环境中的config.xml.

更改

构建客户端前,让我们做一个更改

Java代码
vi ~/dev/bigbluebutton/bigbluebutton-client/src/org/bigbluebutton/main/views/MainApplicationShell.mxml

上面的命令使用vi做出改变。如果你在Windows和使用BigBlueButton VM开发,你或许会发现安装samba,这样你就更容易可以通过Windows资源管理器访问你的文件,使用Windows编辑器。构建Samba,输入下面命令。它会共享你的开发目录,可以从windows访问,有一些编辑器,比如myeclipse只能访问驱动器,而不是网络共享,为了把网络共享映射到windows驱动器,比如H:,打开我的电脑,点击映射网络驱动器,输入\<ip>\firstuser,ip是vm本地地址,

Java代码
bbb-conf --setup-samba

当你编辑,MainApplicationShell.mxml,在第311行,您将看到以下文本

Java代码
<mx:Label text="{ResourceUtil.getInstance().getString('bbb.mainshell.copyrightLabel2',[appVersion])}" id="copyrightLabel2"/>

编辑这段文本, ' -- BigBlueButton Rocks!!' ,如下:

Java代码
<mx:Label text="{ResourceUtil.getInstance().getString('bbb.mainshell.copyrightLabel2',[appVersion]) + ' -- BigBlueButton Rocks!'}" id="copyrightLabel2"/>

现在,再次重新构建bbb客户端

Java代码
cd ~/dev/bigbluebutton/bigbluebutton-client
ant

当完成时,使用客户端加入演示会议,你会看到,在版权的地方加入了“-- BigBlueButton Rocks!”信息!

如果你没看到你的变化,尝试清理你的浏览器的缓存和尝试再次加载客户机! 切换到打包好的客户端

切换到内置的bbb版本,使用以下命令:

Java代码
sudo ln -s -f /etc/bigbluebutton/nginx/client /etc/bigbluebutton/nginx/client.nginx
sudo /etc/init.d/nginx restart

切换回开发的版本,输入以下命令:

Java代码
sudo ln -s -f /etc/bigbluebutton/nginx/client_dev /etc/bigbluebutton/nginx/client.nginx
sudo /etc/init.d/nginx restart

使用flex builder 1,安装flex bulider在你的电脑上! 2,在你的虚拟机构建 samba,挂载VM drive 3,在flexbuilder中,导入bbb-client,选择vm中的bigbluebutton-client目录,例如:W:\dev\source\bigbluebutton\bigbluebutton-client 4,从VM中的~/dev/tools目录拷贝出sdk加载到flex builder的sdk目录里,可以看到如下图:在flexbuilder中,点击Window -> Preferences -> Installed Flex SDKs,增加刚刚拷贝的sdk.

5,右键项目,Properties -> Flex Compiler,flex版本要转换成3.5,并且要点击flex 3 兼容模式!

6,右键项目,Properties -> Flex Build Path,点击mx only组件集,确保添加了libs文件,源文件夹以及输出文件夹!

7,点击属性窗口,Flex Modules,增加所有你想和bbb-client编译的模块,这些模块都是mxml文件在 src/ directory 里

8,包浏览器导航到默认包后,右键BigBlueButton.mxml,设置为默认应用程序! 9,编译flexbuilder中的客户端,然后通过输入bbb虚拟机IP,来打开客户端,现在运行的客户端应该是你flexBuilder环境里面的!

当你不能使用flexbuilder 里的run去登录客户端,你也不能用debuger,上面的方法是被限制的!可以安装下面的来办, 在客户端的代码里,src/conf/config.xml的顶部编辑

Java代码
<application uri="rtmp://<HOST-IP>/bigbluebutton" host="http://<HOST-IP>/bigbluebutton/api/enter" />

改变成下面:

Java代码
<application uri="rtmp://<HOST-IP>/bigbluebutton" host="conf/join-mock.xml" />
这样,就可以点击flexbuilder里的Run/Debug 按钮来进行登录!

/————————————————————————————————— ——————花花世界:http://www.ourflowerld.com————————————– —————花花世界专注于各种有创意有意思的内容的整理与收集。————————- ——————–包括创意生活、DIY、传统艺术、剪纸、年画等。—————————- ————————另外还会收集些旅游、摄影相关的作品。——————————— —————————-为自己和大家的生活添加点色彩。———————————— —————————————————————————————————-/

本文转载自:http://yangactive.iteye.com/blog/1625771

共有 人打赏支持
黑豆白
粉丝 29
博文 37
码字总数 10777
作品 0
海淀
程序员
介绍一开源在线视频会议平台BigBlueButton

源码下载: http://code.google.com/p/bigbluebutton/wiki/DevelopingBBB 试用:http://demo.bigbluebutton.org Bigbluebutton 优点: 1.B/S架构 2.会议平台完全基于flash,用户端基本不用安...

mickelfeng
2013/03/05
0
0
开源中国2010年10款热门教学相关的开源软件

百年大计,教育为本。本文收录了 2010 年度开源中国社区最受欢迎的 10 款跟教学服务和教学管理相关的开源软件,这些软件多数采用PHP开发,也有Java的系统。 1. BigBlueButton BigBlueButton...

红薯
2010/12/29
6.7K
18
BigBlueButton 安装笔记|Installing from source

前言: bigbluebutton是一个万维网广播站和会议系统,他是基于Flash的视频会议,后台服务器使用Red5 Server。 本篇是参考installing from source英文版,根据自己的情况有点改动,系统是基于...

红薯
2010/03/04
8.4K
8
BigBlueButton 0.64 发布,视频会议/远程教育

BigBlueButton 是一个使用 ActionScript 开发的在线视频会议系统或者是远 程教育系统,主要功能包括在线PPT演示、视频交流和语 音交流,还可以进行文字交流、举手发言等功能,特别适合用在网...

红薯
2010/04/04
875
1
BigBlueButton 1.0-beta 发布,远程教育平台

BigBlueButton 1.0-beta 发布,此版本提供了更多的机会给教师和学生互动。 主要新特性: Polling – Presenters can now poll students forimmediate feedback. Improved video dock – The ...

oschina
2015/10/11
2.4K
9

没有更多内容

加载失败,请刷新页面

加载更多

下一页

windbg学习记录

我开始熟练使用windbg是从帮助手册开始的,也就是.hh命令。 就像学习windows开发从msdn开始一样,微软的产品虽然不开源,但是文档做的是相当的好。然而那些开源的东西呢?开源的竞争力其实就...

simpower
17分钟前
0
0
学习scala的网站汇总

https://www.codacy.com/blog/how-to-learn-scala/

Littlebox
19分钟前
0
0
配置本地的cloud9开发环境

前言 说到在线IDE开发环境,cloud9是不能绕过的,cloud9支持很多语言,默认支持的就有Node.js,Python,Ruby,PHP,Go,更逆天的是,他还支持数据库,包括MySQL,MongoDB,Redis,SQLite。但...

Kefy
23分钟前
1
0
springcloud应用程序上下文层次结构

如果您从SpringApplication或SpringApplicationBuilder构建应用程序上下文,则将Bootstrap上下文添加为该上下文的父级。这是一个Spring的功能,即子上下文从其父进程继承属性源和配置文件,因...

itcloud
28分钟前
0
0
新程序员最爱的免费资源

简评:国外美女程序员推荐了她自己用过的一些免费资源,对新手比较友好的那种。 原作者 Ali Spittel,是个美女程序员,以下这些资源都是她自己试过的。以下「我」代表 Ali Spittel。 学 HTML...

极光推送
31分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部