[go: up one dir, main page]

CN113010130B - Remote large-screen interaction control method based on image stream - Google Patents

Remote large-screen interaction control method based on image stream Download PDF

Info

Publication number
CN113010130B
CN113010130B CN202110267390.9A CN202110267390A CN113010130B CN 113010130 B CN113010130 B CN 113010130B CN 202110267390 A CN202110267390 A CN 202110267390A CN 113010130 B CN113010130 B CN 113010130B
Authority
CN
China
Prior art keywords
smart phone
large screen
rectangular cursor
touch
touch operation
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.)
Active
Application number
CN202110267390.9A
Other languages
Chinese (zh)
Other versions
CN113010130A (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.)
Institute of Software of CAS
Original Assignee
Institute of Software of CAS
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 Institute of Software of CAS filed Critical Institute of Software of CAS
Priority to CN202110267390.9A priority Critical patent/CN113010130B/en
Publication of CN113010130A publication Critical patent/CN113010130A/en
Application granted granted Critical
Publication of CN113010130B publication Critical patent/CN113010130B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1454Digital output to display device ; Cooperation and interconnection of the display device with other functional units involving copying of the display data of a local workstation or window to a remote workstation or window so that an actual copy of the data is displayed simultaneously on two or more displays, e.g. teledisplay
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D30/00Reducing energy consumption in communication networks
    • Y02D30/70Reducing energy consumption in communication networks in wireless communication networks

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Position Input By Displaying (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种基于图像流的远距离大屏交互控制方法:1)初始化时,智能手机端将屏幕分为上下两分区,上分区(触控操作区)接收截图图像流,下分区(运动控制区)控制惯性传感器开关,大屏幕端创建一矩形光标;2)长按下分区控制矩形光标移动,矩形光标范围内的内容截图以图像流的形式发送至上分区显示;3)当矩形光标移动到目标附近后抬离手指,矩形光标固定,智能手机端触发模式切换;4)触摸上分区目标点,根据点选的相对位置反算判断选中;5)选中目标点后,长按与抬离下分区实现拖拽操作;双击上分区的该选中点实现双击操作;长按上分区的该选中点实现右击操作。本发明有效解决大屏幕交互上下文保留的问题,提升准确性和交互效率。

Figure 202110267390

The invention discloses a long-distance large-screen interactive control method based on image streams: 1) During initialization, the smart phone terminal divides the screen into upper and lower partitions, the upper partition (touch operation area) receives screenshot image streams, and the lower partition ( Motion control area) Control the inertial sensor switch, and create a rectangular cursor on the large screen; 2) Long press the partition to control the movement of the rectangular cursor, and the screenshots of the contents within the rectangular cursor range will be sent to the upper partition for display in the form of image stream; 3) When the rectangular cursor Move to the vicinity of the target and lift off the finger, the rectangular cursor is fixed, and the trigger mode on the smart phone is switched; 4) Touch the target point on the upper partition, and determine the selection according to the relative position of the click; 5) After selecting the target point, long press and lift Drag and drop from the lower partition; double-click the selected point on the upper partition to double-click; press and hold the selected point on the upper partition to right-click. The invention effectively solves the problem of large-screen interaction context retention, and improves accuracy and interaction efficiency.

Figure 202110267390

Description

一种基于图像流的远距离大屏交互控制方法A remote large-screen interactive control method based on image stream

技术领域technical field

本发明涉及一种基于图像流的远距离大屏交互控制方法,属于计算机应用人机交互领域。The invention relates to a long-distance large-screen interactive control method based on image flow, which belongs to the field of computer application human-computer interaction.

背景技术Background technique

近年来,随着科技的发展,移动智能设备由于其便捷性已经逐渐普及,因此越来越多的研究考虑将移动设备用于替代或集成原始的操作设备,赋予移动设备更多的权力来进行多种多样的交互操作。其中使用移动设备来远距离操控大屏幕,已成为了近年来人机交互领域的研究热点之一,例如使用智能手机、平板电脑等,由于这些移动设备便于手持与携带,同时又集成了触摸屏、摄像头、惯性传感器、陀螺仪和磁力计等多种传感器,能感知周边环境和用户的行为动作,对其可实现的交互行为有着极大的想象空间。In recent years, with the development of science and technology, mobile smart devices have gradually become popular due to their convenience. Therefore, more and more studies consider using mobile devices to replace or integrate original operating devices, giving mobile devices more power to carry out Various interactive operations. Among them, the use of mobile devices to remotely control large screens has become one of the research hotspots in the field of human-computer interaction in recent years, such as using smart phones, tablet computers, etc., because these mobile devices are easy to hold and carry, and integrate touch screens, A variety of sensors such as cameras, inertial sensors, gyroscopes, and magnetometers can sense the surrounding environment and user behaviors, and there is great room for imagination in the interactive behaviors that can be realized.

由于大屏幕具有高分辨率、大尺寸的特性,大屏显示设备得到了广泛的应用,可应用于多种科学信息可视化和群组协同工作的场景,因此对大屏幕交互方式的研究显得尤为重要。大屏幕一般都会使用PC端的操作系统,采用鼠标的交互操作来点选目标,然而大屏幕的大尺寸特性使得其一次性能展现更多的内容,高分辨率特性使其能够同时呈现更多的局部细节,大屏幕交互场景中用户往往既需要远距离观察全景全貌,也需要近距离观察上下文的细节,这就增大了用户的交互范围,原始的鼠标操作便无法满足大屏幕交互的需要。Due to the high resolution and large size of the large screen, large-screen display devices have been widely used and can be applied to a variety of scientific information visualization and group collaborative work scenarios, so the research on large-screen interaction methods is particularly important . Large screens generally use the PC-side operating system, and use the interactive operation of the mouse to click on the target. However, the large size of the large screen allows it to display more content at one time, and the high-resolution feature enables it to present more parts at the same time. Details, in large-screen interaction scenarios, users often need to observe the panorama from a long distance, and also need to observe the details of the context at close range, which increases the user's interaction range, and the original mouse operation cannot meet the needs of large-screen interaction.

现有的使用智能手机控制大屏幕点选的技术可分为三个类别,分别是基于智能手机摄像头、基于光线投射和基于智能手机触屏的交互方式。目前的这些技术都或多或少存在一些问题,例如需要用户长时间持握智能手机,容易疲劳,缺乏灵活性和实时性,还会受到遮挡等问题的影响,以及智能手机小屏幕的尺寸限制会导致准确性和效率偏低。除此以外,这些技术都缺乏对选中目标点的后续交互方式,通过智能手机远距离选择大屏幕上的目标后,无法对其进行操作,或是仍回到了原始的鼠标交互操作方式,这在交互流程的连贯性上都存在很大的问题。Existing technologies for using smart phones to control large-screen clicking can be divided into three categories, namely, based on smart phone cameras, based on light projection, and based on smart phone touch screen interaction methods. These current technologies have more or less problems, such as the need for users to hold the smartphone for a long time, easy fatigue, lack of flexibility and real-time performance, and are also affected by problems such as occlusion, and the size limit of the small screen of the smartphone It will lead to low accuracy and efficiency. In addition, these technologies lack the follow-up interaction method for the selected target point. After the target on the large screen is selected remotely through the smartphone, it cannot be operated, or it still returns to the original mouse interaction mode. There are big problems in the continuity of the interaction process.

发明内容Contents of the invention

