专利名称:一种视频索引显示方法
一种视频索引显示方法技术领域
本发明公开一种视频索引显示方法,特别是一种在网页上进行视频索引显示的方法。
背景技术:
随着视频录播技术的逐渐发展,视频录播已经从传统的布线式模式逐渐走入网络 化和远程化录播模式,现有技术中,常规的远程录播都是借助于以太网进行视频传输的,在 终端进行显示时,通常是在显示屏中间显示主画面,在其底部或两侧显示其他视频的索引, 以便于切换,传统的视频索引显示要么只有图片,要么只有文字,如果都有则又没有动画效 果,而且没有显示、隐藏开关,用户体验较差,用户仅能凭借文字或简单的图片判断视频内 容,容易造成切换不准确等问题。发明内容
针对上述提到的现有技术中的视频索引用户体验较差的缺点,本发明提供一种新 的视频索弓I显示方法,当鼠标指向某一图文索引时,图文索引块进行动画放大并动画移动 到屏幕中间位置,不仅增强了用户体验效果,还可以保证更加准确的进行视频切换。
本发明解决其技术问题采用的技术方案是一种视频索引显示方法,该显示方法 为当鼠标指向某一索引块时,索引块显示内容进行动画放大并动画移动到屏幕中间位置。
本发明解决其技术问题采用的技术方案进一步还包括所述的索引块为图片索引、文字索引或图文索引。
当鼠标移动到某个图片索引块的时候,根据图片索引的实际大小,复制图片索引 块的相关信息,以动画形式放大复制的图片索引块到原始图片索引块的上方。
所述的当索引块进行动画放大并动画移动到屏幕中间位置时,点击相应的索引 块,根据读取到的索引时间,将视频进度指向到该索引块指定的索引时间位置,并从该索引 时间位置继续播放视频。
通过读取视频中xml配置文件中的图文索引信息,将索引顺序、位置偏移值、索引 触发时间、索引源、索引宽高、对齐信息和索弓I模式等信息打包到Xaml脚本中,通过使用 Silverlight的内容上下文的接口函数动态创建视频索引块,然后将这些视频索引块按顺 序排列在界面布局中,每次播放视频时,实时检测视频播放时间,通过检测视频播放时间与 视频索引块的标记时间进行对比,查找出最接近视频播放时间的视频索引块并进行定位动 画缩放移动显示。
播放视频时,开启一个定时器,定时判断是否索引时间到达,如时间到达则查找图 文索引上存储的索引时间信息,通过对比播放时间和索引时间,定位到最接近索引时间的 图文索引块,接着使用 DoubleAnimationUsingKeyFrames、DoubleAnimation 等动画效果接 口对最接近索引时间的图文索引块进行动画放大并动画移动到屏幕中间位置,同时对其他 图文索引块进行动画缩小并顺序移动到相应的偏移位置。
所述的显示方法还包括图片索引、文字索引、图文索引和关闭索引视频索引模式 供用户切换。
本发明的有益效果是本发明不仅可以保证用户更加准确的进行视频切换,而且 可大大增强用户的体验。
下面将结合附图和具体实施方式
对本发明做进一步说明。
图1为本发明视频切换时操作流程图。
图2为本发明视频索引模式示意图。
图3为本发明视频索引时流程图。
具体实施方式
本实施例为本发明优选实施方式,其他凡其原理和基本结构与本实施例相同或近 似的,均在本发明保护范围之内。
请结合参看附图1、附图2和附图3,本发明为网页视频索引显示方法,其主要为, 在主窗口显示视频内容,视频可为一路、两路或多路同时显示,索引块按顺序排布在界面 内,其可以按照水平排布在主窗口下方,或者竖直排布在主窗口侧面或两侧等。本实施例中 的索引块可为图片索引(即索引指向相应视频段内的关键帧)、文字索引(即索引指向相应 视频段的内容概要、时间等信息)或图文索引(即包括图片和文字内容)。为当鼠标指向某一 索引块时,索引块显示内容进行动画放大并动画移动到屏幕中间位置。本实施例中,当鼠标 移动到某个图片索引块的时候,根据图片索引的实际大小,复制图片索引块的相关信息,以 动画形式放大复制的图片索引块到原始图片索引块的上方,方便查看原始图片索引块的相 关信息。
本实施例中,随着视频播放进度,索引块也会随着前进,当前视频段对应的索引块 位于中间位置。
当点击相应的索引块时,根据读取到的索引时间,将视频进度指向到该索引块指 定的索引时间位置,并从该索引时间位置继续播放视频,索引块进行动画放大并动画移动 到屏幕中间位置时。
本实施例中,通过读取视频中xml配置文件中的图文索引信息,将索引顺序、位置 偏移值、索引触发时间、索引源、索引宽高、对齐信息和索引模式等信息打包到xaml脚本 中,通过使用Silverlight的内容上下文的接口函数动态创建视频索引块,然后将这些视 频索引块按顺序排列在界面布局中,每次播放视频时,实时检测视频播放时间,通过检测视 频播放时间与视频索引块的标记时间进行对比,查找出最接近视频播放时间的视频索引块 并进行定位动画缩放移动显示。
播放视频时,开启一个定时器,定时判断是否索引时间到达,如时间到达则查找图 文索引上存储的索引时间信息,通过对比播放时间和索引时间,定位到最接近索引时间的 图文索引块,接着使用 DoubleAnimationUsingKeyFrames、DoubleAnimation 等动画效果接 口对最接近索引时间的图文索引块进行动画放大并动画移动到屏幕中间位置,同时对其他 图文索引块进行动画缩小并顺序移动到相应的偏移位置。
本实施例中的显示方法还包括图片索引、文字索引、图文索引和关闭索引视频索 引模式供用户切换,显示界面上设有切换按钮,通过按动切换按钮,进行几种索引模式的切换。
本发明中提供四种索引模式供用户切换使用,达到最好的观看效果,提高用户体 验:A、图片索引只显示图片信息的索引块;B、文字索引只显示文字信息的索引块;C、图文索引显示图片和文字信息的索引块;D、关闭索引关闭所有索引块的显不;每触发一种索引模式,则顺序设置每个索引块的相应信息,隐藏无关的布局。
本发明不仅可以保证用户更加准确的进行视频切换,而且可大大增强用户的体验。
权利要求
1.一种视频索引显示方法,其特征是所述的显示方法为当鼠标点击某一索引块时, 索引块显示内容进行动画放大并动画移动到屏幕中间位置。
2.根据权利要求1所述的视频索引显示方法,其特征是所述的索引块为图片索引、文字索引或图文索引。
3.根据权利要求1所述的视频索引显示方法,其特征是当鼠标移动到某个图片索引块的时候,根据图片索引的实际大小,复制图片索引块的相关信息,以动画形式放大复制的图片索引块到原始图片索引块的上方。
4.根据权利要求1所述的视频索引显示方法,其特征是所述的当索引块进行动画放大并动画移动到屏幕中间位置时,点击相应的索引块,根据读取到的索引时间,将视频进度指向到该索引块指定的索引时间位置,并从该索引时间位置继续播放视频。
5.根据权利要求1所述的视频索引显示方法,其特征是通过读取视频中xml配置文件中的图文索引信息,将索引顺序、位置偏移值、索引触发时间、索引源、索引宽高、对齐信息和索引模式等信息打包到xaml脚本中,通过使用Silverlight的内容上下文的接口函数动态创建视频索引块,然后将这些视频索引块按顺序排列在界面布局中,每次播放视频时, 实时检测视频播放时间,通过检测视频播放时间与视频索引块的标记时间进行对比,查找出最接近视频播放时间的视频索引块并进行定位动画缩放移动显示。
6.根据权利要求1所述的视频索引显示方法,其特征是播放视频时,开启一个定时器,定时判断是否索引时间到达,如时间到达则查找索引块上存储的索引时间信息,通过对比播放时间和索引时间,定位到最接近索引时间的索引块,接着使用 DoubIeAnimationUsingKeyFrames^DoubIeAnimation 等动画效果接口对最接近索引时间的索引块进行动画放大并动画移动到屏幕中间位置,同时对其他索引块进行动画缩小并顺序移动到相应的偏移位置。
7.根据权利要求1所述的视频索引显示方法,其特征是所述的显示方法还包括图片
全文摘要
本发明公开一种在网页上进行视频索引显示的方法,显示方法为当鼠标点击某一索引块时,索引块显示内容进行动画放大并动画移动到屏幕中间位置。本发明不仅可以保证用户更加准确的进行视频切换,而且可大大增强用户的体验。
文档编号H04N21/472GK102999257SQ20121053909
公开日2013年3月27日 申请日期2012年12月14日 优先权日2012年12月14日
发明者陈晓洪, 廖海 申请人:深圳锐取信息技术股份有限公司