CN105589696A - 一种无阻塞全屏观看视频影像的交互方法及交互装置 - Google Patents

一种无阻塞全屏观看视频影像的交互方法及交互装置 Download PDF

Info

Publication number
CN105589696A
CN105589696A CN201510982195.9A CN201510982195A CN105589696A CN 105589696 A CN105589696 A CN 105589696A CN 201510982195 A CN201510982195 A CN 201510982195A CN 105589696 A CN105589696 A CN 105589696A
Authority
CN
China
Prior art keywords
full frame
flash
wide height
flash container
clog
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.)
Granted
Application number
CN201510982195.9A
Other languages
English (en)
Other versions
CN105589696B (zh
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.)
Wuhan Douyu Network Technology Co Ltd
Original Assignee
Wuhan Douyu Network 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 Wuhan Douyu Network Technology Co Ltd filed Critical Wuhan Douyu Network Technology Co Ltd
Priority to CN201510982195.9A priority Critical patent/CN105589696B/zh
Publication of CN105589696A publication Critical patent/CN105589696A/zh
Application granted granted Critical
Publication of CN105589696B publication Critical patent/CN105589696B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)

Abstract

本发明涉及一种无阻塞全屏观看视频影像的交互方法及交互装置，通过生成一个flash容器，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高等于flash容器的宽高，并记录该flash容器的宽高；然后生成一个基于js函数的page_scrn脚本并触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，最后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。交互装置包括:启动无阻塞全屏观看的虚拟键、flash初始化模块、脚本初始化模块等。本发明能够降低播放器在原生全屏下的内存、CPU消耗；并且充分利用网站资源和系统资源。

Description

