本發(fā)明涉及信息處理技術(shù)領(lǐng)域,尤其涉及一種展示信息的喚醒方法、裝置、計(jì)算機(jī)可讀存儲介質(zhì)及終端。
背景技術(shù):
在現(xiàn)有技術(shù)中,為了宣傳或通知的目的,通常會在網(wǎng)頁中投放展示信息。然而網(wǎng)頁中的內(nèi)容通常較多,而且繁雜。展示信息混雜在網(wǎng)頁中的其他內(nèi)容中會影響展示效果。
如何以較少的資源開銷來改善展示信息的投放效果是亟待解決的問題。
技術(shù)實(shí)現(xiàn)要素:
本發(fā)明解決的技術(shù)問題是如何在改善投放效果的同時(shí),降低資源浪費(fèi)。
為解決上述技術(shù)問題,本發(fā)明實(shí)施例提供一種展示信息的喚醒方法,展示信息的喚醒方法包括:確定頁面中的展示內(nèi)容元素;判斷所述展示內(nèi)容元素是否處于可見區(qū)域,其中,所述可見區(qū)域處于呈現(xiàn)所述頁面的屏幕范圍內(nèi),所述屏幕范圍以外的區(qū)域?yàn)椴豢梢妳^(qū)域;如果所述展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
可選的,所述設(shè)定動作為三維動作;所述觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作包括:確定三維場景,其中,所述展示內(nèi)容元素所處區(qū)域的中心為三維場景的中心點(diǎn),三維場景的x軸沿所述區(qū)域的水平方向,三維場景的y軸沿所述區(qū)域的豎直方向,三維場景的z軸垂直于所述區(qū)域所在平面;控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作。
可選的,所述三維動作包括旋轉(zhuǎn);所述控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作包括:確定所述展示內(nèi)容元素的高度和寬度;如果所述寬度與所述高度的比值達(dá)到設(shè)定閾值,則控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn),否則,控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn)。
可選的,所述設(shè)定動作為二維動作。
可選的,所述判斷所述展示內(nèi)容元素是否處于可見區(qū)域包括:在所述展示內(nèi)容元素所處區(qū)域中創(chuàng)建至少一個(gè)動畫,每一動畫包括至少一個(gè)播放動作;控制所述至少一個(gè)動畫周期性地播放;檢測每一動畫在播放時(shí)各個(gè)播放動作之間的時(shí)間間隔,并在每次檢測得到所述時(shí)間間隔后,將所述時(shí)間間隔與設(shè)定時(shí)間進(jìn)行比較;根據(jù)至少一次比較的比較結(jié)果,確定所述展示內(nèi)容元素是否處于所述可見區(qū)域。
可選的,所述設(shè)定動作在設(shè)定時(shí)間內(nèi)執(zhí)行完成;所述喚醒方法還包括:在所述設(shè)定時(shí)間后,恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
可選的,所述如果所述展示內(nèi)容元素的至少一部分由不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作包括:如果所述展示內(nèi)容元素的至少一部分首次由不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
本發(fā)明實(shí)施例還公開了一種展示信息的喚醒裝置,喚醒裝置包括:確定模塊,適于確定頁面中的展示內(nèi)容元素;判斷模塊,適于判斷所述展示內(nèi)容元素是否處于可見區(qū)域,其中,所述可見區(qū)域處于呈現(xiàn)所述頁面的屏幕范圍內(nèi),所述屏幕范圍以外的區(qū)域?yàn)椴豢梢妳^(qū)域;喚醒模塊,適于如果所述展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
可選的,所述設(shè)定動作為三維動作;所述喚醒模塊包括:三維場景確定單元,適于確定三維場景,其中,所述展示內(nèi)容元素所處區(qū)域的中心為三維場景的中心點(diǎn),三維場景的x軸沿所述區(qū)域的水平方向,三維場景的y軸沿所述區(qū)域的豎直方向,三維場景的z軸垂直于所述區(qū)域所在平面;第一執(zhí)行單元,適于控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作。
可選的,所述三維動作包括旋轉(zhuǎn);所述第一執(zhí)行單元包括:確定子單元,適于確定所述展示內(nèi)容元素的高度和寬度;旋轉(zhuǎn)子單元,適于如果所述寬度與所述高度的比值達(dá)到設(shè)定閾值,則控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn),否則,控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn)。
可選的,所述設(shè)定動作為二維動作。
可選的,所述判斷模塊包括:創(chuàng)建單元,適于在所述展示內(nèi)容元素所處區(qū)域中創(chuàng)建至少一個(gè)動畫,每一動畫包括至少一個(gè)播放動作;播放單元,適于控制所述至少一個(gè)動畫周期性地播放;檢測單元,適于檢測每一動畫在播放時(shí)各個(gè)播放動作之間的時(shí)間間隔,并在每次檢測得到所述時(shí)間間隔后,將所述時(shí)間間隔與設(shè)定時(shí)間進(jìn)行比較;判定單元,適于根據(jù)至少一次比較的比較結(jié)果,確定所述展示內(nèi)容元素是否處于所述可見區(qū)域。
可選的,所述設(shè)定動作在設(shè)定時(shí)間內(nèi)執(zhí)行完成;所述喚醒裝置還包括:恢復(fù)模塊,適于在所述設(shè)定時(shí)間后,恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
可選的,所述喚醒模塊包括:第二執(zhí)行單元,適于如果所述展示內(nèi)容元素的至少一部分首次由不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
本發(fā)明實(shí)施例還公開了一種計(jì)算機(jī)可讀存儲介質(zhì),其上存儲有計(jì)算機(jī)指令,所述計(jì)算機(jī)指令運(yùn)行時(shí)執(zhí)行所述展示信息的喚醒方法的步驟。
本發(fā)明實(shí)施例還公開了一種終端,所述終端包括存儲器和處理器,所述存儲器上存儲有可在所述處理器上運(yùn)行的計(jì)算機(jī)指令,所述處理器運(yùn)行所述計(jì)算機(jī)指令時(shí)執(zhí)行權(quán)利要求所述展示信息的喚醒方法的步驟。
與現(xiàn)有技術(shù)相比,本發(fā)明實(shí)施例的技術(shù)方案具有以下有益效果:
本發(fā)明技術(shù)方案在確定展示內(nèi)容元素后,對展示內(nèi)容元素是否處于可見區(qū)域進(jìn)行判斷;在展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。也就是說,通過對展示內(nèi)容元素的位置進(jìn)行探測,可以判定展示內(nèi)容元素的至少一部分的位置是否發(fā)生改變;在展示內(nèi)容元素從不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),符合喚醒觸發(fā)條件,通過執(zhí)行設(shè)定動作,可以突出展示內(nèi)容元素的展示,從而改善了展示內(nèi)容元素的投放效果;此外還可以減少執(zhí)行設(shè)定動作占用的資源,降低資源浪費(fèi)。
進(jìn)一步,所述設(shè)定動作為三維動作;所述觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作包括:確定三維場景,其中,所述展示內(nèi)容元素所處區(qū)域的中心為三維場景的中心點(diǎn),三維場景的x軸沿所述區(qū)域的水平方向,三維場景的y軸沿所述區(qū)域的豎直方向,三維場景的z軸垂直于所述區(qū)域所在平面;控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作。本發(fā)明技術(shù)方案通過控制展示內(nèi)容元素執(zhí)行三維動作,可以使得展示內(nèi)容元素的展示狀態(tài)轉(zhuǎn)化成三維立體狀態(tài),可以進(jìn)一步突出展示內(nèi)容元素的展示,進(jìn)一步改善了展示內(nèi)容元素的投放效果。
附圖說明
圖1是本發(fā)明實(shí)施例一種展示信息的喚醒方法的流程圖;
圖2是本發(fā)明實(shí)施例一種三維旋轉(zhuǎn)效果示意圖;
圖3是圖1所示步驟s102的具體實(shí)施步驟的流程圖;
圖4是本發(fā)明實(shí)施例一種展示信息的喚醒裝置的結(jié)構(gòu)示意圖。
具體實(shí)施方式
如背景技術(shù)中所述,展示信息混雜在網(wǎng)頁中的其他內(nèi)容中會影響展示效果。
在這種情況下,為了達(dá)到預(yù)期的展示效果,可以對展示信息執(zhí)行喚醒操作以提醒用戶。但是,如果一直執(zhí)行喚醒操作,將會導(dǎo)致資源的浪費(fèi),還可能影響展示信息的投放效果。
本發(fā)明技術(shù)方案在確定展示內(nèi)容元素后,對展示內(nèi)容元素是否處于可見區(qū)域進(jìn)行判斷;在展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。也就是說,通過對展示內(nèi)容元素的位置進(jìn)行探測,可以判定展示內(nèi)容元素的至少一部分的位置是否發(fā)生改變;在展示內(nèi)容元素從不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),符合喚醒觸發(fā)條件,通過執(zhí)行設(shè)定動作,可以突出展示內(nèi)容元素的展示,從而改善了展示內(nèi)容元素的投放效果;此外還可以減少執(zhí)行設(shè)定動作占用的資源,降低資源浪費(fèi)。
為使本發(fā)明的上述目的、特征和優(yōu)點(diǎn)能夠更為明顯易懂,下面結(jié)合附圖對本發(fā)明的具體實(shí)施例做詳細(xì)的說明。
圖1是本發(fā)明實(shí)施例一種展示信息的喚醒方法的流程圖。
所述展示信息的喚醒方法可以包括以下步驟:
步驟s101:確定頁面中的展示內(nèi)容元素;
步驟s102:判斷所述展示內(nèi)容元素是否處于可見區(qū)域,其中,所述可見區(qū)域處于呈現(xiàn)所述頁面的屏幕范圍內(nèi),所述屏幕范圍以外的區(qū)域?yàn)椴豢梢妳^(qū)域;
步驟s103:如果所述展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
具體實(shí)施中,在步驟s101中,確定頁面中的展示內(nèi)容元素。展示內(nèi)容元素可以是展示在頁面中的展示內(nèi)容的組成元素。具體而言,展示內(nèi)容元素可以是網(wǎng)頁中的超級文本標(biāo)記語言(hypertextmarkuplanguage,html)元素,也可以稱為展示內(nèi)容容器的html元素。更具體地,在網(wǎng)頁中,可以通過html元素的標(biāo)識(identification,id)或者其他唯一標(biāo)識出展示內(nèi)容元素的屬性標(biāo)識來確定展示內(nèi)容元素。例如,通過以下編程語句獲取展示內(nèi)容元素:document.getelementbyid('ad1'),ad1表示展示內(nèi)容元素id。
本實(shí)施例中,展示內(nèi)容元素可以是展示內(nèi)容的整體。
具體實(shí)施中,在步驟s102中,可以判斷所述展示內(nèi)容元素是否處于可見區(qū)域。展示內(nèi)容元素處于可見區(qū)域表示展示內(nèi)容元素處于呈現(xiàn)所述頁面的屏幕范圍內(nèi),可以被展示在屏幕上;展示內(nèi)容元素處于不可見區(qū)域表示展示內(nèi)容元素處于呈現(xiàn)所述頁面的屏幕范圍以外,沒有被展示在屏幕上。
具體而言,可以判斷所述展示內(nèi)容元素的至少一部分是否處于可見區(qū)域。
具體實(shí)施中,在步驟s103中,展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。具體而言,執(zhí)行設(shè)定動作的對象是展示內(nèi)容元素,也就是說,展示內(nèi)容元素作為整體來執(zhí)行設(shè)定動作。
優(yōu)選地,可以是展示內(nèi)容元素由所述不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。換言之,僅在展示內(nèi)容元素全部由所述不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),才執(zhí)行設(shè)定動作,從而進(jìn)一步減少資源浪費(fèi)。
可以理解的是,本實(shí)施例中所稱展示內(nèi)容元素在頁面中展示的內(nèi)容可以是通知、公益宣傳、科普宣傳或廣告等,本發(fā)明實(shí)施例對此不做限制。
本發(fā)明實(shí)施例的展示信息的喚醒方法在執(zhí)行時(shí)不受展示內(nèi)容元素的具體內(nèi)容的影響,也不受展示內(nèi)容元素的尺寸大小或者展示內(nèi)容元素所在位置的影響,從而提高本發(fā)明實(shí)施例的便捷性和適用范圍。
本發(fā)明實(shí)施例通過對展示內(nèi)容元素的位置進(jìn)行探測,可以判定展示內(nèi)容元素的至少一部分的位置是否發(fā)生改變;在展示內(nèi)容元素從不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),符合喚醒觸發(fā)條件,通過執(zhí)行設(shè)定動作,可以突出展示內(nèi)容元素的展示,從而改善了展示內(nèi)容元素的投放效果;此外還可以減少執(zhí)行設(shè)定動作占用的資源,降低資源浪費(fèi)。
優(yōu)選地,所述設(shè)定動作可以為二維動作。例如,可以是震動、二維旋轉(zhuǎn)、上拋等。在展示內(nèi)容元素是文字時(shí),設(shè)定動作還可以是逐行顯示。
優(yōu)選地,所述設(shè)定動作為三維動作。步驟s103可以包括以下步驟:確定三維場景,其中,所述展示內(nèi)容元素所處區(qū)域的中心為三維場景的中心點(diǎn),三維場景的x軸沿所述區(qū)域的水平方向,三維場景的y軸沿所述區(qū)域的豎直方向,三維場景的z軸垂直于所述區(qū)域所在平面;控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作。
具體實(shí)施中,由于網(wǎng)頁是二維的,因此頁面中的展示內(nèi)容元素通常是以二維平面狀態(tài)呈現(xiàn)的。本實(shí)施例中通過建立三維場景,并控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作,可以達(dá)到三維的視覺喚醒效果;并且不受限于展示內(nèi)容元素,可以用于各種類型的展示內(nèi)容元素中。例如,可以將二維的圖像或二維文字轉(zhuǎn)換為三維動畫。
具體而言,執(zhí)行三維動作之前需要確定三維場景。將展示內(nèi)容元素所處區(qū)域的中心作為三維場景的中心點(diǎn),有利于改善三維動作執(zhí)行后的效果。進(jìn)一步地,控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作,可以進(jìn)一步改善三維動作的執(zhí)行效果。其中,設(shè)定景深距離可以選自20像素至2000像素。優(yōu)選地,如果景深太近,三維透視效果太嚴(yán)重;景深太遠(yuǎn),三維透視效果不夠明顯,因此設(shè)定景深距離可以是600像素,以達(dá)到較好的三維效果。
本發(fā)明實(shí)施例通過控制展示內(nèi)容元素執(zhí)行三維動作,可以使得展示內(nèi)容元素的展示狀態(tài)轉(zhuǎn)化成三維立體狀態(tài),可以進(jìn)一步突出展示內(nèi)容元素的展示,進(jìn)一步改善了展示內(nèi)容元素的投放效果。
進(jìn)一步地,所述三維動作包括旋轉(zhuǎn);所述控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作包括以下步驟:確定所述展示內(nèi)容元素的高度和寬度;如果所述寬度與所述高度的比值達(dá)到設(shè)定閾值,則控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn),否則,控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn)。
具體而言,可以將二維廣告以中心軸(也即x軸或y軸)做立體旋轉(zhuǎn),旋轉(zhuǎn)類型分別為垂直旋轉(zhuǎn)和水平旋轉(zhuǎn)。為了達(dá)到較好的旋轉(zhuǎn)效果,可以根據(jù)寬度與所述高度的比值寬來確定旋轉(zhuǎn)類型。
請參照圖2,圖2是本發(fā)明實(shí)施例一種三維旋轉(zhuǎn)效果示意圖。優(yōu)選地,設(shè)定閾值可以為大于1的數(shù)值。展示內(nèi)容元素的寬度與x軸平行,展示內(nèi)容元素的高度與y軸平行。那么在寬度w與高度h的比值達(dá)到設(shè)定閾值時(shí)(例如,表示寬度w的長度大于高度h的長度時(shí)),控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn),可以達(dá)到較好的旋轉(zhuǎn)效果。
相應(yīng)地,寬度w與高度h的比值小于設(shè)定閾值時(shí)(例如,表示高度h的長度大于寬度w的長度時(shí)),控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn),可以達(dá)到較好的旋轉(zhuǎn)效果。
進(jìn)一步地,設(shè)定閾值的取值范圍可以是(1,3)。
優(yōu)選地,設(shè)定閾值可以是2.16。具體實(shí)施中,呈現(xiàn)所述展示內(nèi)容元素的展示位的形狀和尺寸通常是有限的。常用的形狀包括長形、豎形和橫形。相應(yīng)地,展示內(nèi)容元素的高度和寬度與展示位的尺寸一致,則其高度和寬度也是有限的。具體而言,展示位的形狀為方形時(shí),寬度與高度分別包括以下尺寸:288╳162,640╳360,265╳240,250╳200,500╳280,400╳250,300╳150,256╳213,240╳180,310╳250,255╳250,180╳150,200╳250,400╳300,320╳250,180╳250,200╳300,186╳275,640╳480,125╳125,500╳250,335╳250,140╳140,130╳150,320╳310,370╳250,250╳200,700╳360,320╳285,400╳300,300╳400,360╳300,500╳375,180╳150,640╳480,640╳360,250╳250,300╳250,250╳185,200╳200,336╳280,250╳250,336╳280,300╳300,300╳250,300╳250,200╳200,250╳250,336╳280,200╳200等,其中,單位為像素。
展示位的形狀為豎形時(shí),寬度與高度分別包括以下尺寸:120╳240,120╳600,120╳240,240╳400,300╳600,300╳600,120╳270,138╳261,120╳240,160╳600,120╳600,160╳250,160╳475,110╳300,160╳600,120╳600,120╳270,130╳280,160╳600等,其中,單位為像素。
展示位的形狀為橫形時(shí),寬度與高度分別包括以下尺寸:990╳90,500╳200,760╳90,728╳90,750╳90,225╳90,950╳90,250╳90,480╳160,360╳144,475╳66,660╳90,460╳60,360╳90,800╳120,640╳120,590╳180,300╳110,640╳100,660╳180,600╳180,1060╳90,1390╳90,740╳90,1000╳150,300╳100,1000╳90,650╳90,640╳90,620╳60,340╳120,600╳90,468╳60,264╳160,300╳100,1024╳90,800╳90,640╳90,940╳90,700╳90,640╳80,590╳130,500╳200,640╳60,580╳90,760╳90,300╳100,960╳90,300╳50,320╳100,640╳60,680╳90,640╳180,960╳90,640╳60,960╳60,468╳60,610╳100,300╳50,1000╳90,800╳90,728╳90,960╳60,960╳150,1280╳720,760╳90,960╳130,468╳60,234╳60,480╳160,960╳90,260╳100,480╳70,580╳90,700╳60,980╳90,185╳90,348╳82,728╳90,970╳90,980╳120,320╳50,1000╳90,720╳60,1200╳90,746╳90,970╳250,980╳90,640╳90,950╳90,680╳100,495╳60等,其中,單位為像素。
為了達(dá)到更好的旋轉(zhuǎn)執(zhí)行效果,使得展示位的形狀為橫形時(shí),控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn);使得展示位的形狀為長形和豎形時(shí),控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn),故配置所述設(shè)定閾值為2.16。
本發(fā)明實(shí)施例通過執(zhí)行規(guī)則的立體旋轉(zhuǎn),可以實(shí)現(xiàn)更好的喚醒效果。
優(yōu)選地,所述設(shè)定動作在設(shè)定時(shí)間內(nèi)執(zhí)行完成。圖1所示的喚醒方法還可以包括以下步驟:在所述設(shè)定時(shí)間后,恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
具體實(shí)施中,展示內(nèi)容元素具備原始展示狀態(tài),該原始展示狀態(tài)可以是靜態(tài)的,以便于用戶讀取展示內(nèi)容。如果控制展示內(nèi)容元素一直執(zhí)行設(shè)定動作,將會影響用戶讀取展示內(nèi)容,因此,為了不影響用戶讀取展示內(nèi)容,在執(zhí)行設(shè)定動作持續(xù)所述設(shè)定時(shí)間后,恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
可以理解的是,所述設(shè)定時(shí)間的長度可以根據(jù)實(shí)際應(yīng)用環(huán)境進(jìn)行配置和調(diào)整,本發(fā)明實(shí)施例對此不做限制。進(jìn)一步地,在設(shè)定動作為旋轉(zhuǎn)時(shí),還可以設(shè)置旋轉(zhuǎn)的次數(shù),例如,設(shè)置旋轉(zhuǎn)動作執(zhí)行三次后(也即旋轉(zhuǎn)三圈),恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
在本發(fā)明實(shí)施例一具體應(yīng)用場景中,為了實(shí)現(xiàn)三維旋轉(zhuǎn)動作,可以定義沿x軸旋轉(zhuǎn)的動作軌跡為x-action。設(shè)置開始(from)屬性為transform:rotatex(720deg),設(shè)置結(jié)束(to)屬性為transform:rotatex(0deg);然后設(shè)置展示內(nèi)容元素的動畫(animation)屬性為x-action3s。定義沿y軸的旋轉(zhuǎn)動作軌跡為y-action。設(shè)置from屬性為transform:rotatey(720deg),設(shè)置to屬性為transform:rotatey(0deg),然后設(shè)置展示內(nèi)容元素的animation屬性為x-action3s。當(dāng)展示內(nèi)容元素的animation屬性被設(shè)置完成時(shí),展示內(nèi)容元素就可以執(zhí)行三維旋轉(zhuǎn)。
優(yōu)選地,圖1所示步驟s103可以包括以下步驟:如果所述展示內(nèi)容元素的至少一部分首次由不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
具體實(shí)施中,為了在執(zhí)行設(shè)定動作時(shí)占用較少的資源,本發(fā)明實(shí)施例僅在展示內(nèi)容元素的至少一部分首次由不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),才觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
本發(fā)明實(shí)施例通過控制展示內(nèi)容元素執(zhí)行設(shè)定動作,可以使展示內(nèi)容能更容易的被用戶所發(fā)現(xiàn)并且占據(jù)用戶當(dāng)前注意力。
圖3是圖1所示步驟s102的具體實(shí)施步驟的流程圖。
如圖3所示,步驟s102可以包括以下步驟:
步驟s31:在所述展示內(nèi)容元素所處區(qū)域中創(chuàng)建至少一個(gè)動畫,每一動畫包括至少一個(gè)播放動作;
步驟s32:控制所述至少一個(gè)動畫周期性地播放;
步驟s33:檢測每一動畫在播放時(shí)各個(gè)播放動作之間的時(shí)間間隔,并在每次檢測得到所述時(shí)間間隔后,將所述時(shí)間間隔與設(shè)定時(shí)間進(jìn)行比較;
步驟s34:根據(jù)至少一次比較的比較結(jié)果,確定所述展示內(nèi)容元素是否處于所述可見區(qū)域。
具體實(shí)施中,每一動畫可以包括一個(gè)播放動作,也可以包括多個(gè)播放動作,例如兩個(gè)、三個(gè)等。其中,播放動作之間的時(shí)間間隔可以用以表征動畫的播放頻率。具體而言,兩個(gè)播放動作之間的時(shí)間間隔可以是該兩個(gè)播放動作在播放時(shí)的時(shí)間戳之差。本領(lǐng)域技術(shù)人員應(yīng)當(dāng)理解的是,本發(fā)明實(shí)施例所稱動畫可以是是一種周期性循環(huán)的動作元素。具體地,可以通過循環(huán)的變更顯示狀態(tài)來創(chuàng)建動畫,例如,每50毫秒從黑色變成白色,或者從透明變成不透明等。更具體地,動畫的創(chuàng)建可以使用爪哇腳本(javascript)編寫和實(shí)現(xiàn)。
需要說明的是,所述設(shè)定時(shí)間的長度可以根據(jù)實(shí)際的應(yīng)用環(huán)境進(jìn)行配置,例如可以是1秒,本發(fā)明實(shí)施例對此不做限制。
具體實(shí)施中,展示信息可以被投放在終端設(shè)備上進(jìn)行展示,終端設(shè)備可以具備中央處理器(centralprocessingunit,簡稱cpu)。而cpu在處理動畫時(shí)可以對動畫進(jìn)行動畫渲染操作,且動畫渲染操作在動畫處于可見區(qū)域和不可見區(qū)域時(shí),所消耗的cpu的處理空間不同,導(dǎo)致動畫播放的時(shí)頻不同。
故利用動畫渲染在可見區(qū)域和不可見區(qū)域執(zhí)行時(shí)所消耗的cpu的處理空間不同,導(dǎo)致動畫播放的時(shí)頻不同的特性,通過在展示信息所處區(qū)域中創(chuàng)建至少一個(gè)動畫,檢測每一動畫兩個(gè)播放動作之間的時(shí)間間隔,并與設(shè)定時(shí)間進(jìn)行比較,確定展示信息是否處于可見區(qū)域;避免了現(xiàn)有技術(shù)中通過坐標(biāo)來判斷展示信息是否可見的方式,可以提高判定展示信息是否可見的準(zhǔn)確性,同時(shí)擴(kuò)大了展示信息的檢測方法的應(yīng)用場景。
圖4是本發(fā)明實(shí)施例一種展示信息的喚醒裝置的結(jié)構(gòu)示意圖。
圖4所示的展示信息的喚醒裝置40可以包括確定模塊401、判斷模塊402和喚醒模塊403。
其中,確定模塊401適于確定頁面中的展示內(nèi)容元素;判斷模塊402適于判斷所述展示內(nèi)容元素是否處于可見區(qū)域,其中,所述可見區(qū)域處于呈現(xiàn)所述頁面的屏幕范圍內(nèi),所述屏幕范圍以外的區(qū)域?yàn)椴豢梢妳^(qū)域;喚醒模塊403適于如果所述展示內(nèi)容元素的至少一部分由所述不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
本發(fā)明實(shí)施例通過對展示內(nèi)容元素的位置進(jìn)行探測,可以判定展示內(nèi)容元素的至少一部分的位置是否發(fā)生改變;在展示內(nèi)容元素從不可見區(qū)域進(jìn)入所述可見區(qū)域時(shí),符合喚醒觸發(fā)條件,通過執(zhí)行設(shè)定動作,可以突出展示內(nèi)容元素的展示,從而改善了展示內(nèi)容元素的投放效果;此外還可以減少執(zhí)行設(shè)定動作占用的資源,降低資源浪費(fèi)。
優(yōu)選地,所述設(shè)定動作為三維動作;喚醒模塊403可以包括三維場景確定單元4031和第一執(zhí)行單元4032。其中,三維場景確定單元4031適于確定三維場景,其中,所述展示內(nèi)容元素所處區(qū)域的中心為三維場景的中心點(diǎn),三維場景的x軸沿所述區(qū)域的水平方向,三維場景的y軸沿所述區(qū)域的豎直方向,三維場景的z軸垂直于所述區(qū)域所在平面;第一執(zhí)行單元4032適于控制所述展示內(nèi)容元素按照設(shè)定景深距離在三維場景中執(zhí)行所述三維動作。
進(jìn)一步地,所述三維動作包括旋轉(zhuǎn);第一執(zhí)行單元4032可以包括確定子單元40321和旋轉(zhuǎn)子單元40322。其中,確定子單元40321適于確定所述展示內(nèi)容元素的高度和寬度;旋轉(zhuǎn)子單元40322適于如果所述寬度與所述高度的比值達(dá)到設(shè)定閾值,則控制所述展示內(nèi)容元素圍繞x軸進(jìn)行旋轉(zhuǎn),否則,控制所述展示內(nèi)容元素圍繞y軸進(jìn)行旋轉(zhuǎn)。
優(yōu)選地,喚醒模塊403可以包括第二執(zhí)行單元4033,第二執(zhí)行單元4033適于如果所述展示內(nèi)容元素的至少一部分首次由不可見區(qū)域進(jìn)入所述可見區(qū)域,則觸發(fā)所述展示內(nèi)容元素執(zhí)行設(shè)定動作。
優(yōu)選地,所述設(shè)定動作在設(shè)定時(shí)間內(nèi)執(zhí)行完成;展示信息的喚醒裝置40還可以包括恢復(fù)模塊404,恢復(fù)模塊404適于在所述設(shè)定時(shí)間后,恢復(fù)所述展示內(nèi)容元素的原始展示狀態(tài)。
優(yōu)選地,判斷模塊402可以包括創(chuàng)建單元4021、播放單元4022、檢測單元4023和判定單元4024。創(chuàng)建單元4021適于在所述展示內(nèi)容元素所處區(qū)域中創(chuàng)建至少一個(gè)動畫,每一動畫包括至少一個(gè)播放動作;播放單元4022適于控制所述至少一個(gè)動畫周期性地播放;檢測單元4023適于檢測每一動畫在播放時(shí)各個(gè)播放動作之間的時(shí)間間隔,并在每次檢測得到所述時(shí)間間隔后,將所述時(shí)間間隔與設(shè)定時(shí)間進(jìn)行比較;判定單元4024適于根據(jù)至少一次比較的比較結(jié)果,確定所述展示內(nèi)容元素是否處于所述可見區(qū)域。
關(guān)于所述展示信息的喚醒裝置40的工作原理、工作方式的更多內(nèi)容,可以參照圖1至圖3中的相關(guān)描述,這里不再贅述。
本發(fā)明實(shí)施例還公開了一種計(jì)算機(jī)可讀存儲介質(zhì),其上存儲有計(jì)算機(jī)指令,所述計(jì)算機(jī)指令運(yùn)行時(shí)執(zhí)行圖1所示展示信息的喚醒方法的步驟。所述存儲介質(zhì)可以包括rom、ram、磁盤或光盤等。
本發(fā)明實(shí)施例還公開了一種終端,所述終端包括存儲器和處理器,所述存儲器上存儲有可在所述處理器上運(yùn)行的計(jì)算機(jī)指令。所述處理器運(yùn)行所述計(jì)算機(jī)指令時(shí)執(zhí)行權(quán)利圖1所示展示信息的喚醒方法的步驟。所述終端可以包括但不限于手機(jī)、平板電腦、計(jì)算機(jī)等設(shè)備。
雖然本發(fā)明披露如上,但本發(fā)明并非限定于此。任何本領(lǐng)域技術(shù)人員,在不脫離本發(fā)明的精神和范圍內(nèi),均可作各種更動與修改,因此本發(fā)明的保護(hù)范圍應(yīng)當(dāng)以權(quán)利要求所限定的范圍為準(zhǔn)。