CN102999257A - 一种视频索引显示方法 - Google Patents
一种视频索引显示方法 Download PDFInfo
- Publication number
- CN102999257A CN102999257A CN2012105390936A CN201210539093A CN102999257A CN 102999257 A CN102999257 A CN 102999257A CN 2012105390936 A CN2012105390936 A CN 2012105390936A CN 201210539093 A CN201210539093 A CN 201210539093A CN 102999257 A CN102999257 A CN 102999257A
- Authority
- CN
- China
- Prior art keywords
- index
- video
- time
- animation
- block
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开一种在网页上进行视频索引显示的方法，显示方法为当鼠标点击某一索引块时，索引块显示内容进行动画放大并动画移动到屏幕中间位置。本发明不仅可以保证用户更加准确的进行视频切换，而且可大大增强用户的体验。
Description
技术领域
本发明公开一种视频索引显示方法，特别是一种在网页上进行视频索引显示的方法。
背景技术
随着视频录播技术的逐渐发展，视频录播已经从传统的布线式模式逐渐走入网络化和远程化录播模式，现有技术中，常规的远程录播都是借助于以太网进行视频传输的，在终端进行显示时，通常是在显示屏中间显示主画面，在其底部或两侧显示其他视频的索引，以便于切换，传统的视频索引显示要么只有图片，要么只有文字，如果都有则又没有动画效果，而且没有显示、隐藏开关，用户体验较差，用户仅能凭借文字或简单的图片判断视频内容，容易造成切换不准确等问题。
发明内容
针对上述提到的现有技术中的视频索引用户体验较差的缺点，本发明提供一种新的视频索引显示方法，当鼠标指向某一图文索引时，图文索引块进行动画放大并动画移动到屏幕中间位置，不仅增强了用户体验效果，还可以保证更加准确的进行视频切换。
本发明解决其技术问题采用的技术方案是：一种视频索引显示方法，该显示方法为当鼠标指向某一索引块时，索引块显示内容进行动画放大并动画移动到屏幕中间位置。
本发明解决其技术问题采用的技术方案进一步还包括：
所述的索引块为图片索引、文字索引或图文索引。
当鼠标移动到某个图片索引块的时候，根据图片索引的实际大小，复制图片索引块的相关信息，以动画形式放大复制的图片索引块到原始图片索引块的上方。
所述的当索引块进行动画放大并动画移动到屏幕中间位置时，点击相应的索引块，根据读取到的索引时间，将视频进度指向到该索引块指定的索引时间位置，并从该索引时间位置继续播放视频。
通过读取视频中xml配置文件中的图文索引信息，将索引顺序、位置偏移值、索引触发时间、索引源、索引宽高、对齐信息和索引模式等信息打包到xaml脚本中，通过使用Silverlight的内容上下文的接口函数动态创建视频索引块，然后将这些视频索引块按顺序排列在界面布局中，每次播放视频时，实时检测视频播放时间，通过检测视频播放时间与视频索引块的标记时间进行对比，查找出最接近视频播放时间的视频索引块并进行定位动画缩放移动显示。
播放视频时，开启一个定时器，定时判断是否索引时间到达，如时间到达则查找图文索引上存储的索引时间信息，通过对比播放时间和索引时间，定位到最接近索引时间的图文索引块，接着使用DoubleAnimationUsingKeyFrames、DoubleAnimation等动画效果接口对最接近索引时间的图文索引块进行动画放大并动画移动到屏幕中间位置，同时对其他图文索引块进行动画缩小并顺序移动到相应的偏移位置。
所述的显示方法还包括图片索引、文字索引、图文索引和关闭索引视频索引模式供用户切换。
本发明的有益效果是：本发明不仅可以保证用户更加准确的进行视频切换，而且可大大增强用户的体验。
下面将结合附图和具体实施方式对本发明做进一步说明。
附图说明
图1为本发明视频切换时操作流程图。
图2为本发明视频索引模式示意图。
图3为本发明视频索引时流程图。
具体实施方式
本实施例为本发明优选实施方式，其他凡其原理和基本结构与本实施例相同或近似的，均在本发明保护范围之内。
请结合参看附图1、附图2和附图3，本发明为网页视频索引显示方法，其主要为，在主窗口显示视频内容，视频可为一路、两路或多路同时显示，索引块按顺序排布在界面内，其可以按照水平排布在主窗口下方，或者竖直排布在主窗口侧面或两侧等。本实施例中的索引块可为图片索引（即索引指向相应视频段内的关键帧）、文字索引（即索引指向相应视频段的内容概要、时间等信息）或图文索引（即包括图片和文字内容）。为当鼠标指向某一索引块时，索引块显示内容进行动画放大并动画移动到屏幕中间位置。本实施例中，当鼠标移动到某个图片索引块的时候，根据图片索引的实际大小，复制图片索引块的相关信息，以动画形式放大复制的图片索引块到原始图片索引块的上方，方便查看原始图片索引块的相关信息。
本实施例中，随着视频播放进度，索引块也会随着前进，当前视频段对应的索引块位于中间位置。
当点击相应的索引块时，根据读取到的索引时间，将视频进度指向到该索引块指定的索引时间位置，并从该索引时间位置继续播放视频，索引块进行动画放大并动画移动到屏幕中间位置时。
本实施例中，通过读取视频中xml配置文件中的图文索引信息，将索引顺序、位置偏移值、索引触发时间、索引源、索引宽高、对齐信息和索引模式等信息打包到xaml脚本中，通过使用Silverlight的内容上下文的接口函数动态创建视频索引块，然后将这些视频索引块按顺序排列在界面布局中，每次播放视频时，实时检测视频播放时间，通过检测视频播放时间与视频索引块的标记时间进行对比，查找出最接近视频播放时间的视频索引块并进行定位动画缩放移动显示。
播放视频时，开启一个定时器，定时判断是否索引时间到达，如时间到达则查找图文索引上存储的索引时间信息，通过对比播放时间和索引时间，定位到最接近索引时间的图文索引块，接着使用DoubleAnimationUsingKeyFrames、DoubleAnimation等动画效果接口对最接近索引时间的图文索引块进行动画放大并动画移动到屏幕中间位置，同时对其他图文索引块进行动画缩小并顺序移动到相应的偏移位置。
本实施例中的显示方法还包括图片索引、文字索引、图文索引和关闭索引视频索引模式供用户切换，显示界面上设有切换按钮，通过按动切换按钮，进行几种索引模式的切换。
本发明中提供四种索引模式供用户切换使用，达到最好的观看效果，提高用户体验：
A、图片索引：只显示图片信息的索引块；
B、文字索引：只显示文字信息的索引块；
C、图文索引：显示图片和文字信息的索引块；
D、关闭索引：关闭所有索引块的显示；
每触发一种索引模式，则顺序设置每个索引块的相应信息，隐藏无关的布局。
本发明不仅可以保证用户更加准确的进行视频切换，而且可大大增强用户的体验。
Claims (7)
1.一种视频索引显示方法，其特征是：所述的显示方法为当鼠标点击某一索引块时，索引块显示内容进行动画放大并动画移动到屏幕中间位置。
2.根据权利要求1所述的视频索引显示方法，其特征是：所述的索引块为图片索引、文字索引或图文索引。
3.根据权利要求1所述的视频索引显示方法，其特征是：当鼠标移动到某个图片索引块的时候，根据图片索引的实际大小，复制图片索引块的相关信息，以动画形式放大复制的图片索引块到原始图片索引块的上方。
4.根据权利要求1所述的视频索引显示方法，其特征是：所述的当索引块进行动画放大并动画移动到屏幕中间位置时，点击相应的索引块，根据读取到的索引时间，将视频进度指向到该索引块指定的索引时间位置，并从该索引时间位置继续播放视频。
5.根据权利要求1所述的视频索引显示方法，其特征是：通过读取视频中xml配置文件中的图文索引信息，将索引顺序、位置偏移值、索引触发时间、索引源、索引宽高、对齐信息和索引模式等信息打包到xaml脚本中，通过使用Silverlight的内容上下文的接口函数动态创建视频索引块，然后将这些视频索引块按顺序排列在界面布局中，每次播放视频时，实时检测视频播放时间，通过检测视频播放时间与视频索引块的标记时间进行对比，查找出最接近视频播放时间的视频索引块并进行定位动画缩放移动显示。
6.根据权利要求1所述的视频索引显示方法，其特征是：播放视频时，开启一个定时器，定时判断是否索引时间到达，如时间到达则查找索引块上存储的索引时间信息，通过对比播放时间和索引时间，定位到最接近索引时间的索引块，接着使用DoubleAnimationUsingKeyFrames、DoubleAnimation等动画效果接口对最接近索引时间的索引块进行动画放大并动画移动到屏幕中间位置，同时对其他索引块进行动画缩小并顺序移动到相应的偏移位置。
7.根据权利要求1所述的视频索引显示方法，其特征是：所述的显示方法还包括图片索引、文字索引、图文索引和关闭索引视频索引模式供用户切换。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012105390936A CN102999257A (zh) | 2012-12-14 | 2012-12-14 | 一种视频索引显示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN2012105390936A CN102999257A (zh) | 2012-12-14 | 2012-12-14 | 一种视频索引显示方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN102999257A true CN102999257A (zh) | 2013-03-27 |
Family
ID=47927888
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN2012105390936A Pending CN102999257A (zh) | 2012-12-14 | 2012-12-14 | 一种视频索引显示方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102999257A (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104460949A (zh) * | 2013-09-13 | 2015-03-25 | 联想(北京)有限公司 | 一种数据处理方法及设备 |
| CN107071574A (zh) * | 2017-05-24 | 2017-08-18 | 环球智达科技（北京）有限公司 | 智能电视页面跳转方法 |
| CN107105334A (zh) * | 2017-05-24 | 2017-08-29 | 环球智达科技（北京）有限公司 | 智能电视页面跳转装置 |
| CN110019855A (zh) * | 2017-12-04 | 2019-07-16 | 沪江教育科技（上海）股份有限公司 | 根据时间轴控制动效的方法、装置、存储介质及电子设备 |
| CN112309424A (zh) * | 2020-10-28 | 2021-02-02 | 维沃移动通信有限公司 | 显示方法和电子设备 |
| CN113687904A (zh) * | 2021-10-26 | 2021-11-23 | 成都中科合迅科技有限公司 | 基于配置文件的界面动态生成方法 |
| CN115225973A (zh) * | 2022-05-11 | 2022-10-21 | 北京广播电视台 | 超高清视频播放交互方法、系统、电子设备和存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070050252A1 (en) * | 2005-08-29 | 2007-03-01 | Microsoft Corporation | Preview pane for ads |
| CN1924860A (zh) * | 2006-10-08 | 2007-03-07 | 网之易信息技术（北京）有限公司 | 一种基于搜索引擎的搜索结果快速预览装置 |
| CN102316370A (zh) * | 2010-06-29 | 2012-01-11 | 腾讯科技（深圳）有限公司 | 显示播放信息的方法和装置 |
-
2012
- 2012-12-14 CN CN2012105390936A patent/CN102999257A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20070050252A1 (en) * | 2005-08-29 | 2007-03-01 | Microsoft Corporation | Preview pane for ads |
| CN1924860A (zh) * | 2006-10-08 | 2007-03-07 | 网之易信息技术（北京）有限公司 | 一种基于搜索引擎的搜索结果快速预览装置 |
| CN102316370A (zh) * | 2010-06-29 | 2012-01-11 | 腾讯科技（深圳）有限公司 | 显示播放信息的方法和装置 |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104460949A (zh) * | 2013-09-13 | 2015-03-25 | 联想(北京)有限公司 | 一种数据处理方法及设备 |
| CN104460949B (zh) * | 2013-09-13 | 2019-06-25 | 联想(北京)有限公司 | 一种数据处理方法及设备 |
| CN107071574A (zh) * | 2017-05-24 | 2017-08-18 | 环球智达科技（北京）有限公司 | 智能电视页面跳转方法 |
| CN107105334A (zh) * | 2017-05-24 | 2017-08-29 | 环球智达科技（北京）有限公司 | 智能电视页面跳转装置 |
| CN110019855A (zh) * | 2017-12-04 | 2019-07-16 | 沪江教育科技（上海）股份有限公司 | 根据时间轴控制动效的方法、装置、存储介质及电子设备 |
| CN110019855B (zh) * | 2017-12-04 | 2023-07-21 | 沪江教育科技（上海）股份有限公司 | 根据时间轴控制动效的方法、装置、存储介质及电子设备 |
| CN112309424A (zh) * | 2020-10-28 | 2021-02-02 | 维沃移动通信有限公司 | 显示方法和电子设备 |
| CN113687904A (zh) * | 2021-10-26 | 2021-11-23 | 成都中科合迅科技有限公司 | 基于配置文件的界面动态生成方法 |
| CN115225973A (zh) * | 2022-05-11 | 2022-10-21 | 北京广播电视台 | 超高清视频播放交互方法、系统、电子设备和存储介质 |
| CN115225973B (zh) * | 2022-05-11 | 2024-01-05 | 北京广播电视台 | 超高清视频播放交互方法、系统、电子设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102999257A (zh) | 一种视频索引显示方法 | |
| CN110928468B (zh) | 智能交互平板的页面显示方法、装置、设备和存储介质 | |
| US9003305B2 (en) | Folding and unfolding images in a user interface | |
| CN102763065B (zh) | 用于导航经过多个查看区域的装置、方法和图形用户接口 | |
| CN104756484B (zh) | 信息处理设备、重放状态控制方法及计算机可读记录介质 | |
| EP3380916A1 (en) | Systems and methods for enabling transitions between items of content based on swipe gestures | |
| CN111580714A (zh) | 智能交互平板的页面编辑方法、装置、设备和存储介质 | |
| CN102693001A (zh) | 通过跟踪手指控制移动装置的方法和系统 | |
| AU2012231990A1 (en) | Method and apparatus of managing items on clipboard of portable terminal | |
| CN104685460A (zh) | 透明显示装置及其显示方法 | |
| CN106293315A (zh) | 浮动窗口显示的方法和装置 | |
| KR102105101B1 (ko) | 디스플레이 장치 및 이의 문자 수정 방법 | |
| CN102057400A (zh) | 图像处理装置、图像处理方法和计算机程序 | |
| CN103425690A (zh) | 一种基于样式表的图片信息标注和展示方法 | |
| CN109426412A (zh) | 显示装置及其控制方法 | |
| CN105900053A (zh) | 用于指定链接目的地的界面装置和计算机程序、用于观看者的界面装置和计算机程序 | |
| CN103577479A (zh) | 网页内容显示方法及系统 | |
| WO2017117060A1 (en) | Systems and methods for enabling transitions between items of content based on multi-level gestures | |
| CN106406651A (zh) | 动态放大显示视频的方法及装置 | |
| CN104461308A (zh) | 一种在目标区域中添加项目的方法及装置 | |
| CN103207731B (zh) | 一体机多通道显示的批注方法及装置 | |
| CN102385485A (zh) | 一种业务导航实现方法及装置 | |
| CN102789352A (zh) | 一种切换屏幕显示范围的方法和装置 | |
| CN103699243B (zh) | 一种利用电磁笔进行快速屏幕截图的方法及装置 | |
| CN104536674A (zh) | 一种用于在移动设备中对网页执行操作的方法和装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130327 |
|
| RJ01 | Rejection of invention patent application after publication |