一种无阻塞全屏观看视频影像的交互方法及交互装置
技术领域
本发明属于在互联网产品中实现无阻塞全屏观看视频的交互模式，主要应用于浏览器端（IE/Chrome/FireFox/Opera/Safari）的前端技术，尤其是涉及一种无阻塞全屏观看视频影像的交互方法及交互装置。
背景技术
目前观看视频的播放器有：Flash、H5-video等等。开发者在使用这些播放器的时候，直接使用了播放器自带的全屏功能，当用户切换至全屏模式的时候，播放器直接占用当前显示器窗口，阻塞了用户的其他操作行为，降低了用户的观看体验。
当用户观看并且希望放大视屏，只能点击全屏播放，此时视频占用了整个显示器窗口，而且加大了电脑内存、CPU资源的消耗，用户无法使用当前网站或者应用下的其它功能，也不能对当前系统进行操作或查看。
发明内容
本发明主要是解决现有技术所存在的技术问题；提供了一种降低播放器在原生全屏下的内存、CPU消耗的无阻塞全屏观看视频影像的交互方法及交互装置。
本发明还有一目的是解决现有技术所存在的技术问题；提供了一种充分利用网站资源和系统资源的无阻塞全屏观看视频影像的交互方法及交互装置。
本发明再有一目的是解决现有技术所存在的技术问题；提供了一种移植显示器窗口全屏的效果于网页中来，为获取更多的交互体验提供空间的无阻塞全屏观看视频影像的交互方法及交互装置。
本发明的上述技术问题主要是通过下述技术方案得以解决的：
一种无阻塞全屏观看视频影像的交互方法，其特征在于，包括:
步骤1，启动无阻塞全屏观看，具体是通过一个虚拟模块启动无阻塞全屏观看，并触发系统进行初始化；
步骤2，系统进行初始化，包括flash初始化和脚本初始化，其中，
flash初始化的具体方法是生成一个flash容器，所述flash容器的宽高为用户自定义，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
脚本初始化的具体方法是生成一个基于js函数的page_scrn脚本；
步骤3，自定义全屏区域，具体是设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。
在上述的一种无阻塞全屏观看视频影像的交互方法，还包括：
步骤4，退出无阻塞全屏观看，具体是通过虚拟键退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
在上述的一种无阻塞全屏观看视频影像的交互方法，所述步骤3中，设定当前需要全屏的区域尺寸为用户所在当前场景的浏览器可操作区域宽高。
一种无阻塞全屏观看视频影像的交互装置，其特征在于，包括:
启动无阻塞全屏观看的虚拟模块：通过该虚拟模块启动无阻塞全屏观看，并触发系统进行初始化；
flash初始化模块：该flash初始化模块生成一个flash容器，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
脚本初始化模块：该脚本初始化模块生成一个page_scrn脚本；
自定义全屏区域模块：由自定义全屏区域模块设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。
在上述的一种无阻塞全屏观看视频影像的交互装置，还包括：
退出无阻塞全屏观看的虚拟模块：通过该虚拟模块退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
在上述的一种无阻塞全屏观看视频影像的交互装置，自定义全屏区域模块进行自定义全屏区域时，默认设定当前需要全屏的区域尺寸为用户所在当前场景的浏览器可操作区域宽高。
因此，本发明具有如下优点：1、降低播放器在原生全屏下的内存、CPU消耗；2、用户能够自定义视频播放时的全屏区域，并能够在全屏时，不阻碍用户进行其他操作行为，充分利用了网站资源和系统资源；3、移植显示器窗口全屏的效果于网页中来，为获取更多的交互体验提供空间。
附图说明
图1为现有技术中播放器全屏模式的示意图。
图2为采用本发明后再本发明的自定义全屏模式和播放器全屏模式的示意图。
图3为本发明涉及的交互方法中自定义全屏模式的原理示意图。
图4为本发明涉及的交互方法中自定义全屏模式中page_scrn函数操作步骤原理示意图。
图5为本发明涉及的交互方法中退出自定义全屏模式的原理示意图。
图6为本发明涉及的交互装置的结构示意图。
具体实施方式
下面通过实施例，并结合附图，对本发明的技术方案作进一步具体的说明。
实施例：
一、首先介绍一下本发明的交互方法，本发明中提到的无阻塞全屏观看视频，顾名思义就是不阻碍用户行为的视频全屏模式，在本发明中也可以称为“网页全屏”，“网页全屏”是在当前父容器下面进行放大填充，用户可以进行其它操作；而传统的“全屏”是调用播放器原生的功能，视频将会填充全部显示器且不能进行其它操作。视频无阻塞全屏（网页全屏）不是播放器原生的功能（也不可能被播放器支持），而是由播放器和脚本合作实现，本发明所涉及的网页全屏具体包括以下步骤：
步骤1，启动无阻塞全屏观看，具体是通过一个虚拟键（可以在系统中中增加自定义为一个flashUI全屏按钮，该按钮的位置可以是自定义的，通畅可以放在右下角的任务栏或者播放器的右下角）启动无阻塞全屏观看，并触发系统进行初始化；
步骤2，系统进行初始化，包括flash初始化和脚本初始化，其中，
flash初始化的具体方法是生成一个flash容器，该flash容器的宽高为用户自定义，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
脚本初始化的具体方法是生成一个基于js函数的page_scrn脚本；
步骤3，自定义全屏区域，具体是设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高，在本实施例中，个人电脑上浏览直播平台的的直播间或者视频播放时，就会看到在播放器或者直播间中的flashUI全屏按钮（“网页全屏“按钮），点击该“网页全屏“按钮，播放器的控制栏会切换成另一种状态，即“退出网页全屏”按钮的视图，同时触发js函数“page_scrn”，该“page_scrn”的具体执行就是本步骤前述描述的具体过程。
在本步骤中，用户可以自行设定需要全屏的区域尺寸的宽高，比如，可以设定为除浏览器和任务栏的其他区域为需要全屏的区域尺寸的宽高，这样在全屏模式下，用户仍然可以进行其他操作，这种全屏模式在网络直播或视频直播及播放时更能够体现高效性，相比原生全屏下，本发明涉及的全屏模式无轮是内存、CPU消耗，还是用户体验上，都有更好的优越性。
步骤4，退出无阻塞全屏观看，具体是通过虚拟模块（就是步骤3中描述的“退出网页全屏”的按钮）退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
二、下面是涉及到本发明的交互装置，包括:
启动无阻塞全屏观看的虚拟模块：通过该虚拟模块启动无阻塞全屏观看，并触发系统进行初始化；
flash初始化模块：该flash初始化模块生成一个flash容器，并在容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
一个脚本初始化模块：该脚本初始化模块生成一个page_scrn脚本；
一个自定义全屏区域模块：由自定义全屏区域模块设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。
一个退出无阻塞全屏观看的虚拟键：通过该虚拟键退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
在本装置的阐述中，有关具体的实施部分，如：启动无阻塞全屏观看的虚拟模块可以是在系统中中增加自定义为一个flashUI全屏按钮，该按钮的位置可以是自定义的，通畅可以放在右下角的任务栏或者播放器的右下角，已经在方法部分的描述清楚，在本装置的描述中，为了避免过于重复，在此不在赘述。
本文中所描述的具体实施例仅仅是对本发明精神作举例说明。本发明所属技术领域的技术人员可以对所描述的具体实施例做各种各样的修改或补充或采用类似的方式替代，但并不会偏离本发明的精神或者超越所附权利要求书所定义的范围。

