如何在视频聊天 Opentok - Cordova 上显示通话计时器（经过时间）

Question

首先，我不确定 Opentok 中是否有内置的呼叫计时器。我尝试搜索文档但找不到任何内容。因此，我选择了原生 JavaScript sol'n，方法是创建一个在视频开始渲染后立即开始计数（客户端）的函数..

function startCallTimer(){
    $interval(function(){ 
        var myTime = $scope.elapsed;
        var ss = myTime.split(":");
        var dt = new Date();
        dt.setHours(ss[0]);
        dt.setMinutes(ss[1]);
        dt.setSeconds(ss[2]); 
        var dt2 = new Date(dt.valueOf() + 1000);
        var ts = dt2.toTimeString().split(" ")[0];    
        $scope.elapsed = ts;
    }, 1000); 
  }

计时器看起来正常并且可以正常工作。当视频开始渲染时，问题就开始了。通话计时器消失。

我的通话计时器位于页面右上角，样式为..

.call-timer{
    position: absolute;
    top: 0;
    right: 0;
    width:100px;
    z-index:100 !important;
}

问题：

Opentok有没有我不知道的内置通话计时器？
如果上面的问题是错的，那么添加通话计时器的最佳方法是什么？

谢谢！！

Answer 1

如果您想在使用 Cordova 的移动设备上显示计数器，您最了解的是 OpenTok 视频未呈现为 HTML。凸轮加载在 Cordova Webview 的顶部。

z-index 无论如何都无济于事。您只能显示 timers/buttons 或视频容器之外的内容。

另见下一期关于此的内容：

如何在视频聊天 Opentok - Cordova 上显示通话计时器（经过时间）

How to display a call timer (elapsed time) on video chat Opentok - Cordova

cordova

opentok