CN110166812A - 一种支持动态调整清晰度的视频预览方法及系统 - Google Patents

一种支持动态调整清晰度的视频预览方法及系统 Download PDF

Info

Publication number
CN110166812A
CN110166812A CN201910416612.1A CN201910416612A CN110166812A CN 110166812 A CN110166812 A CN 110166812A CN 201910416612 A CN201910416612 A CN 201910416612A CN 110166812 A CN110166812 A CN 110166812A
Authority
CN
China
Prior art keywords
screenshot
video
preview
stitching image
clarity
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
Application number
CN201910416612.1A
Other languages
English (en)
Inventor
敬祖学
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Youshi Cloud Technology Co Ltd
Original Assignee
Guangzhou Youshi Cloud Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Youshi Cloud Technology Co Ltd filed Critical Guangzhou Youshi Cloud Technology Co Ltd
Priority to CN201910416612.1A priority Critical patent/CN110166812A/zh
Publication of CN110166812A publication Critical patent/CN110166812A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G06T3/4038—Image mosaicing, e.g. composing plane images from plane sub-images
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/433—Content storage operation, e.g. storage operation in response to a pause request, caching operations
    • H04N21/4334—Recording operations
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
    • H04N21/4402—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display
    • H04N21/440263—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving reformatting operations of video signals for household redistribution, storage or real-time display by altering the spatial resolution, e.g. for displaying on a connected PDA
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/478—Supplemental services, e.g. displaying phone caller identification, shopping application
    • H04N21/4782—Web browsing, e.g. WebTV
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
    • H04N21/83—Generation or processing of protective or descriptive data associated with content; Content structuring
    • H04N21/845—Structuring of content, e.g. decomposing content into time segments
    • H04N21/8456—Structuring of content, e.g. decomposing content into time segments by decomposing the content in the time domain, e.g. in time segments

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本发明涉及一种支持动态调整清晰度的视频预览方法及系统，所述方法包括如下步骤：步骤101:对视频源按预设规则进行截图，得到若干张原始截图；步骤102：将所述若干张原始截图拼接成一张图像，得到拼接图像；步骤103：获取视频预览请求信号，并返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B；步骤104：对获得的拼接图像进行切图，得到每张截图在拼接图像中的位置；步骤105：获取用户预览位置信号，显示预览位置对应拼接图像中的截图，完成视频预览。本发明具有预览较小图片尺寸，降低对网络的压力，预览图片分辨率高，对服务器的压力更低，能适应恶劣的网络环境。

Description

一种支持动态调整清晰度的视频预览方法及系统
技术领域
本发明涉及视频预览技术领域，具体是一种支持动态调整清晰度的视频预览方法及系统。
背景技术
目前视频预览主要有两种方式：第一种，对视频源每隔一段时间进行截取若干时长的视频帧，例如每隔一段时间截取时长为1-2秒的视频帧，再将各个截取的视频帧拼接成一个短视频，用于对视频源的预览，实现预览视频内容；第二种，采用低帧率、低分辨率的方式压缩整个视频源，实现对视频源的预览。
对于第一种方式，优点在于可以查看多个完整的单位时间内的视频内容，缺点是无法手动指定预览的位置，且当视频源较长时，而截取的视频帧较少，可以能错过某些重要的视频内容。而对于第二种方式，优点在于可以自由选择预览位置，并预览整个视频，视频压缩后传输时间更短，缺点是有时视频压缩严重，得到的预览画面品质不高，预览效果不好。因此，需要一种预览尺寸大、可灵活调整清晰度和预览范围的视频预览方法。
发明内容
针对现有技术的不足，本发明的目的之一提供一种支持动态调整清晰度的视频预览方法，其能够解决视频预览的问题；
本发明的目的之二提供一种支持动态调整清晰度的视频预览系统，其能够解决视频预览的问题；
实现本发明的目的之一的技术方案为：.一种支持动态调整清晰度的视频预览方法，其特征在于，包括如下步骤：
步骤101:对视频源按预设规则进行截图，得到若干张原始截图；
步骤102：将所述若干张原始截图拼接成一张图像，得到拼接图像，拼接图像包括横向方向数量为A的截图和竖直方向数量为B的截图，A和B均为正整数；
步骤103：获取视频预览请求信号，并返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B；
步骤104：根据所述拼接图像的横向方向的截图数量A和竖直方向的截图数量B，对获得的拼接图像进行切图，得到每张截图在拼接图像中的位置；
步骤105：获取用户预览位置信号，根据用户预览位置换算成截图在拼接图像中的位置，显示预览位置对应拼接图像中的截图，完成视频预览。
进一步地，所述预设规则为按视频源的时间顺序依次每隔一段时间对视频源进行一次截图，或者，按视频源的时间顺序依次每隔一定数量的视频帧抽取一个视频帧生成的截图，或者，按视频源的时间顺序依次每隔一定的进度比例抽取一个视频帧生成的截图，从而得到原始截图。
进一步地，执行步骤101之后，还包括从所述原始截图中挑选出若干张截图，挑选出的若干张截图用于作为步骤102中拼接所需的原始截图。
进一步地，还包括对原始截图进行预处理，所述预处理至少包括对原始截图的分辨率进行处理，以得到分辨率符合要求的截图。
进一步地，将所述若干张原始截图按照原始截图的时间顺序并呈Z字型依次拼接成一张图像，得到所述拼接图像。
进一步地，所述拼接图像呈正方形或长方形。
进一步地，所述视频预览请求信号还包括清晰度请求，用于返回生成与用户请求清晰度相同的拼接图像。
进一步地，通过CSS对获得的拼接图像进行切图，以完成视频预览的页面布局。
进一步地，还包括将所述拼接图像生成预览文件，建立预览文件与视频源的对应关系，预览文件显示在屏幕的视频列表上，当获取到对屏幕显示的视频列表中视频源的表项的操作信号之后，根据预览文件与视频源的对应关系，获取视频源对应的拼接图像，并进行显示。
实现本发明的目的之二的技术方案为：一种支持动态调整清晰度的视频预览系统，包括服务器和客户端，所述服务器包括第一存储器和第一处理器，
第一存储器，用于存储第一程序指令；
第一处理器，用于运行所述第一程序指令，以执行所述的支持动态调整清晰度的视频预览方法中的步骤101-步骤103；
所述客户端包括第二存储器和第二处理器，
第二存储器，用于存储第二程序指令；
第二处理器，用于运行所述第二程序指令，以执行所述的支持动态调整清晰度的视频预览方法中的步骤104-步骤105。
本发明的有益效果为：本发明具有以下有益技术效果：
1.仅需要CSS处理图片，就可以实现截图的切换，不需要调取视频模块处理视频；
2.同样的分辨率和清晰度，因为没有音轨和时间线信息，图片尺寸可以做的更小，降低对网络的压力。在同样的文件大小下，图片可以实现更高的清晰度或更高的分辨率；
3.图片的处理对服务器的压力更低，服务器可以实时的根据客户端的需求压缩图片，以传输更小的图片来适应恶劣的网络环境。
附图说明
图1为本发明的支持动态调整清晰度的视频预览方法的流程示意图；
图2为本发明的拼接图像的示意图；
图3为本发明的视频预览图片的实际应用示意图；
图4为本发明的预览系统的结构示意图。
具体实施方案
下面，结合附图以及具体实施方案，对本发明做进一步描述：
如图1所示，一种支持动态调整清晰度的视频预览方法，包括如下步骤：
步骤101，对视频源按预设规则进行截图，得到若干张原始截图。
可选地，所述预设规则为按视频源的时间顺序依次每隔一段时间对视频源进行一次截图，或者，按视频源的时间顺序依次每隔一定数量的视频帧抽取一个视频帧生成的截图，或者，按视频源的时间顺序依次每隔一定的进度比例抽取一个视频帧生成的截图，从而得到原始截图。例如，每隔1秒对视频源截取一张截图，即截图速率为1张/秒，或者，每隔5个视频帧即抽取一个视频帧生成对应的一张截图，或者，每隔5％的进度比例即抽取一个视频帧生成对应的一张截图。
进一步地，上述预设规则对整个视频源的视频内容进行均匀等间隔截取得到的截图，以防止大部分的截图来自于视频源中的前半部分时间段对应的视频帧或者后半部分时间段对应的视频帧，使得截图包括了整个视频源的各时间段相应的视频内容，避免出现部分高价值的视频内容未被截取到的情况发生。
优选的，对视频源截图的数量≤300张。按1张/秒的速率进行截图，则当视频源的时差超过5分钟，则需要根据视频源的时长计算截图的位置。例如，一个时长为600秒的视频源，为了得到300张的截图，则每隔2秒(600/300＝2)进行一次截图。当视频源的时长除以300的结果不是整数时，则根据结果的近似值进行截图。例如，一个时长为302秒的视频源，则以302/300≈1秒的速率进行截图。
优选的，为了得到合格的截图，还包括对原始截图进行预处理。经过预处理的截图称为合格截图。预处理至少包括对原始截图的分辨率进行处理，以得到分辨率符合要求的截图。本实施例中，将截图的分辨率统一调整为大于等于1280*720的分辨率，当然也可以调整为其他的分辨率。当截图的分辨率大于等于1280*720，则保留截图的原图；当截图的分辨率小于1280*720，则通过插值优化，将截图的分辨率调整为1280*720。
优选的，为了进一步减少截图的数量，降低图像存储量，还包括从原始截图或经过预处理的合格截图中按时间顺序均匀间隔地挑选若干张截图，挑选出的若干张截图作为原始截图。例如，原始截图有240张，需要从240张原始截图中挑选出60张，则从第一张原始截图开始，每隔4张截图抽取一种原始截图，总共得到60张截图。
步骤102，将得到的原始截图拼接成一张图像，得到拼接图像，拼接图像包括横向方向数量为A的截图和竖直方向数量为B的截图，A和B均为正整数。
其中，可以直接将原始截图拼接成一张图像，或者，将预处理后的合格截图拼接成一张图像，或者，将经过挑选得到的截图直接拼接成一张图像，即将挑选出的若干张截图作为步骤102拼接所需要的原始截图。
优选的，截图按照截图的时间顺序并呈Z字型依次拼接成一张图像，也即按照截图的时间顺序从左到右、从上到下依次拼接成一张图像。如图2所示，图中的数字1表示第一张截图，数字2第二张截图，依次类推，数字36表示最后一张截图，从而将36张截图拼接成一张图像。
优选地，将截图拼接成呈正方形或长方形，即呈正方形或近似正方形，使得拼接图像不会超过图片格式的边长的最大值。例如，截图的分辨率通常为1280*720，对应到显示的宽高比为16:9，将挑选后的60张截图拼接成A*B的一张图像，其中，A表示一张图像中横向方向包括A张截图，B表示竖直方向包括B张截图。例如，拼接成6*10的一张图像，6*10表示拼接图像的横向方向包括6张挑选的截图，竖直方向包括10张挑选的截图。当然也可以拼接成其他形状的一张图像。例如，拼接成6*6或6*4的一张图像。
在实际使用中，优选将原始截图和拼接图像上传至网络侧的服务器，服务器还设有数据库，数据库存储拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B。
步骤103，获取视频预览请求信号，并返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B。
在实际使用中，通常客户端向服务器发送视频预览请求信号，服务器向客户端返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B。客户端可以是移动终端或PC终端，例如，PC终端的网页，不作具体限制。
优选的，其中，视频预览请求信号还包括清晰度请求，也即，网络侧的服务器根据清晰度请求，生成与客户需求对应分辨率的截图。当然，如果预览请求信号未包括清晰度请求，则直径将截图返回给客户端。所述清晰度是指图片的分辨率或像素。
步骤104，根据所述拼接图像的横向方向的截图数量A和竖直方向的截图数量B，对获得的拼接图像进行切图，得到每张截图在拼接图像中的位置，同时完成视频源在显示页面的布局。
本实施例，通过CSS(Cascading Style Sheets，中文称之为层叠样式表)对拼接图像进行切图，根据所述拼接图像的横向方向的截图数量A和竖直方向的截图数量B对拼接图像进行切图，得到每张截图在拼接图像中的位置，总共得到A*B(*表示相乘)张截图的位置信息。通过CSS对拼接图像进行切图的同时，还完成视频源在显示页面的布局，即完成视频预览的页面布局。
本实施例中，“切图”是指将拼接图像中的各个截图虚拟截取出来，并不是将各个截图从拼接图像中分割出一个个的截图。从而计算出每个截图在拼接图像中的位置，以及可以单独显示每一张截图、而不是显示整张拼接图像。
经过此步骤处理后，可以计算出每张截图在拼接图像的位置，从而可以显示相应位置的截图，实现指定内容的预览。当然也可以采用其他方式完成对拼接图像进行切图，完成视频预览的页面布局。
步骤105，获取用户预览位置信号，根据用户预览位置换算成截图在拼接图像中的位置，显示预览位置对应拼接图像中的截图，完成视频预览。
本实施例，可选地，通过JS(JavaScript)开发功能组件获得当前用户预览位置，并通知CSS显示对应的图片，从而实现显示对应的截图，完成视频预览。
如图3所示，进一步地，还包括将拼接图像生成预览文件，建立预览文件与视频源的对应关系，预览文件显示在屏幕(例如网页页面上)的视频列表上，当获取到对屏幕显示的视频列表中视频源的表项的操作信号之后，根据预览文件与视频源的对应关系，获取视频源对应的拼接图像，并进行显示。这样，无需进入视频播放界面，也无需点开视，即可对视频列表的操作实现对视频源的预览，既提高视频源预览过程的处理效率，又可以便于用户先行进行预览再决定是否需要点击相应的视频源并进行观看。
图3中的竖直线条表示用户鼠标的停留位置，即表示需要预览的截图位置。从图中，可以看出，并不需要进入视频播放界面和点开视频，即可实现对视频源的预览。
在实际使用中，通常在WEB端进行浏览食品，用户预览位置信号优选通过鼠标产生的，当用户的鼠标停留在预览窗口上，获得鼠标停留在预览窗口中的位置，则视为获得用户预览位置信号，根据当前鼠标所在的位置，映射至拼接图像中对应位置的截图，并将对应的截图显示出来。当鼠标滑动时，则根据鼠标位置的变换，不断更新显示对应的截图，实现滑动鼠标即可预览整个视频源。当然也可以根据其他操作产生用户预览位置信号，例如在触摸屏上滑动产生等，不作具体限定。
本发明将得到多张截图拼接成一张图像，能够极大地减少客户端向服务器的请求次数，从而减轻服务器的压力。例如，对视频源进行截图得到60张截图，若未将60张截图拼接成一张图像，则当用户需要对该视频源进行预览，则需要向服务器请求60次。而采用本发明的方法，将60张截图拼接成一张图像，则只需要向服务器请求1次。视频网站的服务器面对的用户访问量通常非常巨大，每个网页页面加载的视频数量非常多，如果每个视频均按本发明进行处理，则极大地降低服务器的压力。
例如，假设网页页面一次需要预加载24条视频的序列帧，一个序列帧对应一条视频的截图，假设每条视频均截图60张，则每条视频对应的60张截图为一条视频的序列帧。若未将每条视频对应的60张截图拼接成一张图像，则客户端加载每一条视频的预览视频内容，就需要加载60张截图对应的地址，即服务器向客户端返回24*60个地址，服务器压缩24*60张截图，客户端相应地加载24*60张截图。而若将每条视频对应的60张截图拼接成一张图像，则服务器只需要向客户端返回每个拼接图像的地址，即返回24个地址，服务器只需要压缩24张图像，客户端也只需要加载24张图片。未将截图拼接成一张图像相比于将截图拼接成一张图像的处理，相当于提高了60倍的服务器压力。
如图4所示，本发明还涉及一种支持动态调整清晰度的视频预览系统100，包括服务器101和客户端102，所述服务器101包括第一存储器和第一处理器，
第一存储器，用于存储第一程序指令；
第一处理器，用于运行所述第一程序指令，以执行如下步骤：
步骤101，对视频源按预设规则进行截图，得到若干张原始截图。
可选地，所述预设规则为按视频源的时间顺序依次每隔一段时间对视频源进行一次截图，或者，按视频源的时间顺序依次每隔一定数量的视频帧抽取一个视频帧生成的截图，或者，按视频源的时间顺序依次每隔一定的进度比例抽取一个视频帧生成的截图，从而得到原始截图。例如，每隔1秒对视频源截取一张截图，即截图速率为1张/秒，或者，每隔5个视频帧即抽取一个视频帧生成对应的一张截图，或者，每隔5％的进度比例即抽取一个视频帧生成对应的一张截图。
进一步地，上述预设规则对整个视频源的视频内容进行均匀截取得到的截图，以防止大部分的截图来自于视频源中的前半部分时间段对应的视频帧或者后半部分时间段对应的视频帧，使得截图包括了整个视频源的各时间段相应的视频内容，避免出现部分高价值的视频内容未被截取到的情况发生。
优选的，对视频源截图的数量≤300张。按1张/秒的速率进行截图，则当视频源的时差超过5分钟，则需要根据视频源的时长计算截图的位置。例如，一个时长为600秒的视频源，为了得到300张的截图，则每隔2秒(600/300＝2)进行一次截图。当视频源的时长除以300的结果不是整数时，则根据结果的近似值进行截图。例如，一个时长为302秒的视频源，则以302/300≈1秒的速率进行截图。
优选的，为了得到合格的截图，还包括对截图进行预处理。经过预处理的截图称为合格截图。预处理至少包括对截图的分辨率进行处理，以得到分辨率符合要求的截图。本实施例中，将截图的分辨率统一调整为大于等于1280*720的分辨率，当然也可以调整为其他的分辨率。当截图的分辨率大于等于1280*720，则保留截图的原图；当截图的分辨率小于1280*720，则通过插值优化，将截图的分辨率调整为1280*720。
优选的，为了进一步减少截图的数量，降低图像存储量，还包括从原始截图或经过预处理的合格截图中按时间顺序均匀间隔地挑选若干张截图。例如，原始截图有240张，需要从240张原始截图中挑选出60张，则从第一张原始截图开始，每隔4张截图抽取一种原始截图，总共得到60张截图。
步骤102，将得到的截图拼接成一张图像，得到拼接图像。
其中，可以直接将原始截图拼接成一张图像，或者，将预处理后的合格截图拼接成一张图像，或者，将经过挑选得到的截图直接拼接成一张图像。
优选的，截图按照截图的时间顺序并呈Z字型依次拼接成一张图像，也即按照截图的时间顺序从左到右、从上到下依次拼接成一张图像。如图2所示，图中的数字1表示第一张截图，数字2第二张截图，依次类推，数字36表示最后一张截图，从而将36张截图拼接成一张图像。
优选地，将截图拼接成呈正方形或近似正方形，使得拼接图像不会超过图片格式的边长的最大值。例如，截图的分辨率通常为1280*720，对应到显示的宽高比为16:9，将挑选后的60张截图拼接成A*B的一张图像，其中，A表示一张图像中横向方向包括A张截图，B表示竖直方向包括B张截图。例如，拼接成6*10的一张图像，6*10表示拼接图像的横向方向包括6张挑选的截图，竖直方向包括10张挑选的截图。当然也可以拼接成其他形状的一张图像。例如，拼接成6*6或6*4的一张图像。
在实际使用中，优选将原始截图和拼接图像上传至网络侧的服务器101，服务器101还设有数据库，数据库存储拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B。
步骤103，获取客户端102发送的视频预览请求信号，并向客户端102返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B。
客户端102可以是移动终端或PC终端，例如，PC终端的网页，不作具体限制。
优选的，其中，视频预览请求信号还包括清晰度请求，也即，网络侧的服务器101根据清晰度请求，生成与客户需求对应分辨率的截图。当然，如果预览请求信号未包括清晰度请求，则直径将截图返回给客户端。所述清晰度是指图片的分辨率或像素。
所述客户端102包括第二存储器和第二处理器，
第二存储器，用于存储第二程序指令；
第二处理器，用于运行所述第二程序指令，以执行如下步骤：
步骤104，根据从服务器获得的拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B，对拼接图像进行切图，得到每张截图在拼接图像中的位置，同时完成视频源在显示页面的布局。
本实施例，通过CSS(Cascading Style Sheets，中文称之为层叠样式表)对拼接图像进行切图，根据所述拼接图像的横向方向的截图数量A和竖直方向的截图数量B对拼接图像进行切图，得到每张截图在拼接图像中的位置，总共得到A*B(*表示相乘)张截图的位置信息。通过CSS对拼接图像进行切图的同时，还完成视频源在显示页面的布局，即完成视频预览的页面布局。
本实施例中，“切图”是指将拼接图像中的各个截图虚拟截取出来，并不是将各个截图从拼接图像中分割出一个个的截图。从而计算出每个截图在拼接图像中的位置，以及可以单独显示每一张截图、而不是显示正在拼接图像。
进一步地，通过CSS(Cascading Style Sheets，中文称之为层叠样式表)对拼接图像进行切图，计算出每张截图在拼接图像中的位置，并完成视频源在显示页面的布局，即完成视频预览的页面布局。经过此步骤处理后，可以计算出每张截图在拼接图像的位置，从而可以显示相应位置的截图，实现指定内容的预览。当然也可以采用其他方式完成对拼接图像进行切图，完成视频预览的页面布局。
步骤105，获取用户预览位置信号，显示预览位置对应拼接图像中的截图，完成视频预览。
可选地，通过JS(JavaScript)开发功能组件获得当前用户预览位置，并通知CSS显示对应的图片，从而实现显示对应的截图，完成视频预览。
本说明书所公开的实施例只是对本发明单方面特征的一个例证，本发明的保护范围不限于此实施例，其他任何功能等效的实施例均落入本发明的保护范围内。对于本领域的技术人员来说，可根据以上描述的技术方案以及构思，做出其它各种相应的改变以及变形，而所有的这些改变以及变形都应该属于本发明权利要求的保护范围之内。

Claims (10)

1.一种支持动态调整清晰度的视频预览方法，其特征在于，包括如下步骤：
步骤101:对视频源按预设规则进行截图，得到若干张原始截图；
步骤102：将所述若干张原始截图拼接成一张图像，得到拼接图像，拼接图像包括横向方向数量为A的截图和竖直方向数量为B的截图，A和B均为正整数；
步骤103：获取视频预览请求信号，并返回拼接图像以及拼接图像的横向方向的截图数量A和竖直方向的截图数量B；
步骤104：根据所述拼接图像的横向方向的截图数量A和竖直方向的截图数量B，对获得的拼接图像进行切图，得到每张截图在拼接图像中的位置；
步骤105：获取用户预览位置信号，根据用户预览位置换算成截图在拼接图像中的位置，显示预览位置对应拼接图像中的截图，完成视频预览。
2.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，所述预设规则为按视频源的时间顺序依次每隔一段时间对视频源进行一次截图，或者，按视频源的时间顺序依次每隔一定数量的视频帧抽取一个视频帧生成的截图，或者，按视频源的时间顺序依次每隔一定的进度比例抽取一个视频帧生成的截图，从而得到原始截图。
3.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，执行步骤101之后，还包括从所述原始截图中挑选出若干张截图，挑选出的若干张截图用于作为步骤102中拼接所需的原始截图。
4.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，还包括对原始截图进行预处理，所述预处理至少包括对原始截图的分辨率进行处理，以得到分辨率符合要求的截图。
5.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，将所述若干张原始截图按照原始截图的时间顺序并呈Z字型依次拼接成一张图像，得到所述拼接图像。
6.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，所述拼接图像呈正方形或长方形。
7.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，所述视频预览请求信号还包括清晰度请求，用于返回生成与用户请求清晰度相同的拼接图像。
8.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，通过CSS对获得的拼接图像进行切图，以完成视频预览的页面布局。
9.根据权利要求1所述的支持动态调整清晰度的视频预览方法，其特征在于，还包括将所述拼接图像生成预览文件，建立预览文件与视频源的对应关系，预览文件显示在屏幕的视频列表上，当获取到对屏幕显示的视频列表中视频源的表项的操作信号之后，根据预览文件与视频源的对应关系，获取视频源对应的拼接图像，并进行显示。
10.一种支持动态调整清晰度的视频预览系统，包括服务器和客户端，其特征在于，所述服务器包括第一存储器和第一处理器，
第一存储器，用于存储第一程序指令；
第一处理器，用于运行所述第一程序指令，以执行如权利要求1-9任一项所述的支持动态调整清晰度的视频预览方法中的步骤101-步骤103；
所述客户端包括第二存储器和第二处理器，
第二存储器，用于存储第二程序指令；
第二处理器，用于运行所述第二程序指令，以执行如权利要求1-9任一项所述的支持动态调整清晰度的视频预览方法中的步骤104-步骤105。
CN201910416612.1A 2019-05-17 2019-05-17 一种支持动态调整清晰度的视频预览方法及系统 Pending CN110166812A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910416612.1A CN110166812A (zh) 2019-05-17 2019-05-17 一种支持动态调整清晰度的视频预览方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910416612.1A CN110166812A (zh) 2019-05-17 2019-05-17 一种支持动态调整清晰度的视频预览方法及系统

Publications (1)

Publication Number Publication Date
CN110166812A true CN110166812A (zh) 2019-08-23

Family

ID=67631423

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910416612.1A Pending CN110166812A (zh) 2019-05-17 2019-05-17 一种支持动态调整清晰度的视频预览方法及系统

Country Status (1)

Country Link
CN (1) CN110166812A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114630146A (zh) * 2022-05-12 2022-06-14 海看网络科技(山东)股份有限公司 一种iptv中解决进度条预览卡顿的方法
CN115081384A (zh) * 2022-07-21 2022-09-20 北京云枢创新软件技术有限公司 一种基于eda的数据动态可视化系统
CN115396697A (zh) * 2022-08-31 2022-11-25 中煤科工集团重庆智慧城市科技研究院有限公司 一种视频数据传输方法、系统及存储设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105094930A (zh) * 2015-09-09 2015-11-25 上海斐讯数据通信技术有限公司 一种定位图片系统及方法
US9720582B2 (en) * 2014-09-08 2017-08-01 International Business Machines Corporation Responsive image rendition authoring
CN107633055A (zh) * 2017-09-15 2018-01-26 国云科技股份有限公司 一种将图片转成html文档的方法
CN108632676A (zh) * 2018-05-11 2018-10-09 腾讯科技（深圳）有限公司 图像的显示方法、装置、存储介质及电子装置
CN109618224A (zh) * 2018-12-18 2019-04-12 腾讯科技（深圳）有限公司 视频数据处理方法、装置、计算机可读存储介质和设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9720582B2 (en) * 2014-09-08 2017-08-01 International Business Machines Corporation Responsive image rendition authoring
CN105094930A (zh) * 2015-09-09 2015-11-25 上海斐讯数据通信技术有限公司 一种定位图片系统及方法
CN107633055A (zh) * 2017-09-15 2018-01-26 国云科技股份有限公司 一种将图片转成html文档的方法
CN108632676A (zh) * 2018-05-11 2018-10-09 腾讯科技（深圳）有限公司 图像的显示方法、装置、存储介质及电子装置
CN109618224A (zh) * 2018-12-18 2019-04-12 腾讯科技（深圳）有限公司 视频数据处理方法、装置、计算机可读存储介质和设备

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114630146A (zh) * 2022-05-12 2022-06-14 海看网络科技(山东)股份有限公司 一种iptv中解决进度条预览卡顿的方法
CN114630146B (zh) * 2022-05-12 2023-01-17 海看网络科技(山东)股份有限公司 一种iptv中解决进度条预览卡顿的方法
CN115081384A (zh) * 2022-07-21 2022-09-20 北京云枢创新软件技术有限公司 一种基于eda的数据动态可视化系统
CN115396697A (zh) * 2022-08-31 2022-11-25 中煤科工集团重庆智慧城市科技研究院有限公司 一种视频数据传输方法、系统及存储设备
CN115396697B (zh) * 2022-08-31 2024-07-09 中煤科工集团重庆智慧城市科技研究院有限公司 一种视频数据传输方法、系统及存储设备

Similar Documents

Publication Publication Date Title
KR102082816B1 (ko) 스트리밍 파일의 해상도 개선 방법
CN107885848B (zh) 基于web技术的网页截屏方法
CN110166812A (zh) 一种支持动态调整清晰度的视频预览方法及系统
CN107147939A (zh) 用于调整视频直播封面的方法和装置
US20100268694A1 (en) System and method for sharing web applications
US11153658B2 (en) Image display method and generating method, device, storage medium and electronic device
US7751683B1 (en) Scene change marking for thumbnail extraction
CN109164997B (zh) 分布式画面渲染和画面播放控制方法、装置及设备
US8994748B2 (en) Anchors for displaying image sprites, sub-regions and 3D images
CN109785939A (zh) 基于云技术的医学影像显示方法、装置、设备及存储介质
CN106453572B (zh) 基于云服务器同步图像的方法及系统
CN105828146A (zh) 一种视频图像截取方法、终端和服务器
CN105897850A (zh) 用于cdn平台的响应处理方法、调度代理服务器及系统
CN102737067A (zh) 输出网页的方法和系统
CN105163142A (zh) 一种用户偏好确定方法、视频推荐方法和系统
CN109286835A (zh) 直播间互动元素显示方法、存储介质、设备及系统
EP3135019A1 (en) Method and system for bandwidth-dependent file transfer
CN108600780B (zh) 用于推送信息的方法、电子设备、计算机可读介质
CN111107434A (zh) 信息推荐方法及装置
CN113794924A (zh) 视频播放方法、装置、设备和计算机可读存储介质
CN103092584A (zh) 在浏览器上调整医学图像窗宽和窗位的方法
CN105812833A (zh) 文件处理方法和装置
CN112752107A (zh) 网页图片预处理方法、系统、存储介质及计算机设备
CN109710783B (zh) 一种图片加载方法、装置、存储介质及服务器
CN104125497B (zh) 一种网页录像方法及装置

Legal Events

Date Code Title Description
PB01 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
RJ01 Rejection of invention patent application after publication

Application publication date: 20190823