Question

首先，我不确定Opentok中是否有内置的通话计时器。我尝试搜索文档，但无法找到任何文档。所以我通过创建一个在视频开始渲染后立即启动计数（客户端）的函数来选择原生JavaScript解决方案。

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无论如何都无济于事。您只能在视频容器外显示计时器/按钮或其他内容。

另见下一期的问题：

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

1 个答案: