iOSRTCApp, Google的AppRTC适用于 Cordova iOS和Cordova插件 iosrtc

分享于 

3分钟阅读

GitHub

  繁體 雙語
Google's AppRTC adapted to Cordova iOS with HTML5 and cordova-plugin-iosrtc
  • 源代码名称:iOSRTCApp
  • 源代码网址:http://www.github.com/eface2face/iOSRTCApp
  • iOSRTCApp源代码文档
  • iOSRTCApp源代码下载
  • Git URL:
    git://www.github.com/eface2face/iOSRTCApp.git
    Git Clone代码到本地:
    git clone http://www.github.com/eface2face/iOSRTCApp
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/eface2face/iOSRTCApp
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    

    screenshot

    注意:这个项目没有积极维护,可能无法与最新版本的cordova-plugin-iosrtc 或者google的最新服务器端代码一起使用。

    iOSRTCApp

    适用于 Cordova iOS和纯 html5/javascript和 cordova-plugin-iosrtc的google AppRTC插件的

    这个项目采用 HTML5的 AppRTC应用程序,通过使用 cordova-plugin-iosrtc插件来运行它,以提供WebRTC W3C JavaScript api ( )。

    构建&使用

    • 获取源代码:
    $ git clone https://github.com/eface2face/iOSRTCApp
    $ cd iOSRTCApp
    • 安装NPM依赖项:
    $ npm install
    • 添加两个平台。所有需要的插件都会自动安装,因为它包含在" config.xml"file: 中
    $ cordova platform add ios android
    • 照常运行:
    $ cordova run android --device
    $ cordova run ios --device

    对原始 AppRTC HTML5代码的更改

    在原始 HTML。JavaScript和CSS中有小的改变,以使它作为一个可以用的应用程序。 这些更改包括:

    • js/apprtc.debug.jsjs/appwindow.js 在触发cordova事件的ondeviceready 后加载一次。 因为 js/apprtc.debug.js 依赖于现有的window.webkitRTCPeerConnectionnavigator.webkitGetUserMedia,这是因为在 ondeviceready 触发之前,依赖于现有的和。
    • webrtcDetectedVersion 全局变量硬编码到 43 ( AppRTC代码要求浏览器为 Chrome 或者 Chromium,否则失败)。
    • 为了正确地放置视频视图( iOS本机 UIView 元素),当本地或者远程视频设置( 这是因为CSS视频元素使用"转换"在 1秒内修改它的位置和大小的效果) 时,调用插件 refreshVideos() 函数。
    • 一个新的CSS文件 css/main_overrides.css 改变了视频元素的属性。 例如,它在 #local-video#remote-video 中设置 opacity: 0.85,所以HTML调用控件显示为 below,本地 UIView 元素呈现本地和远程视频。

    作者

    AppRTC 代码由原始许可证文件中所声明的Google拥有。


    相关文章