一種圖片同步顯示方法及系統與流程
2023-09-18 10:06:15
本發明涉及通信技術領域，尤其涉及一種圖片同步顯示方法及系統。
背景技術：
多屏互動是指不同的終端設備，如常見的智慧型手機、平板電腦、電視機等終端之間進行多媒體(音頻、視頻、圖片)內容的傳輸、展示等一系列操作。多屏互動可以實現在不同終端上同時共享展示內容，豐富用戶的多媒體生活。
目前在課堂教學中老師展示圖片給學生步驟較多，較為繁瑣，需要老師在電腦上直接上網獲取或者u盤拷貝圖片，並且在同步顯示方面，老師對圖片進行旋轉、縮放以及移動等操作比較不方便，需要在電腦上直接操作，無法做到遠程手機操控，且由於現有技術將旋轉、縮放、移動三種情況的數據分別傳輸至同步端，且每次傳輸需要等待同步端的反饋後才能進行下一次傳輸，從而使得傳輸效率較低，同步效果差。
技術實現要素：
本發明所要解決的技術問題是：提供一種高傳輸效率的圖片同步顯示方法及系統。
為了解決上述技術問題，本發明採用的技術方案為：
一種圖片同步顯示方法，包括以下步驟：
s1、第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據相鄰兩次的觸控信息解析得到移動數據、旋轉數據和縮放數據；
s2、將所述移動數據、旋轉數據和縮放數據生成數據包後，發送至第二終端；
s3、第一終端根據數據包中的移動數據、旋轉數據和縮放數據分別對圖片進行移動、旋轉和縮放操作，同時第二終端接收數據包後，根據數據包中的移動數據、旋轉數據和縮放數據分別對預設的圖片進行移動、旋轉和縮放操作；
s4、第一終端和第二終端同步顯示操作後的圖片。
本發明採用的另一技術方案為：一種圖片同步顯示系統，包括識別模塊、發送模塊、操作模塊和顯示模塊；
所述識別模塊，用於第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據相鄰兩次的觸控信息解析得到移動數據、旋轉數據和縮放數據；
所述發送模塊，用於將所述移動數據、旋轉數據和縮放數據生成數據包後，發送至第二終端；
所述操作模塊，用於第一終端根據數據包中的移動數據、旋轉數據和縮放數據分別對圖片進行移動、旋轉和縮放操作，同時第二終端接收數據包後，根據數據包中的移動數據、旋轉數據和縮放數據分別對預設的圖片進行移動、旋轉和縮放操作；
所述顯示模塊，用於第一終端和第二終端同步顯示操作後的圖片。
本發明的有益效果在於：本發明提供的圖片同步顯示方法及系統，第一終端將移動數據、旋轉數據和縮放數據生成數據包後，一次性發送至第二終端，無需分開發送，減少數據包的發送次數，節約發送期間的等待時長，進而提升數據包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉和縮放操作後的圖片。老師在第一終端上對圖片進行操作時，可在學生的電腦上同步顯示操作後圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗。
附圖說明
圖1為本發明的一種圖片同步顯示方法的步驟流程圖；
圖2為本發明的一種圖片同步顯示系統的結構示意圖；
標號說明：
1、識別模塊；2、發送模塊；3、操作模塊；4、顯示模塊。
具體實施方式
為詳細說明本發明的技術內容、所實現目的及效果，以下結合實施方式並配合附圖予以說明。
本發明最關鍵的構思在於：第一終端將移動數據、旋轉數據和縮放數據生成數據包後，一次性發送至第二終端，無需分開發送，減少數據包的發送次數，節約發送期間的等待時長，進而提升數據包傳輸效率。
請參照圖1，本發明提供的一種圖片同步顯示方法，包括以下步驟：
s1、第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據相鄰兩次的觸控信息解析得到移動數據、旋轉數據和縮放數據；
s2、將所述移動數據、旋轉數據和縮放數據生成數據包後，發送至第二終端；
s3、第一終端根據數據包中的移動數據、旋轉數據和縮放數據分別對圖片進行移動、旋轉和縮放操作，同時第二終端接收數據包後，根據數據包中的移動數據、旋轉數據和縮放數據分別對預設的圖片進行移動、旋轉和縮放操作；
s4、第一終端和第二終端同步顯示操作後的圖片。
從上述描述可知，本發明的有益效果在於：本發明提供的圖片同步顯示方法，第一終端將移動數據、旋轉數據和縮放數據生成數據包後，一次性發送至第二終端，無需分開發送，減少數據包的發送次數，節約發送期間的等待時長，進而提升數據包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉和縮放操作後的圖片。老師在第一終端上對圖片進行操作時，可在學生的電腦上同步顯示操作後圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗。
進一步的，所述s1之前還包括：
s0、將第一終端屏幕顯示的圖片轉換為文件流後發送至第二終端存儲。
由上述描述可知，在具體實施方式中，預先將需要進行操作的圖片發送至需要同步的終端，即為第二終端，後續只需發送數據包(移動數據、旋轉數據和縮放數據)至第二終端即可，從而提高數據傳輸效率。
進一步的，所述s1中的「觸控操作」的識別方法為：
若第一終端識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息並計時；
若第一終端識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計時時長；
若計時時長在預設的有效時長範圍內，記錄所述第二觸控信息，確認第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。
由上述描述可知，在具體實施方式中，通過兩個觸控信息再結合預設有效時長來判斷是否為觸控操作，其中進一步還需要判斷是否是作用在終端屏幕顯示的圖片上，若不是點擊在圖片上，則不響應，不生成觸控信息。
進一步的，所述s1中的「觸控操作」的識別方法還包括：
若計時時長不在預設的有效時長範圍內，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息並重新計時。
由上述描述可知，在具體實施方式中，若不在預設有效時長範圍內識別到第二觸控信息，則認為第一觸控信息為無效操作，因此立即刪除掉第一觸控信息，節省存儲空間，並且將所述第二觸控信息作為新的第一觸控信息並重新計時，繼續識別過程。
進一步的，所述第一終端為手機，第二終端為pc機。
由上述描述可知，在具體實施方式中，通過在手機端上操作，同步到pc機上。
參閱圖2，本發明還提供的一種圖片同步顯示系統，包括識別模塊1、發送模塊2、操作模塊3和顯示模塊4；
所述識別模塊1，用於第一終端識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據相鄰兩次的觸控信息解析得到移動數據、旋轉數據和縮放數據；
所述發送模塊2，用於將所述移動數據、旋轉數據和縮放數據生成數據包後，發送至第二終端；
所述操作模塊3，用於第一終端根據數據包中的移動數據、旋轉數據和縮放數據分別對圖片進行移動、旋轉和縮放操作，同時第二終端接收數據包後，根據數據包中的移動數據、旋轉數據和縮放數據分別對預設的圖片進行移動、旋轉和縮放操作；
所述顯示模塊4，用於第一終端和第二終端同步顯示操作後的圖片。
從上述描述可知，本發明的有益效果在於：本發明提供的圖片同步顯示系統，第一終端將移動數據、旋轉數據和縮放數據生成數據包後，一次性發送至第二終端，無需分開發送，減少數據包的發送次數，節約發送期間的等待時長，進而提升數據包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉和縮放操作後的圖片。老師在第一終端上對圖片進行操作時，可在學生的電腦上同步顯示操作後圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗。
進一步的，還包括存儲模塊，用於將第一終端屏幕顯示的圖片轉換為文件流後發送至第二終端存儲。
由上述描述可知，在具體實施方式中，預先將需要進行操作的圖片發送至需要同步的終端，即為第二終端，後續只需發送數據包(移動數據、旋轉數據和縮放數據)至第二終端即可，從而提高數據傳輸效率。
進一步的，所述識別模塊，還用於若第一終端識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息並計時；若第一終端識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計時時長；若計時時長在預設的有效時長範圍內，記錄所述第二觸控信息，確認第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。
由上述描述可知，在具體實施方式中，通過兩個觸控信息再結合預設有效時長來判斷是否為觸控操作，其中進一步還需要判斷是否是作用在終端屏幕顯示的圖片上，若不是點擊在圖片上，則不響應，不生成觸控信息。
進一步的，所述識別模塊，還用於若計時時長不在預設的有效時長範圍內，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息並重新計時。
由上述描述可知，在具體實施方式中，若不在預設有效時長範圍內識別到第二觸控信息，則認為第一觸控信息為無效操作，因此立即刪除掉第一觸控信息，節省存儲空間，並且將所述第二觸控信息作為新的第一觸控信息並重新計時，繼續識別過程。
進一步的，所述第一終端為手機，第二終端為pc機。
請參照圖1-2，本發明的實施例一為：
本發明提供的一種圖片同步顯示方法，應用在兩個終端之間的交互過程，兩個終端中的第一終端為手機，第二終端為pc機，方法包括以下步驟：
s0、將手機屏幕顯示的圖片轉換為文件流後發送至pc機上存儲。
在實施方式中，先通過現有的有線或者無線技術，將手機和pc機建立連接，將手機上的圖片文件展示在手機上，並轉換為文件流傳輸到pc機端，將圖片展示在電腦大屏幕上進行教學演示。
s1、手機識別到作用在其屏幕顯示的圖片上的觸控操作，所述觸控操作包括至少相鄰兩次的觸控信息，根據相鄰兩次的觸控信息解析得到移動數據、旋轉數據和縮放數據；
所述s1中的「觸控操作」的識別方法為：
若手機識別到作用在其屏幕顯示的圖片上的第一觸控信息，記錄所述第一觸控信息並計時；
若手機識別到作用在其屏幕顯示的圖片上的第二觸控信息，得到計時時長；
若計時時長在預設的有效時長範圍內，記錄所述第二觸控信息，確認第一終端識別到作用在其屏幕顯示的圖片上的觸控操作。
若計時時長不在預設的有效時長範圍內，刪除所述第一觸控信息，記錄所述第二觸控信息，將所述第二觸控信息作為新的第一觸控信息並重新計時。
在實施方式中，老師觸控手機屏幕，獲取兩點觸控信息，並記錄觸控點信息。在獲取到最新觸控點信息後，與上一觸控點信息比較，根據觸控位置的相對變化，將觸控信息解析成移動數據、旋轉數據、縮放數據。通過矩陣運算將移動數據、旋轉數據、縮放數據計算成變換矩陣。其中變換矩陣運算方法如下：
1、移動數據：設某點向x方向移動dx，y方向移動dy，[x，y]為變換前坐標，[x，y]為變換後坐標。則x＝x+dx；y＝y+dy；
以矩陣表示：
變化矩陣為：
2、旋轉數據：旋轉相比平移稍稍複雜，設某點與原點連線和x軸夾角為b度，以原點為圓心，逆時針轉過a度，原點與該點連線長度為r，[x，y]為變換前坐標，[x，y]為變換後坐標。
x＝rcos(b)，y＝rsin(b)；
x＝rcos(a+b)＝rcosacosb-rsinasinb＝xcosa-ysina；
y＝rsin(a+b)＝rsinacosb+rcosasinb＝xsina+ycosa；
以矩陣表示：
變化矩陣為：
3、縮放數據：設某點坐標，在x軸方向擴大sx倍，y軸方向擴大sy倍，[x，y]為變換前坐標，[x，y]為變換後坐標。
x＝sx*x；y＝sy*y；
以矩陣表示：
變化矩陣為：
組合後的變換矩陣是將三個變化矩陣(移動、旋轉和縮放)變換為一個矩陣，從而可以有效減少發送次數。
組合後的變換矩陣為：
上述的組合後的變換矩陣為下文中的數據包內的主要數據。
s2、將所述移動數據、旋轉數據和縮放數據生成數據包後，發送至pc機；
s3、手機根據數據包中的移動數據、旋轉數據和縮放數據分別對圖片進行移動、旋轉和縮放操作，同時pc機接收數據包後，根據數據包中的移動數據、旋轉數據和縮放數據分別對預設的圖片進行移動、旋轉和縮放操作；
在實施方式中，使用變化矩陣操作圖片，實時同步手機端和電腦端的動作；根據這些數據對手機屏幕上的圖片進行改變，實時將變換矩陣組成數據包，實時傳輸到電腦端，用變換矩陣對電腦屏幕上的圖片進行改變。
s4、手機和pc機同步顯示操作後的圖片。
另外可以通過手機端對圖片進行批註，具體為：
老師觸控手機屏幕，獲取觸控信息，根據不同的觸控點的移動軌跡解析成相對於圖片頂點的位置軌跡信息，使用軌跡位置信息，實時的在手機端圖片和電腦端圖片上標註出軌跡，達到同步標記的效果，根據這些數據對手機端圖片進行畫筆軌跡標註，實時地將軌跡位置信息組織成數據包，實時的傳輸到電腦端，用這些位置信息在電腦屏幕上的圖片描繪出相同的畫筆軌跡。
綜上所述，本發明提供的一種圖片同步顯示方法及系統，第一終端將移動數據、旋轉數據和縮放數據生成數據包後，一次性發送至第二終端，無需分開發送，減少數據包的發送次數，節約發送期間的等待時長，進而提升數據包傳輸效率，第一終端與第二終端能夠同步顯示移動、旋轉和縮放操作後的圖片。老師在第一終端上對圖片進行操作時，可在學生的電腦上同步顯示操作後圖片，通過上述方式，不僅操作簡單，而且增加用戶體驗。
以上所述僅為本發明的實施例，並非因此限制本發明的專利範圍，凡是利用本發明說明書及附圖內容所作的等同變換，或直接或間接運用在相關的技術領域，均同理包括在本發明的專利保護範圍內。