Claims (6)

1.一种无阻塞全屏观看视频影像的交互方法，其特征在于，包括:
步骤1，启动无阻塞全屏观看，具体是通过一个虚拟模块启动无阻塞全屏观看，并触发系统进行初始化；
步骤2，系统进行初始化，包括flash初始化和脚本初始化，其中，
flash初始化的具体方法是生成一个flash容器，所述flash容器的宽高为用户自定义，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
脚本初始化的具体方法是生成一个基于js函数的page_scrn脚本；
步骤3，自定义全屏区域，具体是设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。
2.根据权利要求1所述的一种无阻塞全屏观看视频影像的交互方法，其特征在于，还包括：
步骤4，退出无阻塞全屏观看，具体是通过虚拟键退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
3.根据权利要求1所述的一种无阻塞全屏观看视频影像的交互方法，其特征在于，所述步骤3中，设定当前需要全屏的区域尺寸为用户所在当前场景的浏览器可操作区域宽高。
4.一种无阻塞全屏观看视频影像的交互装置，其特征在于，包括:
启动无阻塞全屏观看的虚拟模块：通过该虚拟模块启动无阻塞全屏观看，并触发系统进行初始化；
flash初始化模块：该flash初始化模块生成一个flash容器，并在flash容器下调用当前场景系统嵌入的flash，设置flash容器的宽高为100%适应于flash容器的宽高，也就是等于flash容器的宽高，并记录该flash容器的宽高；
脚本初始化模块：该脚本初始化模块生成一个page_scrn脚本；
自定义全屏区域模块：由自定义全屏区域模块设定当前需要全屏的区域尺寸，由page_scrn脚本触发获取设定当前需要全屏的区域尺寸，并缓存flash容器的当前宽高，然后设定flash容器的当前宽高为设定的需要全屏的区域尺寸的宽高。
5.根据权利要求1所述的一种无阻塞全屏观看视频影像的交互装置，其特征在于，还包括：
退出无阻塞全屏观看的虚拟模块：通过该虚拟模块退出无阻塞全屏观看，启动后，触发page_scrn脚本，调用flash初始化时记录的flash容器的宽高，并设置当前flash容器的宽高为初始化时flash容器的宽高。
6.根据权利要求1所述的一种无阻塞全屏观看视频影像的交互装置，其特征在于，自定义全屏区域模块进行自定义全屏区域时，默认设定当前需要全屏的区域尺寸为用户所在当前场景的浏览器可操作区域宽高。
CN201510982195.9A 2015-12-22 2015-12-22 一种无阻塞全屏观看视频影像的交互方法及交互装置 Active CN105589696B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201510982195.9A CN105589696B (zh) 2015-12-22 2015-12-22 一种无阻塞全屏观看视频影像的交互方法及交互装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201510982195.9A CN105589696B (zh) 2015-12-22 2015-12-22 一种无阻塞全屏观看视频影像的交互方法及交互装置

Publications (2)

Publication Number Publication Date
CN105589696A true CN105589696A (zh) 2016-05-18
CN105589696B CN105589696B (zh) 2019-06-04

Family

ID=55929306

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201510982195.9A Active CN105589696B (zh) 2015-12-22 2015-12-22 一种无阻塞全屏观看视频影像的交互方法及交互装置

Country Status (1)

Country Link
CN (1) CN105589696B (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106598398A (zh) * 2016-12-21 2017-04-26 北京奇虎科技有限公司 一种视频全屏的实现方法及电子设备
CN112884093A (zh) * 2021-04-29 2021-06-01 四川大学 基于dscrn模型的旋转机械故障诊断方法、设备和存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101963980A (zh) * 2010-09-27 2011-02-02 苏州阔地网络科技有限公司 一种网页上实现的不同分辨率下图片居中后白板同步的方法
CN102566897A (zh) * 2010-11-03 2012-07-11 三星电子株式会社 移动终端和基于移动终端的输入信号的屏幕改变控制方法
CN102905181A (zh) * 2012-10-12 2013-01-30 北京奇艺世纪科技有限公司 一种实现移动终端在线播放视频的方法、底层库和系统
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101963980A (zh) * 2010-09-27 2011-02-02 苏州阔地网络科技有限公司 一种网页上实现的不同分辨率下图片居中后白板同步的方法
CN102566897A (zh) * 2010-11-03 2012-07-11 三星电子株式会社 移动终端和基于移动终端的输入信号的屏幕改变控制方法
CN102905181A (zh) * 2012-10-12 2013-01-30 北京奇艺世纪科技有限公司 一种实现移动终端在线播放视频的方法、底层库和系统
CN104243668A (zh) * 2013-06-14 2014-12-24 广州市动景计算机科技有限公司 一种基于安卓操作系统的视频全屏播放方法及装置

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106598398A (zh) * 2016-12-21 2017-04-26 北京奇虎科技有限公司 一种视频全屏的实现方法及电子设备
WO2018113748A1 (zh) * 2016-12-21 2018-06-28 北京奇虎科技有限公司 一种视频全屏的实现方法及电子设备
CN106598398B (zh) * 2016-12-21 2020-04-28 北京奇虎科技有限公司 一种视频全屏的实现方法及电子设备
CN112884093A (zh) * 2021-04-29 2021-06-01 四川大学 基于dscrn模型的旋转机械故障诊断方法、设备和存储介质
CN112884093B (zh) * 2021-04-29 2021-08-31 四川大学 基于dscrn模型的旋转机械故障诊断方法、设备和存储介质

Also Published As

Publication number Publication date
CN105589696B (zh) 2019-06-04

Similar Documents

Publication Publication Date Title
CN108066986B (zh) 一种流媒体确定方法及装置和存储介质
CN111669623B (zh) 视频特效的处理方法、装置以及电子设备
US20170324998A1 (en) Method for playing video, client, and computer storage medium
CN108900854B (zh) 直播中连麦房间切换方法、存储介质、设备及系统
WO2017092422A1 (zh) 基于安卓平台的多媒体处理方法、装置及移动终端设备
EP2637083A1 (en) Method and device for displaying startup interface of multimedia terminal
CN110557670A (zh) 在网页页面中播放视频的方法、装置、终端和存储介质
JP5363489B2 (ja) 映像表示システム、映像表示装置、プログラム、記録媒体
CN103546813A (zh) 基于Android平台的视频预览方法及智能电视
US20220245881A1 (en) Virtual scene display method and apparatus, and storage medium
CN105208442A (zh) 一种视频播放应用程序的视频播放方法及装置
WO2014101418A1 (zh) 视频预览显示方法和终端设备
CN110708581B (zh) 显示设备及呈现多媒体屏保信息的方法
CN110505511A (zh) 一种在网页中播放视频的方法、装置、系统及计算设备
CN109672902A (zh) 一种视频抽帧方法、装置、电子设备和存储介质
CN110858910B (zh) 直播视频的显示方法、装置、设备及存储介质
CN104994427A (zh) 配置管理智能电视桌面开机是否自启动的方法及系统
CN112040298A (zh) 视频播放的处理方法、装置、电子设备及存储介质
CN104599307A (zh) 一种在移动终端上采用动画显示图片的方法
CN114302238A (zh) 一种音箱模式下提示信息的展示方法及显示设备
CN105589696A (zh) 一种无阻塞全屏观看视频影像的交互方法及交互装置
CN107465875A (zh) 相机预览数据缓存方法及装置
CN101132494A (zh) 一种将电视机切换到学习模式下的方法、系统及设备
CN110213642A (zh) 视频的断点播放方法、装置、存储介质及电子设备
CN111766992B (zh) 信息显示方法、装置、电子设备及存储介质

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant