首页 > 代码库 > crosswalk 快速入门,利用WebRTC(html)开始开发视频通话

crosswalk 快速入门,利用WebRTC(html)开始开发视频通话

crosswalk 快速入门,利用WebRTC(html)开始开发视频通话


安装Python

从http://www.python.org/downloads/ 下载安装程序

 安装完后,再添加到环境变量。

安装Oracle JDK

  1. 下载页面:

    http://www.oracle.com/technetwork/java/javase/downloads/

    选择要下载的Java版本(推荐Java 7)。

  2. 选择一个JDK下载并接受许可协议。

  3. 一旦下载,运行安装程序。

安装Ant

  1. Ant:下载http://www.apache.org/dist/ant/binaries/

    推荐1.9.3版本。

  2. 解压缩到C盘

  3. 将解压缩目录重命名为ant

现在Ant安装在C:\ant

配置工具

下一步是设置您的环境,以便安装程序(ant,JDK,Python)到环境变量。

设置Path变量,寻找“编辑为您的帐户”环境变量从Windows开始菜单选项。 或者,单击系统图标控制面板,然后去高级系统设置并单击环境变量按钮。 您应该看到这个对话框:

技术分享

编辑Path环境变量如下:

  1. 选择路径环境变量(在顶部选择框,用户变量……)。

  2. 点击编辑

  3. 附加的结束变量值字段:

    ;c:\python;c:\ant\bin;c:\jdk\bin
  4. 点击确认

设置JAVA_HOME环境变量JDK的位置:

  1. 单击按钮在顶部选择框(用户变量……)。

  2. 变量名JAVA_HOME

  3. 变量值c:\ jdk \ bin

  4. 点击好吧

安装Android SDK

  1. 下载Android SDKhttp://developer.android.com/sdk/index.html。

  2. 提取的文件归档。

  3. Android SDK目录添加到您的PATH:

    > setx path "%path%;<path to Android SDK>"
    > setx path "%path%;<path to Android SDK>\sdk\tools"
    > setx path "%path%;<path to Android SDK>\sdk\platform-tools"

    toolsplatform-tools目录可能在稍微不同的位置,这取决于你如何安装SDK。 适当地修改上面的路径。

  4. 运行SDK:

    > "SDK Manager.exe"
  5. 在SDK管理器窗口中,从列表中选择下列事项:

    [ ] Tools
      [x] Android SDK Platform-tools 19.0.1
      [x] Android SDK Build tools 18.0.1
    [ ] Android 4.3 (API 18)
      [x] SDK Platform

     

下载crosswalk Android应用模板

crosswalk Android分布包含一个应用程序模板,可以用作一个HTML5应用程序的包装器。 它还包括一个脚本将包装的HTML5应用程序转换成一个可安装的安卓apk文件。

让人行横道Android:

  1. 下载你想要的版本就行了下载页面(https://crosswalk-project.org/documentation/downloads.html)。 我们建议您使用稳定的Android版本(10.39.235.15)。

  2. 解压缩它。 解压到crosswalk-10.39.235.15目录中。

验证您的环境

检查安装了正确的工具运行这些命令:

> java -version
java version "1.7.0_45"
Java(TM) SE Runtime Environment (build 1.7.0_45-b18)
Java HotSpot(TM) 64-Bit Server VM (build 24.45-b08, mixed mode)

> ant -version
Apache Ant(TM) version 1.9.3 compiled on December 23 2013

> python --version
Python 2.7.6

> adb help
Android Debug Bridge version 1.0.31

加入WebRTC html页面

在解压目录下,添加一个webrtc的文件夹,在这个文件夹中,添加一个index.html(作为首页)和一个manifest.json的文件,这个文件内容如下:

{
  "name": "WebRTC",
  "xwalk_version": "0.0.0.1",
  "start_url": "index.html"
}
技术分享

编译apk 文件

进入到目录

运行:python make_apk.py --package=org.crosswalkproject.example --manifest=webrtc/manifest.json

具体操作如下图所示:

技术分享

编译后的结果如下图所示:

技术分享

可以在安卓手机上安装调试。



crosswalk 快速入门,利用WebRTC(html)开始开发视频通话