本发明技术解决问题:克服现有技术的不足,提供一种基于图像流的远距离大屏交互控制方法,将智能手机端划分上下两个分区实现惯性传感器控制模式与触摸屏控制模式的切换,把智能手机端的惯性传感器和触摸屏两个输入通道相结合,采用矩形光标截图图像流传输的点选交互技术,解决了大屏幕端交互上下文保留的问题,由大屏幕端直接点选交互转移到智能手机端的小屏幕点选交互,提升了准确度和交互效率。本发明满足了后续大屏幕端类似鼠标的交互操作,将智能手机端的手势操作与大屏幕端PC鼠标点选的交互操作一一映射,允许用户使用智能手机对大屏幕中选中的目标点进行一系列的控制操作,成为一套完整的智能设备远距离控制大屏幕目标的交互方法。本发明支持交互操作的重入,当手运动到不舒适的角度时,可通过手指抬离智能手机端的运动控制区,保持矩形光标的状态,更换姿势再次长按运动控制区继续控制矩形光标移动以及图像流的实时传输,从而保证用户使用时的舒适度。本发明不受距离、遮挡等问题影响。The technical solution of the present invention is to overcome the deficiencies of the prior art, and provide a long-distance large-screen interactive control method based on image streams, which divides the smart phone terminal into upper and lower partitions to realize the switching between the inertial sensor control mode and the touch screen control mode. Combining the two input channels of the inertial sensor and the touch screen on the smart phone side, adopting the point-and-click interaction technology of the rectangular cursor screenshot image stream transmission, it solves the problem of retaining the interaction context on the large-screen side, and transfers the point-and-click interaction directly from the big-screen side to the smart phone The small screen on the terminal can click and interact, which improves the accuracy and interaction efficiency. The present invention satisfies the subsequent interactive operation similar to the mouse on the large screen end, and maps the gesture operation on the smart phone end with the interactive operation of clicking on the PC mouse on the large screen end one by one, allowing the user to use the smart phone to perform a one-to-one operation on the selected target point on the large screen. A series of control operations become a complete set of interactive methods for remote control of large-screen targets by smart devices. The present invention supports the re-entry of interactive operation. When the hand moves to an uncomfortable angle, the finger can be lifted away from the motion control area of the smart phone to maintain the state of the rectangular cursor. After changing the posture, press and hold the motion control area again to continue to control the movement of the rectangular cursor. And the real-time transmission of the image stream, so as to ensure the comfort of the user when using it. The present invention is not affected by problems such as distance and occlusion.

本发明解决其技术问题所采用的技术方案是:一种基于图像流的远距离大屏交互控制方法,包括大屏幕端与智能手机端,在智能手机端利用智能手机内置惯性传感器的姿态角信息远距离控制大屏幕端大屏上的矩形光标,大屏幕端的矩形光标区域内容截图作为图像流实时传输到智能手机端,在智能手机端利用触摸控制信息确认点选目标点,再通过惯性传感器控制模式或触摸屏控制模式实现对选中目标点的多种交互操作;所述方法包括初始化阶段、光标控制阶段、截图点选阶段和交互手势阶段。The technical solution adopted by the present invention to solve the technical problem is: a long-distance large-screen interactive control method based on image stream, including a large-screen terminal and a smart phone terminal, and using the attitude angle information of the built-in inertial sensor of the smart phone at the smart phone terminal Long-distance control of the rectangular cursor on the large screen, the content screenshot of the rectangular cursor area on the large screen is transmitted to the smart phone as an image stream in real time, and the touch control information is used to confirm the selected target point on the smart phone, and then controlled by the inertial sensor mode or touch screen control mode to achieve multiple interactive operations on the selected target point; the method includes an initialization phase, a cursor control phase, a screen capture phase and an interactive gesture phase.

具体包括以下步骤:Specifically include the following steps:

第一步,在初始化阶段,大屏幕端与智能手机端分别运行一个应用程序,通过蓝牙或Wifi建立双向通讯;In the first step, in the initialization stage, the large screen terminal and the smart phone terminal run an application program respectively, and establish two-way communication through Bluetooth or Wifi;

第二步,初始化智能手机端交互界面时,智能手机端将屏幕分为上下两个分区,上分区作为接收截图图像流区域(称为触控操作区),下分区作为惯性传感器控制开关区域(称为运动控制区),智能手机端的应用程序向大屏幕端发送惯性传感器的姿态角信息或触控信息(如图2当智能手机端手指长按运动控制区时向大屏幕端发送传感器运动数据),并接收大屏幕端矩形光标的截图图像流数据显示在触控操作区(如图2当大屏幕端矩形光标截图时智能手机端接收大屏幕端光标截图图像流);In the second step, when initializing the interactive interface of the smartphone terminal, the smartphone terminal divides the screen into upper and lower partitions, the upper partition is used as the area for receiving screenshot image streams (called the touch operation area), and the lower partition is used as the inertial sensor control switch area ( It is called the motion control area), and the application on the smart phone sends the attitude angle information or touch information of the inertial sensor to the large screen (as shown in Figure 2, when the finger on the smart phone long presses the motion control area, the sensor motion data is sent to the large screen. ), and receive the screenshot image stream data of the rectangular cursor on the large screen end to display in the touch operation area (as shown in Figure 2 when the rectangular cursor on the large screen end takes a screenshot, the smart phone receives the screenshot image stream of the cursor on the large screen end);

第三步,初始化大屏幕端交互界面时,大屏幕端生成一个矩形光标,矩形光标宽高比与智能手机端触控操作区完全相似,大屏幕端实时向智能手机端发送矩形区域图像流(如图2当大屏幕端矩形光标截图时向智能手机端发送光标截图图像流),并接收智能手机端惯性传感器的姿态角信息(即航向角和俯仰角信息)分别映射为矩形光标在大屏幕端的x和y坐标(如图2当智能手机端手指长按运动控制区时大屏幕端接收智能手机端的传感器运动数据),还接收智能手机端触控信息映射为大屏幕端的鼠标相关操作(如图2当智能手机端手指对触控操作区操作时大屏幕端接收智能手机端的点选位置数据或触摸屏事件状态);Step 3: When initializing the interactive interface of the large-screen terminal, a rectangular cursor is generated on the large-screen terminal. The aspect ratio of the rectangular cursor is completely similar to that of the touch operation area on the smartphone terminal. The large-screen terminal sends a rectangular area image stream to the smartphone terminal in real time ( As shown in Figure 2, when the rectangular cursor on the large screen takes a screenshot, send the cursor screenshot image stream to the smartphone), and receive the attitude angle information (that is, the heading angle and pitch angle information) of the inertial sensor on the smartphone and map it to a rectangular cursor on the large screen. The x and y coordinates of the terminal (as shown in Figure 2, when the finger on the smartphone terminal presses the motion control area for a long time, the large screen terminal receives the sensor motion data of the smartphone terminal), and also receives the touch information of the smartphone terminal and maps it to mouse-related operations on the large screen terminal (such as Fig. 2 When the finger on the smart phone operates on the touch operation area, the large screen receives the selected position data or the touch screen event status of the smart phone);

第四步,通过在智能手机端长按运动控制区控制大屏幕端的矩形光标移动;智能手机端将惯性传感器采集的姿态角信息发送给大屏幕端,大屏幕端根据该姿态角信息控制矩形光标在大屏幕端移动以框选目标点进行粗略定位,大屏幕端实时传输矩形光标范围内的内容至智能手机端的触控操作区显示,进入光标控制阶段;The fourth step is to control the movement of the rectangular cursor on the big screen by long pressing the motion control area on the smart phone; the smart phone sends the attitude angle information collected by the inertial sensor to the big screen, and the big screen controls the rectangular cursor based on the attitude angle information Move on the large screen to frame the target point for rough positioning, and the large screen transmits the content within the rectangular cursor range in real time to the touch operation area of the smartphone for display, entering the cursor control stage;

第五步,在光标控制阶段,当该矩形光标移动到目标点附近后手指抬离运动控制区,矩形光标固定,智能手机端不再发送惯性传感器的姿态角信息,此时智能手机端触发模式切换,由惯性传感器控制模式切换为触摸屏控制模式,进入截图点选阶段;Step 5: In the cursor control stage, when the rectangular cursor moves to the vicinity of the target point, the finger lifts off the motion control area, the rectangular cursor is fixed, and the smartphone no longer sends the attitude angle information of the inertial sensor. At this time, the smartphone triggers the mode Switch, switch from the inertial sensor control mode to the touch screen control mode, and enter the stage of screenshot selection;

第六步,在截图点选阶段,通过触摸该智能手机端触控操作区中的目标点进行精确定位,智能手机端将其屏幕上的相对位置信息发送给大屏幕端反算出大屏幕端的绝对位置坐标,判断选中大屏幕端的目标点,进入交互手势阶段;Step 6: In the screenshot selection stage, by touching the target point in the touch operation area of the smartphone terminal to perform precise positioning, the smartphone terminal sends the relative position information on the screen to the large screen terminal to calculate the absolute position of the large screen terminal. Position coordinates, judge the selected target point on the large screen, and enter the stage of interactive gestures;

第七步,在交互手势阶段,通过在智能手机端手指长按与抬离运动控制区对该选中点与矩形光标进行拖动与释放操作(如图2选中目标后智能手机端手指长按运动控制区到大屏幕端矩形光标固定释放选中点的数据流);通过在智能手机端触控操作区的截图上双击该选中点,进行大屏幕端的双击操作(如图2选中目标后智能手机端双击触控操作区选中点的数据流);通过在智能手机端触控操作区的截图上长按该选中点,进行大屏幕端的右击操作(如图2选中目标后智能手机端长按触控操作区选中点的数据流)。The seventh step, in the stage of interactive gestures, drag and release the selected point and the rectangular cursor by long pressing and lifting the finger on the smartphone end from the motion control area (as shown in Figure 2, after the target is selected, the finger long press motion on the smartphone end From the control area to the large screen end, the rectangular cursor is fixed to release the data flow of the selected point); by double-clicking the selected point on the screenshot of the touch operation area on the smartphone end, the double-click operation on the large screen end is performed (as shown in Figure 2 after the target is selected on the smartphone end Double-click the data flow of the selected point in the touch operation area); press and hold the selected point on the screenshot of the touch operation area on the smartphone side to perform a right-click operation on the large screen (as shown in Figure 2 after selecting the target, long press the touch point on the smartphone side to the data flow of the point selected in the control operation area).

所述步骤二中,所述智能手机端上下分区为物理划分的固定面积比例的两块屏幕区域。In the second step, the upper and lower sections of the smart phone terminal are divided into two physically divided screen areas with a fixed area ratio.

对所述智能手机端上下分区的高度进行计算,具体过程如下:下分区运动控制区高度为拇指宽度的1.5倍~2.5倍以避免手指移动导致模式的误切换,根据人体工学尺寸拇指宽度为15mm~25mm;上分区触控操作区高度则为智能手机端屏幕剩余面积区域的高度(如图4所示为上分区与下分区的高度设计)。Calculate the height of the upper and lower partitions of the smart phone. The specific process is as follows: the height of the motion control area of the lower partition is 1.5 to 2.5 times the width of the thumb to avoid incorrect switching of the mode caused by finger movement. According to the ergonomic size, the width of the thumb is 15mm ~25mm; the height of the upper partition touch operation area is the height of the remaining area of the smart phone screen (Figure 4 shows the height design of the upper partition and the lower partition).

所述步骤三中,所述矩形光标为一与智能手机端触控操作区完全相似的矩形。In the third step, the rectangular cursor is a rectangle completely similar to the touch operation area of the smart phone.

对所述矩形光标的宽高进行计算,具体过程如下:该矩形光标的宽度

Figure BDA0002972745960000031
高度/>
Figure BDA0002972745960000041
其中,x'为智能手机端屏幕宽度即触控操作区宽度,y'为智能手机端触控操作区高度,Dres为大屏幕端的分辨率,Sres为智能手机端触摸屏的分辨率。为避免大屏幕端分辨率小于智能手机端或智能手机端分辨率大于大屏幕端的极端情况,限制矩形光标要大于大屏幕端最小边长的物理尺寸1/4倍,小于智能手机端触控操作区的物理尺寸4倍。Calculate the width and height of the rectangular cursor, the specific process is as follows: the width of the rectangular cursor
Figure BDA0002972745960000031
height />
Figure BDA0002972745960000041
Among them, x' is the screen width of the smartphone, that is, the width of the touch operation area, y' is the height of the touch operation area of the smartphone, D res is the resolution of the large screen, and S res is the resolution of the touch screen of the smartphone. In order to avoid extreme situations where the resolution of the large screen is smaller than that of the smartphone or the resolution of the smartphone is larger than that of the large screen, the restricted rectangular cursor must be larger than 1/4 of the physical size of the minimum side length of the large screen, and smaller than the touch operation of the smartphone 4 times the physical size of the zone.

所述步骤四中,当智能手机端检测到运动控制区长按的状态时,智能手机端为惯性传感器控制模式状态,智能手机端将惯性传感器采集的航向角和俯仰角信息传输至大屏幕端,远距离控制矩形光标的移动,移动过程中所述大屏幕端传输方法为将矩形光标框选范围内的内容实时截图为图片,将所有截图图片以图像流数据的形式传输至智能手机端的触控操作区,以保证在远距离用矩形光标粗略定位目标点的时候实时显示大屏幕端的上下文信息。In said step 4, when the smart phone end detects the state of long pressing of the motion control area, the smart phone end is in the inertial sensor control mode state, and the smart phone end transmits the heading angle and pitch angle information collected by the inertial sensor to the large screen end , to control the movement of the rectangular cursor from a long distance. During the movement, the transmission method on the large screen terminal is to take real-time screenshots of the contents within the frame selection range of the rectangular cursor as pictures, and transmit all the screenshots to the touch screen on the smartphone terminal in the form of image stream data. Control operation area to ensure real-time display of contextual information on the large screen when using a rectangular cursor to roughly locate the target point at a long distance.

所述步骤五和步骤六中,当智能手机端检测到运动控制区抬离状态时,所述智能手机端触发模式切换为由惯性传感器控制模式切换为触摸屏控制模式状态,先使用智能手机远距离控制矩形光标粗略定位目标点,然后再转换到智能手机端的触控操作区上直接触摸点选精确定位目标点。In the step 5 and step 6, when the smart phone detects that the motion control area is lifted off, the trigger mode of the smart phone is switched from the inertial sensor control mode to the touch screen control mode, and the smart phone is used to remotely Control the rectangular cursor to roughly locate the target point, and then switch to the touch operation area on the smartphone to directly touch and select the precise target point.

所述步骤六中,所述反算过程如下:In the step six, the inverse calculation process is as follows:

(1)根据智能手机端触控操作区的触摸位置坐标(xmob,ymob)反算出矩形光标中的相对位置横坐标

Figure BDA0002972745960000042
纵坐标/>
Figure BDA0002972745960000043
其中,xmob为触控操作区触摸位置的横坐标,ymob为触控操作区触摸位置的纵坐标,x'为智能手机端屏幕宽度即触控操作区宽度,y'为智能手机端触控操作区高度,x为矩形坐标的宽度,y为矩形坐标的高度。(1) According to the touch position coordinates (x mob , y mob ) of the touch operation area on the smartphone terminal, calculate the relative position abscissa of the rectangular cursor
Figure BDA0002972745960000042
Ordinate />
Figure BDA0002972745960000043
Among them, x mob is the abscissa of the touch position in the touch operation area, y mob is the ordinate of the touch position in the touch operation area, x' is the screen width of the smartphone terminal, that is, the width of the touch operation area, and y' is the touch control area of the smartphone terminal. Control the height of the operation area, x is the width of the rectangle coordinates, and y is the height of the rectangle coordinates.

(2)根据矩形光标中心在大屏幕端的绝对位置计算点选的点在大屏幕端的绝对坐标,依据绝对坐标计算结果从而判断是否选中目标点。(2) Calculate the absolute coordinates of the selected point on the large screen according to the absolute position of the center of the rectangular cursor on the large screen, and judge whether the target point is selected according to the calculation result of the absolute coordinates.

所述步骤七中,当选中目标点后,通过智能手机端的交互手势实现对选中目标点的后续交互操作,根据智能手机端的惯性传感器采集的姿态角信息或触控信息模拟大屏幕端对该选中点的鼠标相关操作,所述模拟的交互手势种类具体如下:In said step seven, when the target point is selected, the subsequent interactive operation on the selected target point is realized through the interactive gesture on the smart phone end, and the selected target point is simulated on the large screen according to the attitude angle information or touch information collected by the inertial sensor on the smart phone end. Click mouse-related operations, the types of simulated interactive gestures are as follows:

(1)通过长按与抬离智能手机端运动控制区,将智能手机端的惯性传感器采集的姿态角信息发送给大屏幕端,并在触控操作区实时显示矩形光标截图的图像流,对该选中点与矩形光标进行大屏幕端鼠标拖拽操作;(1) By long pressing and lifting away from the motion control area of the smartphone, the attitude angle information collected by the inertial sensor on the smartphone is sent to the large screen, and the image stream of the rectangular cursor screenshot is displayed in real time in the touch operation area. Select the point and the rectangular cursor to perform the mouse drag operation on the large screen;

(2)通过双击智能手机端触控操作区的该选中点进行大屏幕端鼠标双击操作;(2) Double-click the mouse on the large screen by double-clicking the selected point in the touch operation area of the smart phone;

(3)通过长按智能手机端触控操作区的该选中点进行大屏幕端鼠标右击操作。(3) Right-click the mouse on the large screen by long pressing the selected point in the touch operation area of the smartphone.

本发明中的交互过程包括了三个阶段、两种交互控制模式和三种交互手势,如图3所示。三个阶段分别为光标控制阶段、截图点选阶段和交互手势阶段,所采用的交互控制模式包括惯性传感器控制模式和触摸屏控制模式,这两种模式以手指在屏状态和区域的转换进行来回切换。根据手指是否接触屏幕以及多长时间接触屏幕,可将手指的在屏状态分为“长按”、“抬离”以及“接触”三种状态,切换过程是当手指“长按”运动控制区时,触发光标控制阶段,此时为惯性传感器控制模式;当手指“抬离”运动控制区时,触发截图点选阶段,此时由惯性传感器控制模式转换为触摸屏控制模式;而当手指“接触”触控操作区目标点时,触发交互手势阶段。进入交互手势阶段后具有三种交互手势,分别为“长按抬离”、“双击”以及“长按”三种状态,当手指“长按”和“抬离”运动控制区时,实现拖动和释放选中点与矩形光标操作;当手指“双击”触控操作区选中点时,实现双击选中点操作;当手指“长按”触控操作区选中点时,实现右击选中点操作。The interaction process in the present invention includes three stages, two interaction control modes and three interaction gestures, as shown in FIG. 3 . The three phases are cursor control phase, screenshot selection phase and interactive gesture phase. The interactive control mode adopted includes inertial sensor control mode and touch screen control mode. . According to whether the finger is in contact with the screen and how long the finger is in contact with the screen, the on-screen state of the finger can be divided into three states: "long press", "lift off" and "contact". The switching process is when the finger "long press" the motion control area , the cursor control stage is triggered, which is the inertial sensor control mode at this time; when the finger "lifts off" the motion control area, the screenshot selection stage is triggered, and the inertial sensor control mode is converted to the touch screen control mode at this time; and when the finger "touches "When touching the target point in the operation area, the interactive gesture phase is triggered. After entering the interactive gesture stage, there are three interactive gestures, namely "long press to lift off", "double click" and "long press". When the finger "long press" and "lift off" the motion control area, dragging Move and release the selected point and rectangular cursor operation; when the finger "double-clicks" the touch operation area to select the point, the double-click operation is realized; when the finger "long press" the touch operation area to select the point, the right-click operation is realized.

与现有技术方案相比,本发明的有益效果是:Compared with prior art solutions, the beneficial effects of the present invention are:

(1)本发明设计了一种光标截图点选的交互方法,将智能手机端屏幕划分上下两个分区,目的是为了实现两种操作状态的转换,先通过下分区控制智能手机端惯性传感器粗略定位框选目标,再由大屏幕端直接点选交互转移到智能手机端上分区的小屏幕精确点选交互,通过直接在智能手机端的上分区触摸点选矩形光标截图上的目标点,使远距离大屏幕端目标点的选择更加精确,提高了点选方式的速度和准确性。(1) The present invention designs an interactive method for cursor screenshot selection, which divides the screen of the smart phone into upper and lower partitions. The purpose is to realize the conversion of the two operating states. Position the frame selection target, and then transfer the direct click interaction from the large screen to the precise click interaction on the small screen on the upper partition of the smart phone. By directly touching and clicking the target point on the screenshot of the rectangular cursor on the upper partition of the smart phone, the remote The selection of the target point at the end of the large screen is more precise, which improves the speed and accuracy of the click method.

(2)本发明设计了一种矩形光标截图图像流的交互方法,将粗略定位时矩形光标框选的内容截图以图像流的形式实时发送至智能手机端,充分保留了大屏幕端高分辨率的上下文细节,保证用户的交互场景不被打断。(2) The present invention designs an interactive method of a rectangular cursor screenshot image stream, which sends the screenshot of the content framed by the rectangular cursor to the smart phone in real time in the form of an image stream during rough positioning, fully retaining the high resolution of the large screen terminal Context details to ensure that the user's interaction scene is not interrupted.

(3)本发明提出了一个完整的交互流程,利用智能手机端远距离点选大屏幕端的目标点并设计了三种交互手势,利用智能手机端就能完成对选中目标后续类似鼠标的操作,既符合了鼠标移动的线性行为,也保证了远距离大屏交互控制的连贯性和完整性。(3) The present invention proposes a complete interactive process, utilizes the smart phone terminal to remotely select the target point on the large screen end and designs three kinds of interactive gestures, and utilizes the smart phone terminal to complete subsequent mouse-like operations on the selected target, It not only conforms to the linear behavior of mouse movement, but also ensures the coherence and integrity of long-distance large-screen interactive control.

(4)本发明通过智能手机端自带的惯性传感器来定位矩形光标位置属性以及拖拽该选中点和矩形光标,将姿态角信息发送给大屏幕端,从而控制光标移动,不受距离、遮挡等问题影响。同时支持交互操作的重入,当手运动到不舒适的角度时,可通过手指抬离智能手机端的运动控制区,保持矩形光标的状态,更换手的姿势再次长按运动控制区继续控制矩形光标移动以及图像流的实时传输,从而保证用户使用时的舒适度。(4) The present invention uses the built-in inertial sensor of the smart phone to locate the position attribute of the rectangular cursor and drag the selected point and the rectangular cursor to send the attitude angle information to the large screen, thereby controlling the movement of the cursor without being affected by distance or occlusion and other issues. At the same time, it supports the re-entry of interactive operations. When the hand moves to an uncomfortable angle, you can lift your finger away from the motion control area on the smartphone to maintain the state of the rectangular cursor. Change the posture of your hand and press and hold the motion control area again to continue to control the rectangular cursor. Real-time transmission of movement and image streams to ensure user comfort during use.

(5)本发明的交互方式系统搭建简单,智能手机取材方便,造价低,具有一定的便捷性,同时支持多人协同操作。(5) The interactive system of the present invention is simple to build, easy to obtain materials from smart phones, low in cost, has a certain degree of convenience, and supports multi-person collaborative operations at the same time.

附图说明Description of drawings

图1为本发明方法流程示意图;Fig. 1 is a schematic flow sheet of the method of the present invention;

图2为数据流示意图;Fig. 2 is a schematic diagram of data flow;

图3为交互状态转换示意图;Fig. 3 is a schematic diagram of interactive state transition;

图4为智能手机端分区示意图;FIG. 4 is a schematic diagram of partitions on the smartphone side;

图5为交互手势示意图;FIG. 5 is a schematic diagram of an interactive gesture;

(a)矩形光标截图(b)控制矩形光标(c)上分区点选操作(d)长按下分区手势-拖拽操作(e)双击选中点手势-双击操作(f)长按选中点手势-右击操作;(a) Rectangular cursor screenshot (b) Rectangular cursor control (c) Partition click operation (d) Long press partition gesture-drag operation (e) Double-click selected point gesture-double-click operation (f) Long press selected point gesture - Right click operation;

图6为本发明实施例交互过程示意图;FIG. 6 is a schematic diagram of an interaction process according to an embodiment of the present invention;

(a)手指长按下分区-光标截图(b)控制矩形光标(c)手指抬离-光标固定(d)手指接触-选中目标点(e)手指长按下分区-光标截图拖拽选中点手指抬离下分区-光标固定释放选中点(f)手指双击选中点-双击选中点(g)手指长按选中点-右击选中点(a) Long press the partition with the finger - cursor screenshot (b) Control the rectangular cursor (c) Lift the finger away - the cursor is fixed (d) Touch the finger - select the target point (e) Long press the finger with the partition - the cursor screenshot drags the selected point Lift your finger away from the lower partition - fix the cursor and release the selected point (f) Double-click the selected point with your finger - double-click the selected point (g) Long press the selected point with your finger - right-click the selected point

图7为本发明实施例系统布局图。Fig. 7 is a system layout diagram of the embodiment of the present invention.

具体实施方式Detailed ways

