Question

我正在开发一个手机应用程序，我有一个视频播放器。

当用户更改并切换到下一个视频时，我想写下用户看到的视频的持续时间。

我的视频html标签是：

<video id="upVid" width="100%" height="350" controls="controls">
<source src="file:///sdcard/" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>

Answer 1

我为类似的事做了什么。在控制器中实际获取元素并向视频的timeupdate事件添加事件监听器：

$scope.audio = document.getElementById("upVid");
$scope.audio.addEventListener('timeupdate', function(e){ 
     $scope.currentTime = floatToTime(this.currentTime);
     $scope.$apply();
     return;
}

然后这是floatToTime函数：

function floatToTime( ms ){
    var hr = (ms/3600) << 0,
    min = (ms/60) << 0,
    sec = (ms << 0) % 60;
    return (hr >= 1 && ( hr + ':' )) + min + ':' + sec;

}

现在你只需要一个地方来显示当前时间：

<div>{{currentTime}}</div>

Phonegap App：获取视频更改的上一个视频当前时间

1 个答案: