本發(fā)明涉及互聯(lián)網(wǎng)開發(fā)技術(shù)領(lǐng)域,特別是涉及一種圖片展示方法及裝置。
背景技術(shù):
在視頻網(wǎng)站中,為了使用戶可以一目了然且概括地了解到視頻的內(nèi)容,實(shí)際應(yīng)用中,一般會(huì)將視頻對(duì)應(yīng)的封面圖片展示給用戶。而在具體的展示過程中,根據(jù)展示區(qū)域的不同,在各展示區(qū)域上展示圖片的模式也各不相同。具體地,網(wǎng)頁前端展示圖片的模式分為橫圖模式展示和豎圖模式展示。在實(shí)際應(yīng)用過程中,網(wǎng)頁前端需要選擇適合展示區(qū)域的圖片展示模式來展示圖片。
現(xiàn)有方法中,在展示圖片之前,前端需要遍歷所有視頻,根據(jù)視頻的頻道信息,判斷在展示區(qū)域展示視頻對(duì)應(yīng)的待展示圖片的圖片展示模式,最后根據(jù)該圖片展示模式展示待展示圖片??梢钥闯觯F(xiàn)有的圖片展示方法,前端展示圖片過程復(fù)雜、消耗時(shí)間過長(zhǎng)。
技術(shù)實(shí)現(xiàn)要素:
本發(fā)明實(shí)施例的目的在于提供一種圖片展示方法及裝置,以簡(jiǎn)化圖片展示過程、減少圖片展示過程消耗的時(shí)間。具體技術(shù)方案如下:
一種圖片展示方法,應(yīng)用于前端,包括:
獲取待展示圖片的地址,以及在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志;
通過所述地址加載所述待展示圖片,并根據(jù)所述展示模式標(biāo)志指示的展示模式,展示所述待展示圖片。
可選的,在所述獲取待展示圖片的地址,以及在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志之前,所述方法還包括:
向后端發(fā)送請(qǐng)求,以使所述后端根據(jù)所述請(qǐng)求確定所述展示模式標(biāo)志;其中,所述請(qǐng)求包括所述前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示所述待展示圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述待展示圖片的最大數(shù)量n。
可選的,所述獲取待展示圖片的地址,以及在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志包括:
接收后端發(fā)送的待展示圖片的地址和展示模式標(biāo)志。
可選的,所述待展示圖片為視頻對(duì)應(yīng)的封面圖片;所述展示模式標(biāo)志是所述后端根據(jù)所述視頻的頻道信息生成的。
一種圖片展示方法,應(yīng)用于后端,包括:
確定待展示圖片的地址,并確定在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志;
向前端發(fā)送所述待展示圖片的地址,以及所述展示模式標(biāo)志,以使所述前端根據(jù)所述地址加載所述待展示圖片,并根據(jù)所述展示模式標(biāo)志指示的展示模式展示所述待展示圖片。
可選的,所述確定在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志包括:
接收所述前端發(fā)送的請(qǐng)求,其中,所述請(qǐng)求包括所述前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示所述待展示圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述待展示圖片的最大數(shù)量n;
根據(jù)所述請(qǐng)求確定所述展示模式標(biāo)志。
可選的,所述待展示圖片為視頻對(duì)應(yīng)的封面圖片;
所述根據(jù)所述請(qǐng)求確定所述展示模式標(biāo)志包括:
根據(jù)所述請(qǐng)求,以及所述視頻的頻道信息,確定在所述展示區(qū)域展示所述封面圖片的展示模式標(biāo)志。
可選的,所述根據(jù)所述請(qǐng)求,以及所述視頻的頻道信息,確定在所述展示區(qū)域展示所述封面圖片的展示模式標(biāo)志,包括:
從前端發(fā)送的請(qǐng)求中,解析出所述展示區(qū)域以豎圖展示模式展示所述封面圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述封面圖片的最大數(shù)量n;
當(dāng)存在m個(gè)視頻的頻道都包含于預(yù)設(shè)頻道集合中時(shí),確定在所述展示區(qū)域展示所述m個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為豎圖展示模式標(biāo)志;
當(dāng)存在n個(gè)視頻的頻道不均屬于預(yù)設(shè)頻道集合中時(shí),確定在所述展示區(qū)域展示所述n個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為橫圖展示模式標(biāo)志。
一種圖片展示裝置,應(yīng)用于前端,包括:
獲取模塊,用于獲取待展示圖片的地址,以及在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志;
展示模塊,用于通過所述地址加載所述待展示圖片,并根據(jù)所述展示模式標(biāo)志指示的展示模式,展示所述待展示圖片。
可選的,所述裝置還包括:
請(qǐng)求模塊,用于向后端發(fā)送請(qǐng)求,以使所述后端根據(jù)所述請(qǐng)求確定所述展示模式標(biāo)志;其中,所述請(qǐng)求包括所述前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示所述待展示圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述待展示圖片的最大數(shù)量n。
可選的,所述獲取模塊,具體用于接收后端發(fā)送的待展示圖片的地址和展示模式標(biāo)志。
可選的,所述待展示圖片為視頻對(duì)應(yīng)的封面圖片;所述展示模式標(biāo)志是所述后端根據(jù)所述視頻的頻道信息生成的。
一種圖片展示裝置,應(yīng)用于后端,包括:
確定模塊,用于確定待展示圖片的地址,并確定在展示區(qū)域展示所述待展示圖片的展示模式標(biāo)志;
發(fā)送模塊,用于向前端發(fā)送所述待展示圖片的地址,以及所述展示模式標(biāo)志,以使所述前端根據(jù)所述地址加載所述待展示圖片,并根據(jù)所述展示模式標(biāo)志指示的展示模式展示所述待展示圖片。
可選的,所述確定模塊包括:
接收子模塊,用于接收所述前端發(fā)送的請(qǐng)求,其中,所述請(qǐng)求包括所述前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示所述待展示圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述待展示圖片的最大數(shù)量n;
確定子模塊,用于根據(jù)所述請(qǐng)求確定所述展示模式標(biāo)志。
可選的,所述待展示圖片為視頻對(duì)應(yīng)的封面圖片;
所述確定子模塊,具體用于根據(jù)所述請(qǐng)求,以及所述視頻的頻道信息,確定在所述展示區(qū)域展示所述封面圖片的展示模式標(biāo)志。
可選的,所述確定子模塊包括:
解析單元,用于從前端發(fā)送的請(qǐng)求中,解析出所述展示區(qū)域以豎圖展示模式展示所述封面圖片的最大數(shù)量m、以及所述展示區(qū)域以橫圖展示模式展示所述封面圖片的最大數(shù)量n;
第一確定單元,用于當(dāng)存在m個(gè)視頻的頻道都包含于預(yù)設(shè)頻道集合中時(shí),確定在所述展示區(qū)域展示所述m個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為豎圖展示模式標(biāo)志;
第二確定單元,用于當(dāng)存在n個(gè)視頻的頻道不均屬于預(yù)設(shè)頻道集合中時(shí),確定在所述展示區(qū)域展示所述n個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為橫圖展示模式標(biāo)志。
本發(fā)明實(shí)施例提供的圖片展示方法及裝置,可以通過前端獲取待展示圖片的地址和在展示區(qū)域展示待展示圖片的展示模式標(biāo)志;然后通過待展示圖片的地址加載該待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示待展示圖片??梢钥闯?,本發(fā)明實(shí)施例提供的方法,前端直接獲取在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,不需要在展示圖片之前判斷在展示區(qū)域展示待展示圖片的展示模式,節(jié)省了前端展示圖片過程中判斷展示模式的步驟,從而能夠簡(jiǎn)化圖片展示過程,減少圖片展示過程消耗的時(shí)間。當(dāng)然,實(shí)施本發(fā)明的任一產(chǎn)品或方法并不一定需要同時(shí)達(dá)到以上所述的所有優(yōu)點(diǎn)。
附圖說明
為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例,對(duì)于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動(dòng)的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
圖1為本發(fā)明實(shí)施例提供的圖片展示方法的一種流程圖;
圖2為本發(fā)明實(shí)施例中豎圖模式展示圖片的示意圖;
圖3為本發(fā)明實(shí)施例中橫圖模式展示圖片的示意圖;
圖4為本發(fā)明實(shí)施例提供的圖片展示方法的另一種流程圖;
圖5為本發(fā)明實(shí)施例中后端根據(jù)頻道信息確定展示模式標(biāo)志的示意圖;
圖6為本發(fā)明實(shí)施例提供的圖片展示裝置的一種結(jié)構(gòu)示意圖;
圖7為本發(fā)明實(shí)施例提供的圖片展示裝置的另一種結(jié)構(gòu)示意圖;
圖8為本發(fā)明實(shí)施例提供的圖片展示裝置的另一種結(jié)構(gòu)示意圖。
具體實(shí)施方式
下面將結(jié)合本發(fā)明實(shí)施例中的附圖,對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例,而不是全部的實(shí)施例。基于本發(fā)明中的實(shí)施例,本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例,都屬于本發(fā)明保護(hù)的范圍。
圖1為本發(fā)明實(shí)施例提供的圖片展示方法的一種流程圖,參照?qǐng)D1對(duì)本發(fā)明實(shí)施例提供的圖片展示方法進(jìn)行詳細(xì)說明,該方法包括:
步驟101,獲取待展示圖片的地址,以及在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
實(shí)際應(yīng)用中,視頻網(wǎng)站中包括前端和后端,前端主要針對(duì)于與用戶之間的交互,例如,網(wǎng)頁端;后端主要針對(duì)于實(shí)際的邏輯處理,例如,服務(wù)器端。視頻網(wǎng)站中,前端與后端分工合作、共同配合。
本發(fā)明實(shí)施例提供的方法可以應(yīng)用于前端。具體的應(yīng)用過程中,前端可以獲取待展示圖片的地址,以及在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
待展示圖片可以是任意格式的圖片。另外,需要重點(diǎn)說明的是,本發(fā)明實(shí)施例提供的方法中,前端直接獲取在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,不需要在展示待展示圖片之前、判斷在展示區(qū)域展示待展示圖片的展示模式。
其中,展示模式標(biāo)志是標(biāo)識(shí)在展示區(qū)域展示待展示圖片的展示模式的標(biāo)志,可以是數(shù)字、字母或字符串等形式。例如,展示模式標(biāo)志可以是數(shù)字“1”和“0”,“1”表示以豎圖模式在展示區(qū)域展示待展示圖片,“0”表示以橫圖模式在展示區(qū)域展示待展示圖片;或者展示模式標(biāo)志可以是字符串“vertical”和“horizon”,“vertical”表示以豎圖模式在展示區(qū)域展示待展示圖片、“horizon”表示以橫圖模式在展示區(qū)域展示待展示圖片;或者展示模式標(biāo)志可以是字母“v”和“h”,“v”表示以豎圖模式在展示區(qū)域展示待展示圖片,“h”表示以橫圖模式在展示區(qū)域展示待展示圖片。
前端可以直接獲得作為整體的待展示圖片的地址和該展示模式標(biāo)志,或者也可以分別獲取待展示圖片的地址和該展示模式標(biāo)志。
步驟102,通過待展示圖片的地址加載該待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示待展示圖片。
通過獲取的待展示圖片的地址即可加載該待展示圖片,并根據(jù)展示模式標(biāo)志的指示,在展示區(qū)域以展示模式標(biāo)志指示的展示模式展示所有的待展示圖片。具體地,如果展示模式標(biāo)志是數(shù)字形式,且獲取的展示模式標(biāo)志為數(shù)字“1”時(shí),則可以如圖2所示,在第一展示區(qū)域201以豎圖模式展示所有的待展示圖片202;獲取的展示模式標(biāo)志為數(shù)字“0”時(shí),則可以如圖3所示,在第二展示區(qū)域301以橫圖模式展示所有的待展示圖片302??梢钥闯?,針對(duì)不同的第一展示區(qū)域201和第二展示區(qū)域301,可以根據(jù)展示模式標(biāo)志的不同指示,以不同的展示模式展示待展示圖片。
實(shí)際應(yīng)用過程中,針對(duì)不同的展示區(qū)域、不同的待展示圖片可以使用不同的展示模式展示待展示圖片。例如,針對(duì)具體的展示區(qū)域,前端可以分別計(jì)算出在該展示區(qū)域以豎圖模式和以橫圖模式展示待展示圖片的數(shù)量,并將以豎圖模式和以橫圖模式展示待展示圖片的數(shù)量發(fā)送給后端。以使后端根據(jù)待展示圖片的具體情況,確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,并將該展示模式標(biāo)志,以及滿足數(shù)量要求的待展示圖片的地址反饋給前端。進(jìn)而前端根據(jù)展示模式標(biāo)志的指示展示所有的待展示圖片。
本發(fā)明實(shí)施例提供的圖片展示方法,前端獲取待展示圖片的地址和在展示區(qū)域展示待展示圖片的展示模式標(biāo)志;然后通過待展示圖片的地址加載該待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示待展示圖片??梢钥闯?,本發(fā)明實(shí)施例提供的方法,前端直接獲取在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,不需要在展示圖片之前判斷在展示區(qū)域展示待展示圖片的展示模式,節(jié)省了前端展示圖片過程中判斷展示模式的步驟,從而能夠簡(jiǎn)化圖片展示過程,減少圖片展示過程消耗的時(shí)間。
為了在圖片展示過程中,后端可以及時(shí)了解到前端的展示需求,并根據(jù)展示需求,反饋給前端需要展示的待展示圖片以及展示模式標(biāo)志,本發(fā)明實(shí)施例一種可選的實(shí)施方式中,在獲取待展示圖片的地址,以及在展示區(qū)域展示待展示圖片的展示模式標(biāo)志之前,本發(fā)明實(shí)施例提供的該圖片展示方法還可以包括:
向后端發(fā)送請(qǐng)求,以使后端根據(jù)請(qǐng)求確定展示模式標(biāo)志;其中,請(qǐng)求包括前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示待展示圖片的最大數(shù)量n。
本發(fā)明實(shí)施例中前端在展示區(qū)域展示圖片時(shí),首先根據(jù)展示區(qū)域確定出展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示待展示圖片的最大數(shù)量n。然后將包含該最大數(shù)量m和該最大數(shù)量n等信息的請(qǐng)求發(fā)送給后端,以使后端在接收到請(qǐng)求后,根據(jù)請(qǐng)求中的信息確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。然后,前端可以獲取后端發(fā)送的待展示圖片的地址和在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
如此使得,前端需要在展示區(qū)域展示圖片時(shí),向后端發(fā)送請(qǐng)求;后端可以及時(shí)地根據(jù)前端的請(qǐng)求,反饋給前端滿足要求的待展示圖片和展示模式標(biāo)志。
實(shí)際應(yīng)用過程中,視頻網(wǎng)站中視頻對(duì)應(yīng)的封面圖片可直觀、概括地反映視頻的內(nèi)容,所以本發(fā)明實(shí)施例提供的圖片展示方法中,待展示圖片可以為視頻對(duì)應(yīng)的封面圖片;展示模式標(biāo)志可以是后端根據(jù)視頻的頻道信息生成的、指示前端在展示區(qū)域展示待展示圖片的展示模式的標(biāo)志。
具體地,前端獲取所有需要展示的封面圖片的地址,并獲取后端根據(jù)視頻的頻道信息確定的在展示區(qū)域展示所有待展示圖片的展示模式標(biāo)志。然后,通過封面圖片的地址加載所有的封面圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示所有的封面圖片。
需要說明的是,視頻的頻道信息與視頻對(duì)應(yīng)的封面圖片的尺寸有直接關(guān)系。而展示區(qū)域的不同,則展示圖片的尺寸不同,所以在實(shí)際應(yīng)用過程中,可以通過視頻的頻道信息,確定在展示區(qū)域展示視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志。
圖4為本發(fā)明實(shí)施例提供的圖片展示方法的另一種流程圖,參照?qǐng)D4對(duì)本發(fā)明實(shí)施例提供的圖片展示方法進(jìn)行詳細(xì)說明,該方法包括:
步驟401,確定待展示圖片的地址,并確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
本發(fā)明實(shí)施例提供的圖片展示方法應(yīng)用于后端。實(shí)際應(yīng)用過程中,后端存在需要在前端展示的待展示圖片時(shí),可以確定待展示圖片的地址,并根據(jù)待展示圖片的具體情況,確定指示在前端對(duì)應(yīng)的展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
例如,后端可以根據(jù)待展示圖片存儲(chǔ)的位置,確定待展示圖片的地址。根據(jù)待展示圖片實(shí)際尺寸與展示區(qū)域的匹配情況,確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。另外,需要說明的是,展示模式標(biāo)志的具體情況在上述前端對(duì)應(yīng)的部分已經(jīng)進(jìn)行了詳細(xì)的說明,這里就不再贅述。
步驟402,向前端發(fā)送待展示圖片的地址,以及展示模式標(biāo)志,以使前端根據(jù)地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式展示待展示圖片。
后端確定待展示圖片的地址、以及指示前端在展示區(qū)域展示待展示圖片的展示模式標(biāo)志之后,可以向前端發(fā)送待展示圖片的地址,以及展示模式標(biāo)志。例如,后端可以主動(dòng)地將確定的待展示圖片的地址,以及展示模式標(biāo)志發(fā)送給前端;或者等待前端的請(qǐng)求,在接收到前端的請(qǐng)求后,將待展示圖片的地址,以及展示模式標(biāo)志發(fā)送給前端。
具體地,前端在接收到后端發(fā)送的待展示圖片的地址,以及展示模式標(biāo)志后,可以根據(jù)待展示圖片的地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式展示待展示圖片的過程,上述內(nèi)容已經(jīng)進(jìn)行了詳細(xì)的說明,這里就不再贅述。
本發(fā)明實(shí)施例提供的圖片展示方法,后端確定待展示圖片的地址,并確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志;向前端發(fā)送待展示圖片的地址,以及展示模式標(biāo)志,以使前端根據(jù)地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式展示待展示圖片。如此使得,在圖片展示過程中,后端判斷在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,并將該標(biāo)志發(fā)送給前端,以使前端可以直接根據(jù)標(biāo)志的指示在展示區(qū)域展示待展示圖片,從而能夠簡(jiǎn)化圖片展示過程,減少圖片展示過程消耗的時(shí)間。
本發(fā)明實(shí)施例提供的圖片展示方法一種可選的實(shí)施例中,后端接收到前端發(fā)送的請(qǐng)求后,可以根據(jù)請(qǐng)求確定待展示圖片的地址,并確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。需要說明的是,后端接收到的請(qǐng)求中可以包括前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及該展示區(qū)域以橫圖展示模式展示所待展示圖片的最大數(shù)量n。
后端接收到前端發(fā)送的請(qǐng)求后,可以解析出請(qǐng)求包含的前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示待展示圖片的最大數(shù)量n。然后確定出滿足數(shù)量要求的待展示圖片,進(jìn)而確定出所有待展示圖片的地址、以及指示前端在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
本發(fā)明實(shí)施例一種可實(shí)現(xiàn)方式中,待展示圖片可以為視頻對(duì)應(yīng)的封面圖片。針對(duì)待展示圖片為視頻對(duì)應(yīng)的封面圖片的情況,后端確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志可以包括:根據(jù)前端發(fā)送的請(qǐng)求,以及視頻的頻道信息,確定在展示區(qū)域展示封面圖片的展示模式標(biāo)志。參照上述內(nèi)容,視頻的頻道信息與視頻對(duì)應(yīng)的封面圖片的尺寸有直接關(guān)系。而展示區(qū)域的不同,則展示圖片的尺寸不同,所以在實(shí)際應(yīng)用過程中,可以通過視頻的頻道信息,確定在展示區(qū)域展示視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志。
具體地,后端根據(jù)前端發(fā)送的請(qǐng)求,以及視頻的頻道信息,確定在展示區(qū)域展示封面圖片的展示模式標(biāo)志,包括:第一,從前端發(fā)送的請(qǐng)求中,解析出展示區(qū)域以豎圖展示模式展示封面圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示封面圖片的最大數(shù)量n;第二,當(dāng)存在m個(gè)視頻的頻道都包含于預(yù)設(shè)頻道集合中時(shí),確定在展示區(qū)域展示m個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為豎圖展示模式標(biāo)志;第三,當(dāng)存在n個(gè)視頻的頻道不均屬于預(yù)設(shè)頻道集合中時(shí),確定在展示區(qū)域展示n個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為橫圖展示模式標(biāo)志。
需要說明的是,預(yù)設(shè)頻道集合中的頻道可以是根據(jù)實(shí)際情況確定的。例如,預(yù)設(shè)頻道集合ω={cid1,cid2,…,cidn},具體的,預(yù)設(shè)頻道集合可以為,ω={頻道1,頻道2,頻道4,頻道6}。
后端通過視頻的頻道信息,確定出在展示區(qū)域展示視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志,使展示區(qū)域與封面圖片進(jìn)行了匹配,進(jìn)而使得前端針對(duì)不同的展示區(qū)域展示適合該展示區(qū)域的圖片。
圖5為本發(fā)明實(shí)施例中后端根據(jù)頻道信息確定展示模式標(biāo)志的示意圖,參照?qǐng)D5對(duì)本發(fā)明實(shí)施例提供的圖片展示方法中,后端根據(jù)視頻的頻道信息確定展示模式標(biāo)志的過程進(jìn)行詳細(xì)地說明。
具體地,后端從大量的視頻中篩選出符合業(yè)務(wù)要求的視頻(例如,電影視頻),組成可選視頻集。之后可以遍歷可選視頻集中的視頻,根據(jù)視頻的頻道信息確定展示模式,并將豎圖模式作為默認(rèn)的展示模式,即判斷是否滿足豎圖模式的條件,如果不滿足,則確定是橫圖模式。根據(jù)前端發(fā)送的請(qǐng)求中展示區(qū)域以豎圖展示模式展示封面圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示封面圖片的最大數(shù)量n。
需要說明的是,后端在通過視頻的頻道信息確定展示模式的過程中,可以將頻道包含在預(yù)設(shè)頻道集合中的視頻加入候選視頻集合中。
具體的,后端可以判斷當(dāng)前視頻的頻道是否包含在預(yù)設(shè)頻道集合中,如果是,繼續(xù)判斷當(dāng)前候選視頻集合中的視頻數(shù)目,如果視頻數(shù)目達(dá)到m個(gè),則確定展示模式為豎圖展示模式,并確定當(dāng)前候選視頻集合中的m個(gè)視頻對(duì)應(yīng)的封面圖片為向前端返回的待顯示圖片;如果視頻數(shù)目未達(dá)到m個(gè),則繼續(xù)判斷下一個(gè)視頻的頻道是否包含在預(yù)設(shè)頻道集合中。
當(dāng)后端判斷得到當(dāng)前視頻的頻道不包含在預(yù)設(shè)頻道集合中時(shí),則確定展示模式為橫圖展示模式,并繼續(xù)判斷當(dāng)前候選視頻集合中的視頻數(shù)目。如果視頻數(shù)目剛好等于n個(gè),則確定當(dāng)前候選視頻集合中的n個(gè)視頻對(duì)應(yīng)的封面圖片為向前端返回的待顯示圖片。如果視頻數(shù)目大于n個(gè),則確定當(dāng)前候選視頻集合中的前n個(gè)視頻對(duì)應(yīng)的封面圖片為向前端返回的待顯示圖片。例如,判斷前3個(gè)視頻的頻道都包含在預(yù)設(shè)頻道集合中,到第4個(gè)視頻的頻道不包含在預(yù)設(shè)頻道集合中,此時(shí)確定展示模式為橫圖展示模式,而橫圖模式展示能夠展示3個(gè)圖片,則去除第4個(gè)視頻對(duì)應(yīng)的封面圖片、選取前3個(gè)視頻對(duì)應(yīng)的封面圖片作為待顯示圖片。如果視頻數(shù)目小于n,則繼續(xù)判斷下一個(gè)視頻的頻道是否包含在預(yù)設(shè)頻道集合中。
其中,針對(duì)視頻數(shù)目小于n的情況,實(shí)際的應(yīng)用過程中,只要當(dāng)前視頻的頻道不包含在預(yù)設(shè)頻道集合中,不論后面的視頻的頻道包含或者是不包含在預(yù)設(shè)頻道集合中,都確定展示模式為橫圖展示模式。
另外,需要說明的是,后端確定在展示區(qū)域展示所有待展示圖片的展示模式后,將該展示模式生成對(duì)應(yīng)的展示模式標(biāo)志。具體的,將確定的展示模式生成數(shù)字、字母等形式的標(biāo)志。如此使得,后端發(fā)送的內(nèi)容簡(jiǎn)單,并且前端可以根據(jù)標(biāo)志直接解析出展示模式。具體的展示模式標(biāo)志的內(nèi)容在上述前端對(duì)應(yīng)的說明部分已經(jīng)進(jìn)行了詳細(xì)地說明,這里就不再贅述。
另一方面,本發(fā)明實(shí)施例還提供了一種圖片展示裝置,圖6為本發(fā)明實(shí)施例提供的圖片展示裝置的一種結(jié)構(gòu)示意圖,參照?qǐng)D6對(duì)該裝置進(jìn)行詳細(xì)說明,該裝置包括:
獲取模塊601,用于獲取待展示圖片的地址,以及在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
展示模塊602,用于通過地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示待展示圖片。
本發(fā)明實(shí)施例提供的圖片展示裝置,前端獲取待展示圖片的地址和在展示區(qū)域展示待展示圖片的展示模式標(biāo)志;然后通過待展示圖片的地址加載該待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式,展示待展示圖片??梢钥闯?,本發(fā)明實(shí)施例提供的裝置,前端直接獲取在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,不需要在展示圖片之前判斷在展示區(qū)域展示待展示圖片的展示模式,節(jié)省了前端展示圖片過程中判斷展示模式的步驟,從而能夠簡(jiǎn)化圖片展示過程,減少圖片展示過程消耗的時(shí)間。
圖7為本發(fā)明實(shí)施例提供的圖片展示裝置的另一種結(jié)構(gòu)示意圖,參照?qǐng)D7,可選的,本發(fā)明實(shí)施例提供的圖片展示裝置,還包括:
請(qǐng)求模塊603,用于向后端發(fā)送請(qǐng)求,以使后端根據(jù)請(qǐng)求確定展示模式標(biāo)志;其中,請(qǐng)求包括前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示待展示圖片的最大數(shù)量n。
可選的,本發(fā)明實(shí)施例提供的圖片展示裝置中,獲取模塊601具體用于接收后端發(fā)送的待展示圖片的地址和展示模式標(biāo)志。
可選的,本發(fā)明實(shí)施例提供的圖片展示裝置中,待展示圖片為視頻對(duì)應(yīng)的封面圖片;展示模式標(biāo)志是后端根據(jù)視頻的頻道信息生成的。
圖8為本發(fā)明實(shí)施例提供的圖片展示裝置的另一種結(jié)構(gòu)示意圖,參照?qǐng)D8對(duì)該裝置進(jìn)行詳細(xì)說明,該裝置包括:
確定模塊801,用于確定待展示圖片的地址,并確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志。
發(fā)送模塊802,用于向前端發(fā)送待展示圖片的地址,以及展示模式標(biāo)志,以使前端根據(jù)地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式展示待展示圖片。
本發(fā)明實(shí)施例提供的圖片展示裝置,后端確定待展示圖片的地址,并確定在展示區(qū)域展示待展示圖片的展示模式標(biāo)志;向前端發(fā)送待展示圖片的地址,以及展示模式標(biāo)志,以使前端根據(jù)地址加載待展示圖片,并根據(jù)展示模式標(biāo)志指示的展示模式展示待展示圖片。如此使得,在圖片展示過程中,后端判斷在展示區(qū)域展示待展示圖片的展示模式標(biāo)志,以使前端可以直接根據(jù)標(biāo)志的指示在展示區(qū)域展示待展示圖片,從而能夠簡(jiǎn)化圖片展示過程,減少圖片展示過程消耗的時(shí)間。
可選的,本發(fā)明實(shí)施例提供的圖片展示裝置中,確定模塊801包括:
接收子模塊,用于接收前端發(fā)送的請(qǐng)求,其中,請(qǐng)求包括前端對(duì)應(yīng)的展示區(qū)域以豎圖展示模式展示待展示圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示待展示圖片的最大數(shù)量n。
確定子模塊,用于根據(jù)請(qǐng)求確定展示模式標(biāo)志。
可選的,本發(fā)明實(shí)施例提供的圖片展示裝置中,待展示圖片為視頻對(duì)應(yīng)的封面圖片;
確定子模塊具體用于,根據(jù)前端發(fā)送的請(qǐng)求,以及視頻的頻道信息,確定在展示區(qū)域展示封面圖片的展示模式標(biāo)志。
可選的,本發(fā)明實(shí)施例提供的圖片展示裝置中,確定子模塊包括:
解析單元,用于從前端發(fā)送的請(qǐng)求中,解析出展示區(qū)域以豎圖展示模式展示封面圖片的最大數(shù)量m、以及展示區(qū)域以橫圖展示模式展示封面圖片的最大數(shù)量n。
第一確定單元,用于當(dāng)存在m個(gè)視頻的頻道都包含于預(yù)設(shè)頻道集合中時(shí),確定在展示區(qū)域展示m個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為豎圖展示模式標(biāo)志。
第二確定單元,用于當(dāng)存在n個(gè)視頻的頻道不均屬于預(yù)設(shè)頻道集合中時(shí),確定在展示區(qū)域展示n個(gè)視頻對(duì)應(yīng)的封面圖片的展示模式標(biāo)志為橫圖展示模式標(biāo)志。
需要說明的是,本發(fā)明實(shí)施例的裝置是應(yīng)用上述圖片展示方法的裝置,則上述圖片展示方法的所有實(shí)施例均適用于該裝置,且均能達(dá)到相同或相似的有益效果。
需要說明的是,在本文中,諸如第一和第二等之類的關(guān)系術(shù)語僅僅用來將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來,而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且,術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者設(shè)備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者設(shè)備所固有的要素。在沒有更多限制的情況下,由語句“包括一個(gè)……”限定的要素,并不排除在包括所述要素的過程、方法、物品或者設(shè)備中還存在另外的相同要素。
本說明書中的各個(gè)實(shí)施例均采用相關(guān)的方式描述,各個(gè)實(shí)施例之間相同相似的部分互相參見即可,每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處。尤其,對(duì)于系統(tǒng)實(shí)施例而言,由于其基本相似于方法實(shí)施例,所以描述的比較簡(jiǎn)單,相關(guān)之處參見方法實(shí)施例的部分說明即可。
以上所述僅為本發(fā)明的較佳實(shí)施例而已,并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換、改進(jìn)等,均包含在本發(fā)明的保護(hù)范圍內(nèi)。