为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅用以解释本发明,并不用于限定本发明。In order to make the object, technical solution and advantages of the present invention clearer, the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, not to limit the present invention.

本发明的基本思路在于,先通过矩形光标的粗略框选目标点,再通过智能手机端接收到的矩形光标截图精确定位来选中目标,最后提供了三种交互手势完成类似的大屏幕端鼠标操作。矩形光标框选区域截图的粗略定位尽可能的保留大屏幕目标点上下文细节,矩形光标截图点选的精确定位又可以提升大屏幕端目标点选的精确度,使用智能手机端的交互手势保证了点选目标后续操作的连贯性。The basic idea of the present invention is to select the target point roughly through the rectangular cursor, and then select the target through the precise positioning of the rectangle cursor screenshot received by the smart phone, and finally provide three kinds of interactive gestures to complete similar large-screen mouse operations . The rough positioning of the screenshot of the rectangular cursor frame selection area preserves the context details of the target point on the large screen as much as possible, and the precise positioning of the rectangular cursor screenshot selection can improve the accuracy of the target point selection on the large screen. The coherence of the subsequent operation of the selected target.

如图1所法,本发明基于图像流的远距离大屏控制交互方法包含的具体步骤如下:As shown in Figure 1, the specific steps included in the remote large-screen control interaction method based on image streams in the present invention are as follows:

第一步,通讯初始化。The first step is communication initialization.

大屏幕端与智能手机端分别运行一个应用程序,通过蓝牙或Wifi建立双向通讯。The large screen terminal and the smart phone terminal run an application program respectively, and establish two-way communication through Bluetooth or Wifi.

第二步,手机端初始化。The second step is to initialize the mobile terminal.

智能手机端将屏幕分为上下两个分区,上分区作为接收截图图像流区域(称为触控操作区),下分区作为惯性传感器控制开关区域(称为运动控制区),智能手机端应用程序向大屏幕端发送惯性传感器的姿态角信息或触控信息,并接收大屏幕端矩形光标的截图图像流数据显示在触控操作区。The smart phone terminal divides the screen into upper and lower partitions. The upper partition is used as an area for receiving screenshot image streams (called touch operation area), and the lower partition is used as an inertial sensor control switch area (called motion control area). Send the attitude angle information or touch information of the inertial sensor to the large screen, and receive the screenshot image stream data of the rectangular cursor on the large screen and display it in the touch operation area.

第三步,大屏幕端初始化。The third step is to initialize the large screen.

大屏幕端生成一个矩形光标,矩形光标宽高比与智能手机端触控操作区完全相似,大屏幕端实时向智能手机端发送矩形区域图像流,并接收智能手机端惯性传感器的姿态角信息(即航向角和俯仰角信息)分别映射为矩形光标在大屏幕端的x和y坐标,还接收智能手机端的触控信息映射为大屏幕端的鼠标相关操作。The large-screen end generates a rectangular cursor whose aspect ratio is completely similar to that of the touch operation area on the smartphone end. The large-screen end sends the image stream of the rectangular area to the smartphone end in real time, and receives the attitude angle information of the inertial sensor on the smartphone end ( That is, heading angle and pitch angle information) are respectively mapped to the x and y coordinates of the rectangular cursor on the large screen, and the touch information received from the smart phone is mapped to mouse-related operations on the large screen.

第四步,粗略定位。The fourth step is rough positioning.

通过在智能手机端长按运动控制区,采用手指长按屏幕即手指保持与屏幕接触的方式(如图6中的(a)为长按下分区开始光标截图状态),智能手机端将惯性传感器采集的姿态角信息发送给大屏幕端,大屏幕端根据该姿态角信息控制大屏幕端的矩形光标移动,大屏幕端实时传输矩形光标范围内的内容至智能手机端的触控操作区显示,通过该步骤可控制矩形光标快速远距离移动粗略框选目标点(如图6中的(b)为智能手机端控制矩形光标位移的过程)。By long-pressing the motion control area on the smart phone, using the method of long-pressing the screen with the finger, that is, keeping the finger in contact with the screen ((a) in Figure 6 is the state of long-pressing the partition to start the cursor screenshot), and the inertial sensor on the smart phone The collected attitude angle information is sent to the large screen end, and the large screen end controls the movement of the rectangular cursor on the large screen end according to the attitude angle information, and the large screen end transmits the content within the range of the rectangular cursor to the touch operation area of the smartphone end for display in real time. The steps can control the rectangular cursor to move quickly and long-distance to roughly frame the target point ((b) in Figure 6 is the process of controlling the displacement of the rectangular cursor on the smartphone).

第五步,精确定位。The fifth step is precise positioning.

在步骤四矩形光标移动到框选目标点后,通过运动控制区的手指抬离事件,智能手机端不再发送惯性传感器信息,矩形光标固定,此时智能手机端触发模式切换,由惯性传感器控制模式切换为触摸屏控制模式,进入截图点选阶段,可根据智能手机端触控操作区此刻的矩形光标截图精确定位目标,同时保留了大屏幕端目标点的上下文(如图6中的(c)为手指抬离光标固定状态)。After the rectangular cursor moves to the frame selection target point in step 4, through the event of lifting the finger in the motion control area, the smart phone no longer sends inertial sensor information, and the rectangular cursor is fixed. At this time, the smart phone triggers mode switching, controlled by the inertial sensor Switch the mode to the touch screen control mode, and enter the screenshot selection stage, and accurately locate the target according to the rectangular cursor screenshot in the touch operation area of the smart phone at the moment, while retaining the context of the target point on the large screen (as shown in (c) in Figure 6 Cursor fixed state for finger lift off).

第六步,选中目标。The sixth step is to select the target.

通过手指接触控操作区事件,根据触控操作区点选的相对位置反算大屏幕端的绝对位置,判断用户选中大屏幕端的目标点(如图6中的(d)为手指接触选中目标点状态)。Through the finger touch operation area event, calculate the absolute position of the large screen end according to the relative position selected by the touch operation area, and judge the target point selected by the user on the large screen end ((d) in Figure 6 is the state of the finger touch selected target point ).

第七步,手势交互。The seventh step is gesture interaction.

在步骤六点选中目标点后,有三种手势交互方式。第一种是通过在智能手机端长按运动控制区,采用手指长按屏幕即手指保持与屏幕接触的方式,对该选中点与矩形光标进行拖拽,同时开始实时发送矩形光标截图图像流至触控操作区,拖拽至目的地后通过运动控制区的手指抬离事件,将该选中点与矩形光标释放(如图6中的(e)为手指长按和抬离下分区来拖拽和释放选中点的方式)。第二种是通过在智能手机端双击触控操作区中的该选中点,触发该选中点在大屏幕端的双击事件(如图6中的(f)为手指双击选中点双击操作的方式)。第三种是通过在智能手机端长按触控操作区中的该选中点,采用手指长按屏幕即手指保持与屏幕接触的方式,触发该选中点在大屏幕端的右击事件(如图6中的(g)为手指长按选中点右击操作的方式)。After selecting the target point in step six, there are three gesture interaction methods. The first is to drag and drop the selected point and the rectangular cursor by long pressing the motion control area on the smartphone, using the method of long pressing the screen with the finger, that is, keeping the finger in contact with the screen, and at the same time start sending the screenshot image stream of the rectangular cursor to the In the touch operation area, after dragging to the destination, release the selected point and the rectangular cursor through the finger lifting event in the motion control area (as shown in (e) in Figure 6, long press and lift off the lower partition to drag and how to release selected points). The second is to trigger a double-click event of the selected point on the large screen by double-clicking the selected point in the touch operation area on the smart phone (as (f) in Figure 6 is the double-click operation of double-clicking the selected point with a finger). The third is to trigger the right-click event of the selected point on the large screen by long pressing the selected point in the touch operation area on the smart phone, and using the finger to long press the screen, that is, the finger keeps in touch with the screen (as shown in Figure 6 The (g) in (g) is the method of long-pressing the selected point and right-clicking with the finger).

所述步骤一中,所述的智能手机端上下分区的高度比例由以下方式确定:下分区运动控制区高度为拇指宽度的1.5倍~2.5倍以避免手指移动导致模式的误切换,根据人体工学尺寸拇指宽度为15mm~25mm;上分区触控操作区高度则为智能手机端屏幕剩余面积区域的高度(如图4所示为上分区与下分区的高度设计)。In the first step, the height ratio of the upper and lower partitions of the smart phone terminal is determined in the following manner: the height of the motion control area of the lower partition is 1.5 to 2.5 times the width of the thumb to avoid incorrect mode switching caused by finger movement, according to ergonomics Size The width of the thumb is 15mm to 25mm; the height of the upper partition touch operation area is the height of the remaining area of the smart phone screen (as shown in Figure 4, the height design of the upper partition and the lower partition).

所述步骤三中,所述的矩形光标的宽高比例分别由智能手机端上分区触控操作区的宽高比确定,即矩形光标与智能手机端触控操作区为完全相似形。In the third step, the width-to-height ratio of the rectangular cursor is respectively determined by the aspect ratio of the partition touch operation area on the smart phone, that is, the rectangular cursor is completely similar to the touch operation area on the smart phone.

矩形光标的宽度数值可由如下公式确定:The width value of the rectangular cursor can be determined by the following formula:

Figure BDA0002972745960000081
Figure BDA0002972745960000081

矩形光标的高度数值可由如下公式确定:The height value of the rectangular cursor can be determined by the following formula:

Figure BDA0002972745960000082
Figure BDA0002972745960000082

其中,x为矩形光标的宽度,x'为智能手机端屏幕宽度即触控操作区宽度,y为矩形光标的高度,y'为智能手机端触控操作区高度,Dres为大屏幕端的分辨率,单位为DPI,Sres为智能手机端触摸屏的分辨率,单位为DPI。为避免大屏幕端分辨率小于智能手机端或智能手机端分辨率大于大屏幕端的极端情况,限制矩形光标要大于大屏幕端最小边长的物理尺寸1/4倍,小于智能手机端触控操作区的物理尺寸4倍。Among them, x is the width of the rectangular cursor, x' is the screen width of the smart phone, that is, the width of the touch operation area, y is the height of the rectangular cursor, y' is the height of the touch operation area of the smart phone, and D res is the resolution of the large screen rate, the unit is DPI, and S res is the resolution of the touch screen of the smart phone, the unit is DPI. In order to avoid extreme situations where the resolution of the large screen is smaller than that of the smartphone or the resolution of the smartphone is larger than that of the large screen, the restricted rectangular cursor must be larger than 1/4 of the physical size of the minimum side length of the large screen, and smaller than the touch operation of the smartphone 4 times the physical size of the zone.

所述步骤四中,所述的粗略定位的交互方式,是通过智能手机端的惯性传感器交互通道采集智能手机端角度的相对位置变化,将智能手机端的航向角和俯仰角信息分别映射为矩形光标中心在大屏幕端的x和y坐标变化。In the step 4, the rough positioning interaction method is to collect the relative position change of the angle of the smartphone terminal through the inertial sensor interaction channel of the smartphone terminal, and map the heading angle and pitch angle information of the smartphone terminal to the center of the rectangular cursor respectively. The x and y coordinates change on the large screen side.

所述步骤四中,智能手机端为惯性传感器控制模式状态,远距离控制矩形光标的移动,移动过程中所述大屏幕端传输方法为将矩形光标框选范围的内容实时截图为图片,将所有截图图片以图像流数据的形式传至智能手机端的触控操作区,以保证在远距离用矩形光标粗略定位目标点的时候实时显示大屏幕端的上下文信息。In said step 4, the smart phone terminal is in the state of inertial sensor control mode, and the movement of the rectangular cursor is remotely controlled. The screenshots are sent to the touch operation area of the smart phone in the form of image stream data to ensure that the context information on the large screen is displayed in real time when the target point is roughly positioned with a rectangular cursor at a long distance.

所述步骤四和步骤五中的模式切换和所述步骤六的选中操作均是通过手指的在屏状态和区域触发的,手指在屏状态分为“长按”、“抬离”以及“接触”三种状态,当手指“长按”运动控制区时,触发粗略定位阶段,移动智能手机端来控制矩形光标移动,同时将矩形光标框选内容截图以图像流的形式实时发送至智能手机端触控操作区;当手指“抬离”运动控制区时,触发精确定位阶段;而当手指“接触”触控操作区时,此时大屏幕端根据手指触摸触控操作区的相对定位判断选中目标点,触发选中目标命令。The mode switching in steps 4 and 5 and the selection operation in step 6 are all triggered by the on-screen state and area of the finger, and the on-screen state of the finger is divided into "long press", "lift off" and "contact "Three states, when the finger "long press" the motion control area, the rough positioning stage is triggered, and the smart phone is moved to control the movement of the rectangular cursor, and at the same time, the screenshot of the content selected by the rectangular cursor is sent to the smart phone in real time in the form of an image stream Touch operation area; when the finger "lifts off" the motion control area, the precise positioning stage is triggered; and when the finger "touches" the touch operation area, the large screen side judges the selection based on the relative positioning of the finger touching the touch operation area. Target point, trigger the select target command.

所述步骤六中,所述反算过程如下:In the step six, the inverse calculation process is as follows:

(1)根据智能手机端触控操作区的触摸位置坐标(xmob,ymob),矩形光标中相对位置的横坐标可由如下公式确定:(1) According to the touch position coordinates (x mob , y mob ) of the touch operation area on the smartphone, the abscissa of the relative position in the rectangular cursor can be determined by the following formula:

Figure BDA0002972745960000091
Figure BDA0002972745960000091

矩形光标中相对位置的纵坐标可由如下公式确定:The ordinate of the relative position in the rectangular cursor can be determined by the following formula:

Figure BDA0002972745960000092
Figure BDA0002972745960000092

其中,xcur为矩形光标相对位置的横坐标,ycur为矩形光标相对位置的纵坐标,xmob为触控操作区触摸位置的横坐标,ymob为触控操作区触摸位置的纵坐标,x'为智能手机端屏幕宽度即触控操作区宽度,y'为智能手机端触控操作区高度,x为矩形坐标的宽度,y为矩形坐标的高度。Among them, x cur is the abscissa of the relative position of the rectangular cursor, y cur is the ordinate of the relative position of the rectangular cursor, x mob is the abscissa of the touch position in the touch operation area, y mob is the ordinate of the touch position in the touch operation area, x' is the screen width of the smart phone, that is, the width of the touch operation area, y' is the height of the touch operation area of the smart phone, x is the width of the rectangle coordinates, and y is the height of the rectangle coordinates.

(2)根据矩形光标中心在大屏幕端的绝对位置计算点选的点在大屏幕端的绝对坐标,依据绝对坐标计算结果从而判断是否选中目标点。(2) Calculate the absolute coordinates of the selected point on the large screen according to the absolute position of the center of the rectangular cursor on the large screen, and judge whether the target point is selected according to the calculation result of the absolute coordinates.

所述步骤七中,所述模拟的交互手势种类共有三种,通过手指的在屏状态和区域触发,三种交互手势的手指在屏状态分为“长按抬离”、“双击”以及“长按”三种状态:In the step seven, there are three types of simulated interactive gestures, which are triggered by the on-screen state and area of the finger. The finger-on-screen states of the three interactive gestures are divided into "long press to lift off", "double-click" and " Long press "Three states:

(1)当手指“长按”和“抬离”运动控制区时,实时发送矩形光标截图图像流至触控操作区,并根据智能手机端惯性传感器采集到的姿态角信息,对大屏幕端的该选中点与矩形光标实施拖动和释放操作;(1) When the finger "long presses" and "lifts off" the motion control area, the screenshot image stream of the rectangular cursor is sent to the touch operation area in real time, and according to the attitude angle information collected by the inertial sensor of the smartphone end, the large screen end The selected point and the rectangular cursor implement drag and release operations;

(2)当手指“双击”触控操作区该选中点时,对大屏幕端的该选中点实施双击操作;(2) When the finger "double-clicks" the selected point in the touch operation area, double-click the selected point on the large screen;

(3)当手指“长按”触控操作区该选中点时,对大屏幕端的该选中点实施右击操作。(3) When the finger "long presses" the selected point in the touch operation area, perform a right-click operation on the selected point on the large screen.

如图7所示,为了实现本发明的方法,实施使用了物理尺寸较大的大屏幕,内存是24G,操作系统为Microsoft Windows 7;手持移动设备采用智能手机,屏幕尺寸为5.5英寸,屏幕高和宽分别为150.7mm,75.3mm,分辨率为403ppi,处理器为Helio X10处理器八核,内存2GB。As shown in Figure 7, in order to realize the method of the present invention, implement and use the bigger big screen of physical size, memory is 24G, and operating system is Microsoft Windows 7; Handheld mobile device adopts smart phone, and screen size is 5.5 inches, and screen height The width and width are 150.7mm and 75.3mm respectively, the resolution is 403ppi, the processor is Helio X10 processor octa-core, and the memory is 2GB.

实施例系统布局如图7所示,本实施例的效果是,用户运用拇指在运动控制区的长按运动与智能手机端的移动完成控制矩形光标的交互任务,当矩形光标定位到目标后,通过拇指抬离运动控制区,进入截图点选操作阶段。运用手指在触控操作区点击目标点,触发选择目标命令,进入交互手势阶段。运用拇指在运动控制区的长按运动与智能手机端的移动实现在大屏幕端拖动该选中点与矩形光标,当把该选中点与矩形光标拖拽至目的地后,通过拇指抬离运动控制区释放该选中点与矩形光标。运用手指在触控操作区的触摸运动,双击该选中点实现大屏幕端的双击操作命令,长按该选中点实现大屏幕端的右击操作命令。The system layout of the embodiment is shown in Figure 7. The effect of this embodiment is that the user completes the interactive task of controlling the rectangular cursor by using the long press motion of the thumb in the motion control area and the movement of the smart phone. Lift the thumb away from the motion control area to enter the screenshot selection operation stage. Use your finger to click the target point in the touch operation area to trigger the command to select the target and enter the interactive gesture stage. Use the long press motion of the thumb in the motion control area and the movement of the smart phone to drag the selected point and the rectangular cursor on the large screen. After dragging the selected point and the rectangular cursor to the destination, lift off the motion control with the thumb area to release the selected point and the rectangular cursor. Using the touch movement of the finger in the touch operation area, double-click the selected point to realize the double-click operation command on the large screen end, and long press the selected point to realize the right-click operation command on the large screen end.

本实施例交互过程如图6所示。The interaction process of this embodiment is shown in FIG. 6 .

第一步,用户1将智能手机端1与大屏幕端建立连接,并开始交互;In the first step, user 1 establishes a connection between the smart phone terminal 1 and the large screen terminal, and starts to interact;

第二步,在初始状态时,手指长按智能手机端运动控制区,矩形光标被激活,用户移动智能手机端通过惯性传感器通道向大屏幕端发送交互数据包,大屏幕端解析后将运动映射为矩形光标的位移,智能手机端触控操作区实时显示矩形光标框选内容截图图像流;In the second step, in the initial state, long-press the motion control area of the smart phone with a finger, and the rectangular cursor is activated. The user moves the smart phone to send an interactive data packet to the big screen through the inertial sensor channel, and the big screen analyzes the motion and maps the is the displacement of the rectangular cursor, and the touch operation area of the smart phone terminal displays the screenshot image stream of the content selected by the rectangular cursor in real time;

第三步,当矩形光标移动到框选住目标点后,通过手指抬离运动控制区激活触摸屏控制模式,此时矩形光标固定;In the third step, when the rectangular cursor moves to the frame to select the target point, the touch screen control mode is activated by lifting the finger away from the motion control area, and the rectangular cursor is fixed at this time;

第四步,用户采用手指触摸智能手机端触控操作区的方式来选择目标。In the fourth step, the user selects the target by touching the touch operation area of the smart phone with a finger.

第五步,当大屏幕端的目标点为选中状态,用户手指长按运动控制区,智能手机端通过惯性传感器通道向大屏幕端发送交互数据包,大屏幕端解析后将运动映射为该选中点与矩形光标的位移,智能手机端触控操作区实时显示矩形光标框选内容截图图像流。用户手指双击触控操作区的该选中点,控制该选中点进行双击操作。用户手指长按触控操作区的该选中点,控制该选中点进行右击操作。Step 5: When the target point on the large screen is in the selected state, the user presses the motion control area for a long time, and the smartphone sends an interactive data packet to the large screen through the inertial sensor channel. After analysis, the large screen maps the motion to the selected point With the displacement of the rectangular cursor, the touch operation area of the smart phone terminal displays the screenshot image stream of the content selected by the rectangular cursor in real time. The user double-clicks the selected point in the touch operation area to control the selected point to perform a double-click operation. The user long-presses the selected point in the touch operation area to control the selected point to perform a right-click operation.

以上所述,仅为本发明中的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉该技术的人在本发明所揭露的技术范围内,可理解想到的变换或替换,都应涵盖在本发明的包含范围之内,因此,本发明的保护范围应该以权利要求书的保护范围为准。The above is only a specific implementation mode in the present invention, but the scope of protection of the present invention is not limited thereto. Anyone familiar with the technology can understand the conceivable transformation or replacement within the technical scope disclosed in the present invention. All should be covered within the scope of the present invention, therefore, the protection scope of the present invention should be based on the protection scope of the claims.

Claims (7)

