actionscript-3 - Flex 3: 带有"double" 进度条的视频播放器( 视频加载/视频播放进度)

  显示原文与译文双语对照的内容

现在我正在实现一个基于 Flex 3的FLV视频播放器,我想添加一个类似于Youtube播放器的功能: 我希望进度条既显示视频显示进度,也显示视频加载状态。 如何实现这里行为? 在彼此顶部使用 2条进度条? 我还使用了 Flex mx:VideoDisplay 组件,是否需要更改?

提前致谢!

时间: 原作者:

是的,你应该在背景中放置两个条形 ontop,你将laodingbar放在前面,放置当前位置栏。

但最后,这比使它完全功能更加工作。"。 我将创建一个实现所有条/滑块功能的新类。

laoder只监听 update(val),在百分比上设置它的新值。 为了查找和更新函数,playingbar需要一些功能,在 click/mousemove中需要一些功能,包括在播放器 aftern userinteraction中触发 seek seek 。

然后将加载栏更新绑定到播放器的进度事件,所有事件都可以在这里找到


//setting up loadingbar
player.addEventListener(ProgressEvent.PROGRESS,slider_update);


//function to update the slider
private function slider_update(E:ProgressEvent):void{
 var percentage:float = 0;
 if(E.bytesTotal!= 0){
 E.bytesLoaded/E.bytesTotal
 }
 slider.update(percentage)
}

使用当前playbar的allmost相同


//listens to statechanges of the player to handle updates for cur-pos

player.addEventListener(VideoEvent.PLAYHEAD_UPDATE, checkStatechange);

private function checkStatechange(E:VideoEvent):void{
 if(player.totalTime!=0){
 timeSlider.update(E.playheadTime/E.totalTime);
 };

继续单击绑定,以便立即设置,然后移动到可以能的视频上滚动。"。 实际上,在 seek with seek应该在舞台上监听,否则用户必须保持在loadingbar上,而用户却无法在上找到它;

...