一種顯示資源的摘要圖片的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及多媒體技術(shù)領(lǐng)域，更具體地，涉及一種顯示資源的摘要圖片的方法和
目.0
【背景技術(shù)】
[0002]隨著多媒體技術(shù)的不斷發(fā)展，越來越多的用戶使用視頻上傳的功能，將自己截取或制作的視頻上傳至視頻網(wǎng)站。視頻網(wǎng)站會(huì)把每個(gè)上傳的視頻以摘要圖片的方式進(jìn)行顯示，以供用戶瀏覽和選擇。通常，將各個(gè)摘要圖片按行顯示。
[0003]每個(gè)資源的摘要圖片的高度與相應(yīng)的資源的長度相對應(yīng)，資源的長度不一樣，就會(huì)導(dǎo)致每個(gè)摘要圖片的高度不一樣。由于在每列中，上下圖片是緊貼著排列(中間可間隔固定的空隙)，如圖1中的摘要圖片1、摘要圖片5和摘要圖片6。這樣就會(huì)出現(xiàn)這種情況，即如果某一列的資源的外框尺寸都比較小，會(huì)出現(xiàn)“串行現(xiàn)象”，如果資源是按照相關(guān)度進(jìn)行排序，那么就會(huì)出現(xiàn)下一行相關(guān)度較低的資源排在了上一行，出現(xiàn)了插入的現(xiàn)象。如圖1中的第二列，摘要圖片2、摘要圖片6和摘要圖片10的高都比較小，導(dǎo)致在第三行的摘要圖片10幾乎視覺上處于第二行，即發(fā)生了串行。

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

[0004]有鑒于此，本發(fā)明實(shí)施例的目的是提出一種顯示資源的摘要圖片的方法和裝置，能夠避免串行現(xiàn)象的發(fā)生。
[0005]為了達(dá)到上述目的，本發(fā)明實(shí)施例提出一種顯示資源的摘要圖片的方法，包括以下步驟:
[0006]將各資源的摘要圖片按行顯示，其中，摘要圖片的高與摘要圖片對應(yīng)的資源的長度相對應(yīng)；
[0007]判斷每一行中的摘要圖片是否在預(yù)設(shè)范圍內(nèi)對齊；
[0008]將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，以使摘要圖片在預(yù)設(shè)范圍內(nèi)對齊。
[0009]在本發(fā)明一實(shí)施例中，所述判斷每一行中的摘要圖片是否在預(yù)設(shè)范圍內(nèi)對齊，包括:
[0010]判斷摘要圖片的下邊緣是否高于相鄰的摘要圖片的上邊緣以下預(yù)設(shè)距離的高度；當(dāng)摘要圖片的下邊緣高于相鄰的摘要圖片的上邊緣以下預(yù)設(shè)距離的高度時(shí)，確認(rèn)摘要圖片未在預(yù)設(shè)范圍內(nèi)對齊。
[0011]在本發(fā)明一實(shí)施例中，所述將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，包括:當(dāng)相鄰的摘要圖片的高大于未對齊的摘要圖片的高時(shí)，將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換。
[0012]在本發(fā)明一實(shí)施例中，將未對齊的摘要圖片與相鄰的摘要圖片中的高較大的摘要圖片進(jìn)行交換。
[0013]在本發(fā)明一實(shí)施例中，所述將各資源的摘要圖片按行顯示，包括:
[0014]將各資源的摘要圖片進(jìn)行編號(hào)；
[0015]根據(jù)編號(hào)的順序?qū)⒏髻Y源的摘要圖片按行顯示。
[0016]本發(fā)明實(shí)施例還提出一種顯示資源的摘要圖片的裝置，包括:
[0017]顯示模塊，用于將各資源的摘要圖片按行顯示，其中，摘要圖片的高與摘要圖片對應(yīng)的資源的長度相對應(yīng)；
[0018]判斷模塊，用于判斷每一行中的摘要圖片是否在預(yù)設(shè)范圍內(nèi)對齊；
[0019]交換模塊，用于將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，以使摘要圖片在預(yù)設(shè)范圍內(nèi)對齊。
[0020]在本發(fā)明一實(shí)施例中，所述判斷模塊還用于:
[0021]判斷摘要圖片的下邊緣是否高于相鄰的摘要圖片的上邊緣以下預(yù)設(shè)距離的高度；當(dāng)摘要圖片的下邊緣高于相鄰的摘要圖片的上邊緣以下預(yù)設(shè)距離的高度時(shí)，確認(rèn)摘要圖片未在預(yù)設(shè)范圍內(nèi)對齊。
[0022]在本發(fā)明一實(shí)施例中，所述交換模塊還用于:
[0023]當(dāng)相鄰的摘要圖片的高大于未對齊的摘要圖片的高時(shí)，將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換。
[0024]在本發(fā)明一實(shí)施例中，所述交換模塊還用于:
[0025]將未對齊的摘要圖片與相鄰的摘要圖片中的高較大的摘要圖片進(jìn)行交換。
[0026]在本發(fā)明一實(shí)施例中，所述顯示模塊包括:
[0027]編號(hào)子模塊，用于將各資源的摘要圖片進(jìn)行編號(hào)；
[0028]顯示子模塊，用于根據(jù)編號(hào)的順序?qū)⒏髻Y源的摘要圖片按行顯示。
[0029]本發(fā)明實(shí)施例提供的技術(shù)方案可以包括以下有益效果:
[0030]本發(fā)明實(shí)施例中通過將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，以使摘要圖片在預(yù)設(shè)范圍內(nèi)對齊，來避免一行中因某個(gè)摘要圖片的下邊緣特別高而導(dǎo)致的串行現(xiàn)象。
[0031]本發(fā)明實(shí)施例的其它特征和優(yōu)點(diǎn)將在隨后的說明書中闡述，并且，部分地從說明書中變得顯而易見，或者通過實(shí)施本發(fā)明而了解。本發(fā)明的目的和其他優(yōu)點(diǎn)可通過在所寫的說明書、權(quán)利要求書、以及附圖中所特別指出的結(jié)構(gòu)來實(shí)現(xiàn)和獲得。
[0032]下面通過附圖和實(shí)施例，對本發(fā)明實(shí)施例的技術(shù)方案做進(jìn)一步的詳細(xì)描述。
【附圖說明】
[0033]附圖用來提供對本發(fā)明實(shí)施例的進(jìn)一步理解，并且構(gòu)成說明書的一部分，與本發(fā)明的實(shí)施例一起用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明實(shí)施例的限制。在附圖中:
[0034]圖1是示例性的顯示了資源的摘要圖片的示意圖。
[0035]圖2是本發(fā)明一實(shí)施例中的顯示資源的摘要圖片的方法的流程圖。
[0036]圖3是本發(fā)明一實(shí)施例中的顯示資源的摘要圖片的方法的流程圖。
[0037]圖4是本發(fā)明一實(shí)施例中的判斷摘要圖片是否與相鄰的摘要圖片在預(yù)設(shè)范圍內(nèi)對齊的不意圖。
[0038]圖5是本發(fā)明一實(shí)施例中交換圖4中的摘要圖片10和摘要圖片9之后的示意圖。
[0039]圖6是本發(fā)明一實(shí)施例中顯示資源的摘要圖片的裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0040]以下結(jié)合附圖對本發(fā)明的優(yōu)選實(shí)施例進(jìn)行說明，應(yīng)當(dāng)理解，此處所描述的優(yōu)選實(shí)施例僅用于說明和解釋本發(fā)明實(shí)施例，并不用于限定本發(fā)明實(shí)施例。
[0041]如圖2所示為本發(fā)明實(shí)施例中的顯示資源的摘要圖片的方法的流程圖，該方法包括:
[0042]步驟S21:將各資源的摘要圖片按行顯示，其中，摘要圖片的高與摘要圖片對應(yīng)的資源的長度相對應(yīng)。
[0043]步驟S22:判斷每一行中的摘要圖片是否在預(yù)設(shè)范圍內(nèi)對齊。
[0044]步驟S23:將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，以使摘要圖片在預(yù)設(shè)范圍內(nèi)對齊。
[0045]本發(fā)明實(shí)施例中，判斷每一行中的摘要圖片是否在預(yù)設(shè)范圍內(nèi)對齊，可以是判斷摘要圖片的下邊緣是否與同一行中相鄰的摘要圖片的下邊緣對齊，即為一條直線。也可以是判斷摘要圖片的下邊緣是否與同一行中的相鄰的摘要圖片在一定范圍內(nèi)對齊。當(dāng)摘要圖片的下邊緣未與相鄰的摘要圖片在一定范圍內(nèi)對齊時(shí)，說明該摘要圖片的下邊緣在其所在行中處于較高的位置，容易被視為串行。本發(fā)明實(shí)施例中通過將未對齊的摘要圖片與相鄰的摘要圖片進(jìn)行交換，以使摘要圖片在預(yù)設(shè)范圍內(nèi)對齊，來避免一行中因某個(gè)摘要圖片的下邊緣特別高而導(dǎo)致的串行現(xiàn)象。
[0046]如圖3所示為本發(fā)明另一實(shí)施例提供的顯示資源的摘要圖片的方法的流程圖，在該實(shí)施例中，包括以下步驟:
[0047]步驟S31:將各資源的摘要圖片進(jìn)行編號(hào)，其中，摘要圖片的高與摘要圖片對應(yīng)的資源的長度相對應(yīng)。
[0048]每一幅摘要圖片中可以包括截取的視頻的一幀畫面、視頻的名稱、上傳時(shí)間、視頻長度等信息。
[0049]步驟S32:根據(jù)編號(hào)的順序?qū)⒏髻Y源的摘要圖片按行顯示。
[0050]將資源的摘要圖片進(jìn)行編號(hào)，以及根據(jù)編號(hào)的順序?qū)⒄獔D片按行顯示的好處在于，可以根據(jù)編號(hào)準(zhǔn)確無誤地確定每幅摘要圖片的左和右相鄰的圖片，特別是當(dāng)發(fā)生串行現(xiàn)象時(shí)。
[0051]步驟S33:對于每一行中的每個(gè)摘要圖片A，判斷摘要圖片A的下邊緣是否高于相鄰的摘要圖片的上邊緣以下預(yù)設(shè)距離的高度，若是，執(zhí)行步驟S34;若否，則結(jié)束。
[0052]如圖4所示，摘要圖片6的下邊緣低于同一行中相鄰的摘要圖片5的上邊緣以下預(yù)設(shè)距離的高度(見圖4中線I所示的高度示意線)，說明摘要圖片6還不太偏離該行，不容易被視為串行。因此，摘要圖片6與相鄰的摘要圖片5在預(yù)設(shè)范圍內(nèi)對齊。