1. A remote large-screen interaction control method based on image flow is characterized in that: the method comprises a large screen end and a smart phone end, wherein a rectangular cursor on a large screen of the large screen end is remotely controlled at the smart phone end by utilizing attitude angle information of an inertial sensor built in the smart phone, a screenshot of the rectangular cursor area on the large screen is transmitted to the smart phone end in real time as an image stream, a click target point is confirmed at the smart phone end by utilizing touch control information, and then various interactive operations on the selected target point are realized by an inertial sensor control mode or a touch screen control mode; the method comprises an initialization stage, a cursor control stage, a screenshot clicking stage and an interaction gesture stage, and is specifically realized as follows:
firstly, in an initialization stage, an application program is respectively operated by a smart phone end and a large screen end, and meanwhile, the smart phone end and the large screen end establish two-way communication through Bluetooth or Wifi;
the second step, the smart phone end physically divides the screen into an upper partition and a lower partition, wherein the upper partition is used as a region for receiving the screenshot image stream and is called a touch operation region; the lower partition is used as an inertial sensor control switch area and is called a motion control area, an application program at the smart phone end sends attitude angle information or touch information of the inertial sensor to the large screen end, receives screenshot image stream data of the rectangular cursor at the large screen end and displays the screenshot image stream data in the touch operation area;
thirdly, the application program of the large screen end creates a rectangular cursor, the aspect ratio of the rectangular cursor is completely similar to the touch operation area of the smart phone end, the large screen end sends the regional image stream of the rectangular cursor to the smart phone end in real time and receives attitude angle information of an inertial sensor of the smart phone end, namely course angle and pitch angle information are respectively mapped into x and y coordinates of the rectangular cursor at the large screen end, and touch information of the smart phone end is also received and mapped into mouse related operations of the large screen end;
fourthly, by long-pressing a motion control area of the smart phone end, an application program of the smart phone end sends attitude angle information acquired by the inertial sensor to the large screen end, the rectangular cursor of the large screen end is controlled to move to select a target point for rough positioning, meanwhile, the large screen end transmits the content in the range of the rectangular cursor to a touch operation area of the smart phone end in real time for display, and a cursor control stage is started;
fifthly, in a cursor control stage, when the rectangular cursor moves to the position near a target and is lifted away from the finger, the rectangular cursor at the large screen end is fixed, the smart phone end does not send information of the inertial sensor any more, at the moment, the smart phone end triggers mode switching, the mode is switched from the inertial sensor control mode to the touch screen control mode, and a screenshot clicking stage is entered;
sixthly, in the screenshot clicking stage, accurately positioning a target point to be selected in the screenshot through touch of a touch operation area of the smart phone end, calculating the absolute position of the large screen end in a reverse mode according to the clicked relative position of the touch operation area, judging the target point of the large screen end to be selected, and entering an interactive gesture stage;
seventhly, in the gesture interaction stage, after a target point is selected, the selected target point and a rectangular cursor are dragged on a large screen end by long pressing and lifting away from a motion control area of the smart phone end; double-click operation of the large screen end is realized by double-clicking the selected target point in the touch operation area; and realizing the right click operation of the large screen end by long-pressing the selected target point of the touch operation area.
2. The method of claim 1, wherein: in the second step, the height of the motion control area is 1.5-2.5 times of the width of the thumb, so that the mode is prevented from being switched mistakenly due to the movement of fingers, the width of the thumb is 15mm to 25mm according to the ergonomic size, and the height of the touch control operation area is the height of the remaining area of the screen of the smart phone end.
3. The method of claim 1, wherein: in the third step, the width of the rectangular cursor
Figure 939687DEST_PATH_IMAGE001
Height of
Figure 600476DEST_PATH_IMAGE002
(ii) a Wherein x 'is the width of the screen of the smart phone terminal, namely the width of the touch operation area, y' is the height of the touch operation area of the smart phone terminal, and D res Resolution at large screen end, S res The resolution ratio of the touch screen at the smart phone end is defined, namely the rectangular cursor and the touch operation area at the smart phone end are completely similar; in order to avoid the extreme condition that the resolution of the large screen end is smaller than that of the smart phone end or the resolution of the smart phone end is larger than that of the large screen end, the physical size of the rectangular cursor larger than the minimum side length of the large screen end is limited to be 1/4 times, and the physical size of the rectangular cursor is limited to be 4 times smaller than that of a touch operation area of the smart phone end.
4. The method of claim 1, wherein: and in the fourth step, when the smart phone end is in an inertial sensor control mode, remotely controlling the movement of the rectangular cursor, and in the moving process, capturing the content of the rectangular cursor frame selection range into a picture in real time, and transmitting all captured pictures to a touch operation area of the smart phone end in the form of image stream data so as to ensure that the context information of the large screen end is displayed in real time when the target point is roughly positioned by the rectangular cursor remotely.
5. The method of claim 1, wherein: in the fifth step and the sixth step, when the smartphone end detects a state that the motion control area is lifted away, the smartphone end trigger mode is switched to a state that the inertial sensor control mode is switched to a touch screen control mode, the smartphone end is used for remotely controlling the rectangular cursor to roughly position the target point, and then the smartphone end is switched to a touch operation area of the smartphone end to directly touch and click the accurate positioning target point.
6. The method of claim 1, wherein: in the sixth step, the process of inversely calculating the absolute position of the large screen end according to the relative position clicked by the touch operation area is as follows:
(1) According to the touch position coordinates of the touch operation area of the smart phone end (x mob ,y mob ) Inverse calculation of relative position abscissa in rectangular cursor
Figure 414848DEST_PATH_IMAGE003
Ordinate of
Figure 440573DEST_PATH_IMAGE004
(ii) a Wherein,x mob is the abscissa of the touch position of the touch operation area,y mob the coordinate is a vertical coordinate of a touch position of the touch operation area, x 'is the width of a screen of the smart phone end, namely the width of the touch operation area, y' is the height of the touch operation area of the smart phone end, x is the width of the rectangular cursor, and y is the height of the rectangular cursor;
(2) And calculating the absolute coordinate of the clicked point at the large screen end according to the absolute position of the center of the rectangular cursor at the large screen end, and judging whether to select a target point according to the absolute coordinate calculation result.
7. The method of claim 1, wherein: in the seventh step, after the target point is selected, the subsequent interactive operation on the selected target point is realized through an interactive gesture at the smart phone end, the mouse operation of the large screen end on the selected target point is simulated according to the attitude angle information or the touch information collected by the inertial sensor at the smart phone end, and the types of the interactive gesture are as follows:
(1) Sending attitude angle information acquired by an inertial sensor of the smart phone end to a large screen end by long-pressing and lifting away from a smart phone end motion control area, displaying an image stream of a rectangular cursor screenshot in real time in a touch operation area, and carrying out large screen end mouse dragging operation on the selected target point and the rectangular cursor;
(2) Performing double-click operation on the large-screen-end mouse by double-clicking the selected target point in the touch operation area of the smart phone end;
(3) And carrying out right click operation on the large screen end mouse by long-pressing the selected target point in the touch operation area of the smart phone end.
CN202110267390.9A 2021-03-11 2021-03-11 Remote large-screen interaction control method based on image stream Active CN113010130B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110267390.9A CN113010130B (en) 2021-03-11 2021-03-11 Remote large-screen interaction control method based on image stream

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110267390.9A CN113010130B (en) 2021-03-11 2021-03-11 Remote large-screen interaction control method based on image stream

Publications (2)

Publication Number Publication Date
CN113010130A CN113010130A (en) 2021-06-22
CN113010130B true CN113010130B (en) 2023-03-24

Family

ID=76405652

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110267390.9A Active CN113010130B (en) 2021-03-11 2021-03-11 Remote large-screen interaction control method based on image stream

Country Status (1)

Country Link
CN (1) CN113010130B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114442898B (en) * 2022-01-29 2023-08-22 网易(杭州)网络有限公司 Information processing method, device, electronic equipment and readable medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102750067A (en) * 2011-04-19 2012-10-24 中国科学院软件研究所 Large screen interaction method based on handheld device
CN103686283A (en) * 2013-12-12 2014-03-26 成都优芯微电子技术有限公司 Smart television remote controller man-machine interaction method
CN104202643A (en) * 2014-09-16 2014-12-10 李琢 Intelligent television touch remote-control terminal screen mapping method and control method and control system of touch remote-control terminal
CN105700707A (en) * 2016-01-08 2016-06-22 中国科学院软件研究所 Dual layer cursor clicking interaction method oriented to large-screen display device
CN111124156A (en) * 2018-11-01 2020-05-08 中兴通讯股份有限公司 Interaction control method of mobile terminal and mobile terminal

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101379398B1 (en) * 2013-01-29 2014-03-28 은명진 Remote control method for a smart television

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102750067A (en) * 2011-04-19 2012-10-24 中国科学院软件研究所 Large screen interaction method based on handheld device
CN103686283A (en) * 2013-12-12 2014-03-26 成都优芯微电子技术有限公司 Smart television remote controller man-machine interaction method
CN104202643A (en) * 2014-09-16 2014-12-10 李琢 Intelligent television touch remote-control terminal screen mapping method and control method and control system of touch remote-control terminal
CN105700707A (en) * 2016-01-08 2016-06-22 中国科学院软件研究所 Dual layer cursor clicking interaction method oriented to large-screen display device
CN111124156A (en) * 2018-11-01 2020-05-08 中兴通讯股份有限公司 Interaction control method of mobile terminal and mobile terminal

Also Published As

Publication number Publication date
CN113010130A (en) 2021-06-22

Similar Documents

Publication Publication Date Title
US8866781B2 (en) Contactless gesture-based control method and apparatus
TWI633460B (en) Object control method and apparatus of user device
TWI413922B (en) Control method for touchpad and touch device using the same
US9467729B2 (en) Method for remotely controlling smart television
CN103123543B (en) Multi-point touch mouse
EP3087456B1 (en) Remote multi-touch control
CN102739887B (en) Wireless control method based on touch-screen mobile phone
CN112947825B (en) Display control method, display control device, electronic equipment and medium
WO2013155735A1 (en) Off-screen touch control interaction system having projection point coordinate indication of detected proximity
US10599317B2 (en) Information processing apparatus
CN108159697B (en) Virtual object transmission method and device, storage medium and electronic equipment
JP2007334870A (en) Method and system for mapping position of direct input device
CN103890704A (en) System and method for performing three-dimensional object constraint operation through multi-touch input
JP2010134897A (en) Drawing device, drawing method, program and recording medium
CN102968245B (en) Mouse touches cooperative control method, device and Intelligent television interaction method, system
CN106648152A (en) Rotary angle and distance-based three-dimensional pen interaction interface zooming method
CN106502387A (en) Cross-device distributed information transmission interaction method based on sight tracking
JP2016225872A (en) Mobile device operation terminal, mobile device operation method, and mobile device operation program
WO2019185007A1 (en) Window control bar layout method, apparatus and device
CN113010130B (en) Remote large-screen interaction control method based on image stream
CN106484175B (en) The user interface of electronic equipment, the processing method of input and electronic equipment
WO2023065939A1 (en) Touch response method and apparatus, interactive panel, and storage medium
TWI547862B (en) Multi - point handwriting input control system and method
WO2022218352A1 (en) Method and apparatus for touch operation
KR20110013076A (en) Gesture and Touch Type Two-Handed Ring Mouse Input Device Using Camera System

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
GR01 Patent grant
GR01 Patent grant