Tips窗口播放方法和系統(tǒng)的制作方法
【技術領域】
[0001] 本發(fā)明設及帶有媒體內(nèi)容的窗口播放方法及系統(tǒng)，尤其設及一種Tips窗口播放 方法和系統(tǒng)。
【背景技術】
[0002] Tips窗口，是指在用戶上網(wǎng)終端（例如電腦）右下角彈出的窗口，其內(nèi)容一般包括 文字和/或圖片等信息，通過彈出的方式，吸引用戶注意，并關注其窗口中的信息。
[0003]Tips窗口的應用非常廣泛，一般主要用作軟件的操作提示，系統(tǒng)的消息提醒等等。
[0004] 隨著互聯(lián)網(wǎng)的迅速發(fā)展W及互聯(lián)網(wǎng)天生的效率性和傳播性的優(yōu)點，企業(yè)們逐漸將 視線從傳統(tǒng)媒體（報紙、電視、廣播等）轉(zhuǎn)移到互聯(lián)網(wǎng)。由此，也衍生了一種Tips窗口的新 的應用方式一一Tips廣告窗口。
[0005] 運種新式的廣告投放方式Tips廣告窗口是一種富媒體廣告窗口，其內(nèi)容一般包 括商品，影視、新聞等信息。運些Tips廣告窗口有些采用網(wǎng)頁嵌入Tips窗口播放系統(tǒng)的方 式予W播放，有些是通過安裝客戶端后適時調(diào)用Tips窗口播放系統(tǒng)后予W播放。
[0006] 但是，現(xiàn)有的運些TIPS窗口播放方法存在素材單一，單次彈出播放周期素材顯示 內(nèi)容不可變的缺點。當應用于個人終端（例如電腦）的廣告投放時，鑒于廣告投放需要多 樣性和變化性，上述缺點變得尤為明顯。
[0007] 為此，現(xiàn)有技術中提出了一種解決方案，在個人終端的顯示頁面的不同區(qū)域分別 彈出并播放不同的Tips窗口。但是該方案并不是令人滿意的，考慮到個人終端的顯示頁面 的大小局限，多于一個的Tips窗口，就大大壓縮了頁面實際有效信息的區(qū)域，給用戶帶來 不好的體驗，甚至用戶因為彈出了較多的Tips窗口，而不愿意繼續(xù)瀏覽該頁面。而且彈出 過多的Tips窗口，也給終端的硬件（CPU和顯卡）帶來了不小的負擔，降低了終端的處理能 力也增加了終端的功耗。
[0008] 于是，現(xiàn)有技術中也提出了另外一種替代方案，即，通過增加彈出頻次來達到播放 多個內(nèi)容（例如廣告內(nèi)容）的目的。如此一來，的確不再存在顯示頁面占用的問題，但是運 種單一的頻繁彈出，增加了用戶的瀏覽負擔，容易造成視覺緊張和疲勞，而且也存在每次彈 出切換期間窗口留白的問題，素材的顯示時間過少，不能良好地起到提示用戶瀏覽并了解 的作用。

【發(fā)明內(nèi)容】

[0009] 為了解決上述技術問題，本申請?zhí)岢隽艘环NTips窗口播放方法，包括：
[0010] 生成第一Tips規(guī)則窗口，播放第一素材；
[0011] 對所述第一Tips規(guī)則窗口進行0度到180度的翻轉(zhuǎn)，其中，
[0012] 在0度到90度翻轉(zhuǎn)期間，播放第一靜態(tài)圖片，所述第一靜態(tài)圖片由所述第一素材 中提取的圖片透視變換生成，將所述第一Tips規(guī)則窗口轉(zhuǎn)化為與所述第一靜態(tài)圖片適應 的第一Tips異形窗口；
[0013] 在90度到180度翻轉(zhuǎn)期間，生成與所述第一Tips異形窗口對稱的第二Tips異形 窗口，播放與所述第二Tips異形窗口適應的第二靜態(tài)圖片，所述第二靜態(tài)圖片由第二素材 中提取的圖片透視變換生成；
[0014] 在翻轉(zhuǎn)達到180度時，生成第二Tips規(guī)則窗口，播放所述第二素材。
[0015] 進一步地，其中，按照預定時間間隔自動對所述第一Tips規(guī)則窗口進行0度到180 度的翻轉(zhuǎn)。
[0016] 進一步地，其中，所述透視變換為基于化enCV的透視變換。
[0017] 進一步地，其中，所述第一異形窗口和第二異形窗口利用Windows平臺窗口展現(xiàn) 工具生成。
[0018] 進一步地，其中，所述第一素材和第二素材為廣告素材。
[0019] 為了解決上述技術問題，本申請還提出了一種Tips窗口播放系統(tǒng)，包括：
[0020]Tips橋接模塊，配置W生成第一Tips規(guī)則窗口；
[0021] 翻轉(zhuǎn)控制模塊，配置W對所述第一Tips規(guī)則窗口進行0度到180度的翻轉(zhuǎn)，W生 成第二Tips規(guī)則窗口；
[0022] 播放器，配置W:在所述第一Tips規(guī)則窗口中播放第一素材；在0度到90度翻轉(zhuǎn) 期間，從所述第一素材中提取圖片W待透視變換處理，播放經(jīng)透視變換后的第一靜態(tài)圖片； 在90度到180度翻轉(zhuǎn)期間，從第二素材中提取圖片W待透視變換處理，播放經(jīng)透視變換后 的第二靜態(tài)圖片；在所述第二Tips規(guī)則窗口中播放第二素材；
[0023] 透視變換模塊，配置W:在0度到90度翻轉(zhuǎn)期間，對從所述第一素材中提取的圖片 進行透視變換，生成第一靜態(tài)圖片；在90度到180度翻轉(zhuǎn)期間，對從所述第二素材中提取的 圖片進行透視變換，生成第二靜態(tài)圖片；
[0024] 異形窗口展現(xiàn)模塊，配置W:在0度到90度翻轉(zhuǎn)期間，將所述第一Tips規(guī)則窗口 轉(zhuǎn)化為第一Tips異形窗口；在90度到180度翻轉(zhuǎn)期間，生成與所述第一Tips異形窗口對 稱的第二Tips異形窗口；
[00巧]其中，所述第一Tips異形窗口與所述第一靜態(tài)圖片適應，所述第二靜態(tài)圖片與所 述第二Tips異形窗口適應。
[0026] 進一步地，其中，所述翻轉(zhuǎn)控制模塊包括用于設置翻轉(zhuǎn)時間間隔的翻轉(zhuǎn)控制時鐘。
[0027] 進一步地，其中，所述透視變換模塊配置W進行基于化enCV的透視變換。
[0028] 進一步地，其中，所述異形窗口展現(xiàn)模塊配置W利用Windows平臺窗口展現(xiàn)工具 生成所述第一異形窗口和第二異形窗口。
[0029] 進一步地，其中，所述第一素材和第二素材為廣告素材。
[0030] 與現(xiàn)有技術相比，本申請所述的方法和系統(tǒng)，達到了如下效果：
[0031] 通過對單個Tips窗口采取翻轉(zhuǎn)的方式來切換播放內(nèi)容，使得一次翻轉(zhuǎn)周期內(nèi)，具 備播放并展現(xiàn)多個素材的能力。
[0032] 不僅如此，在翻轉(zhuǎn)期間，依然顯示有翻轉(zhuǎn)前的窗口中的素材，盡可能地利用一個變 換周期保持展現(xiàn)素材。
[0033] 進一步地，采用透視變換（PerspectiveTransformation)的方式，使得用戶在整 個瀏覽過程中產(chǎn)生窗口空間翻轉(zhuǎn)運動的效果，窗口切換和過渡變得更加順楊，減少用戶的 不適感。
【附圖說明】
[0034] 此處所說明的附圖用來提供對本申請的進一步理解，構(gòu)成本申請的一部分，本申 請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當限定。在附圖中：
[0035] 圖1A和圖1B示出了本發(fā)明一實施例的Tips窗口播放方法的流程圖；
[0036] 圖2為應用圖1中的方法的窗口顯示效果的示意圖；
[0037] 圖3為圖片進行透視變換處理的示意圖；
[003引圖4示出了本發(fā)明一實施例的Tips窗口播放系統(tǒng)的示意圖。
【具體實施方式】
[0039] 如在說明書及權利要求當中使用了某些詞匯來指稱特定組件。本領域技術人員 應可理解，硬件制造商可能會用不同名詞來稱呼同一個組件。本說明書及權利要求并不W 名稱的差異來作為區(qū)分組件的方式，而是W組件在功能上的差異來作為區(qū)分的準則。如在 通篇說明書及權利要求當中所提及的"包括"為一開放式用語，故應解釋成"包括但不限定 于"。說明書后續(xù)描述為實施本申請的較佳實施方式，然所述描述乃W說明本申請的一般原 則為目的，并非用W限定本申請的范圍。本申請的保護范圍當視所附權利要求書所界定者 為準。
[0040] 如圖1A和圖1B所示，為本發(fā)明一實施例的Tips窗日播放方法，包括：
[0041] S101:生成第一Tips規(guī)則窗口，播放第一素材；其中，第一Tips規(guī)則窗口例如位 于電腦屏幕的右下角，當然也可W通過與服務器端的協(xié)商，控制Tips窗口展現(xiàn)在電腦屏幕 的其他位置；
[0042] S102:按照預定時間間隔，例如可W設置為30秒，對第一Tips規(guī)則窗口自動進行 翻轉(zhuǎn)或用戶主動觸發(fā)來對所述第一Tips規(guī)則窗口進行0度到180度的翻轉(zhuǎn)，運兩種方式可 W并存。其中，
[0043] S1021:在0度到90度翻轉(zhuǎn)期間，播放第一靜態(tài)圖片，所述第一靜態(tài)圖片由所述第 一素材中提取的圖片（例如是從第一素材中提取的廣告或視頻等的截圖）透視變換生成， 將所述第一Tips規(guī)則窗口轉(zhuǎn)化為與所述第一靜態(tài)圖片適應的第一Tips異形窗口；
[0044] S1022:在90度到180度翻轉(zhuǎn)期間，生成與所述第一Tips異形窗口對稱的第二 Tips異形窗口，播放與所述第二Tips異形窗口適應的第二靜態(tài)圖片，所述第二靜態(tài)圖片由 第二素材中提取的圖片透視變換生成；
[0045] S1023:在翻轉(zhuǎn)達到180度時，生成第二Tips規(guī)則窗口，播放所述第二素材。
[0046] 上述方法中的透視變換，例如采用基于化enCV對靜態(tài)圖片進行透視變換。上述 異形窗口，常見的例如將規(guī)則矩形變換為非規(guī)則矩形，對于該異形窗口的生成，可W利用 Windows平臺窗口展現(xiàn)工具（例如MFC或SDK API)來生成。
[0047] 在上述方法應用于廣告投放時，素材的類型例如為：在線視頻推薦、JS廣告、 flash廣告等富媒體資源。
[0048] 參照圖2,示出了應用圖1A和圖1B中的方法的窗口顯示效果。
[004引翻轉(zhuǎn)之前：
[0050]展現(xiàn)規(guī)則的A窗口并獲取A窗口的第一素材。
[00川翻轉(zhuǎn)之中：
[0052] 0度到90度，展現(xiàn)異形的A窗口，并獲取第一素材的截圖的透視變換后的A靜態(tài) 圖，表現(xiàn)為將A矩形圖片隨翻轉(zhuǎn)過程，做梯形變換逐步收縮，直到其完全消失，；
[0053] 90度到180度，展現(xiàn)異形的B窗口，并獲取第二素材的截圖的透視變換后的B靜態(tài) 圖，表現(xiàn)為將B非規(guī)則矩形圖片隨翻轉(zhuǎn)過程，做梯形變換逐步放大，直到其完整展現(xiàn)。
[0054] 翻轉(zhuǎn)之后：
[00巧]獲取規(guī)則的B窗口并獲取B窗口的第二素材。
[0056] 上述翻轉(zhuǎn)動畫，利用人們眼睛的視覺殘留作用，一格又一格的不動但又是逐漸變 化著的圖片，W每秒鐘跳動30帖左右的頻率，連續(xù)放映形成窗口運動的視覺效果，如圖2所 /J、- 〇
[0057] 對于，圖1A和圖1B和圖2中提到的透視變換，是將圖片投影到一個新的視平面 (ViewingPlane),也稱作投影映射（ProjectiveMapping)。在翻轉(zhuǎn)過程之中，每一帖顯示 的圖片，均為原始圖片透視變換后，生成的新圖片。
[00則 換算公式：
[0059]
[0060] U,V是原始圖片左邊，對應得到變換后的圖片坐標X,y,其中X=x/w，y=y/w。
[0061] 變換矩陣
表示線性變換，比如 scaling,shearing和ratotion。[日31日32]用于平移，[日13日23]了產(chǎn)生透視變換。所W可W理解成仿射等是透視變換的特殊形式。經(jīng)過透視變換之后的圖片通常不是平行四邊形（除 非映射視平面和原來平面平行的情況）。
[0062] 重寫之前的變換公式可W得到：
[0065] 所W，已知變換對應的幾個點就可W求取變換公式。反之，特定的變換公式也能新 的變換后的圖片。簡單的看一個正方形到四邊形的變換：
[0066] 變換的4組對應點可W表示成：
[00