本申請要求2015年5月20日向韓國知識產(chǎn)權(quán)局提交的韓國專利申請10-2015-0070649的優(yōu)先權(quán)，該申請的公開通過全文引用合并于此。

技術(shù)領(lǐng)域

示例性實施例的方面涉及電子裝置及其控制方法，更具體地，涉及根據(jù)預(yù)定參考來布置聲音內(nèi)容的電子裝置及其控制方法。

背景技術(shù)：

近年來，隨著電子技術(shù)的發(fā)展，開發(fā)并發(fā)布了各種類型的電子產(chǎn)品。具體地，在普通家庭中已經(jīng)廣泛使用各種顯示裝置，如電視(TV)、移動電話、PC、筆記本PC和PDA等。

隨著使用的顯示裝置的數(shù)量增加，存在對顯示裝置各種功能的越來越多的需要。因此，通過提供具有新功能的產(chǎn)品，制造商致力于滿足這些用戶需要。

由于顯示裝置執(zhí)行的各種功能變得多樣化，用戶需要獲取并記住大量數(shù)據(jù)，以便使用由顯示裝置執(zhí)行的那些功能。

具體地，如果用戶希望搜索各種聲音內(nèi)容中的一個聲音內(nèi)容，用戶需要記住所期望的聲音內(nèi)容的專輯名，這就帶來了不便。

因此，提出了一種允許更直觀和感性地搜索聲音內(nèi)容的方法。

技術(shù)實現(xiàn)要素：

示例實施例的一個方面涉及使用聲音內(nèi)容的主顏色值來布置聲音內(nèi)容的電子裝置以及控制方法。

根據(jù)示例實施例，提供一種電子裝置，包括：被配置為提供用戶界面(UI)屏幕的用戶界面單元；處理器，所述處理器被配置為從多 個聲音內(nèi)容中的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值，并通過用戶界面單元提供UI屏幕，在所述UI屏幕中基于主顏色值按照顏色布置了表示所述多個聲音內(nèi)容的標(biāo)識圖像。

處理器可以將根據(jù)標(biāo)識圖像所包括的像素的像素值而計算出的平均顏色值、和標(biāo)識圖像所包括的對象中超過預(yù)定大小的至少一個對象的平均顏色值中的至少一個確定為主顏色值。

標(biāo)識圖像可以包括聲音內(nèi)容的專輯圖像、縮略圖像和圖標(biāo)圖像中的至少一個。

處理器可以顯示表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像，并且響應(yīng)于預(yù)定事件發(fā)生，基于所述多個標(biāo)識圖像的主顏色值按照顏色對所述多個標(biāo)識圖像進(jìn)行排序。

用戶界面單元可以提供用于瀏覽按照顏色布置的所述多個聲音內(nèi)容的用戶界面區(qū)域、以及用于引導(dǎo)根據(jù)滾動交互而選擇的聲音內(nèi)容的位置的滾動UI。

處理器可以從布置在用戶界面區(qū)域中的所述多個聲音內(nèi)容中確定與滾動UI的位置相對應(yīng)的聲音內(nèi)容，并回放所述聲音內(nèi)容。

處理器可以將按照顏色布置的所述多個聲音內(nèi)容映射到用戶界面區(qū)域的水平方向，將與所述多個聲音內(nèi)容的每個聲音內(nèi)容有關(guān)的信息映射到用戶界面區(qū)域的豎直方向，并對應(yīng)于水平方向和豎直方向之一，確定與通過用戶交互而選擇的區(qū)域相對應(yīng)的聲音內(nèi)容和與該聲音內(nèi)容有關(guān)的信息中的一個。

響應(yīng)于根據(jù)用戶交互選擇按照顏色布置的所述多個聲音內(nèi)容中之一，處理器可以在所選擇的聲音內(nèi)容的主顏色值被處理為沿豎直方向漸變的區(qū)域上，提供與所選擇的聲音內(nèi)容有關(guān)的信息。

根據(jù)示例實施例，提供一種電子裝置的控制方法，所述電子裝置包括提供UI屏幕的用戶界面單元，所述方法包括：從多個聲音內(nèi)容中的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值；以及通過用戶界面單元提供UI屏幕，在所述UI屏幕中基于主顏色值按照顏色布置了表示所述多個聲音內(nèi)容的標(biāo)識圖像。

提供UI屏幕可以包括將根據(jù)標(biāo)識圖像所包括的像素的像素值而 計算出的平均顏色值、和標(biāo)識圖像所包括的對象中超過預(yù)定大小的至少一個對象的平均顏色值中的至少一個確定為主顏色值。

標(biāo)識圖像可以包括聲音內(nèi)容的專輯圖像、縮略圖像和圖標(biāo)圖像中的至少一個。

所述方法還可以包括：顯示表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像，并且響應(yīng)于預(yù)定事件發(fā)生，基于所述多個標(biāo)識圖像的主顏色值按照顏色對所述多個標(biāo)識圖像進(jìn)行排序。

所述方法還可以包括：從多個聲音內(nèi)容中確定與用于引導(dǎo)根據(jù)滾動交互選擇的聲音內(nèi)容的位置的滾動UI的位置相對應(yīng)的聲音內(nèi)容，并回放所述聲音內(nèi)容，其中所述多個聲音內(nèi)容布置在用于瀏覽按照顏色布置的所述多個聲音內(nèi)容的用戶界面區(qū)域中。

所述方法還可以包括：將按照顏色布置的所述多個聲音內(nèi)容映射到用戶界面區(qū)域的水平方向，將與所述多個聲音內(nèi)容的每個聲音內(nèi)容有關(guān)的信息映射到用戶界面區(qū)域的豎直方向，并對應(yīng)于水平方向和豎直方向之一，確定與通過用戶交互而選擇的區(qū)域相對應(yīng)的聲音內(nèi)容和與該聲音內(nèi)容有關(guān)的信息中的一個。

所述方法還可以包括：響應(yīng)于根據(jù)用戶交互選擇按照顏色布置的所述多個聲音內(nèi)容之一，在所選擇的聲音內(nèi)容的主顏色值被處理為沿豎直方向漸變的區(qū)域上，提供與所選擇的聲音內(nèi)容有關(guān)的信息。

根據(jù)示例實施例，提供存儲用于執(zhí)行方法的程序的非暫時性計算機(jī)可讀介質(zhì)，所述方法包括：從多個聲音內(nèi)容中的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值，以及提供基于主顏色值按照顏色布置了表示所述多個聲音內(nèi)容的標(biāo)識圖像的用戶界面屏幕。

根據(jù)示例實施例，提供一種電子裝置，所述電子裝置包括：被配置為顯示圖形用戶界面(GUI)的顯示器和產(chǎn)生在顯示器上顯示的圖形用戶界面的處理器；所述圖形用戶界面包括表示各個聲音內(nèi)容的標(biāo)識圖像以及與各個聲音內(nèi)容有關(guān)的描述信息，其中，所述標(biāo)識圖像按照圖像的平均顏色來布置，所述圖像布置在顯示器的水平軸和縱軸中的一個軸上，并且所述描述信息布置在水平軸和縱軸中的另一個軸上。

根據(jù)各種示例實施例，用戶可以在不依賴他/她的記憶的情況下， 更直觀和感性地搜索聲音內(nèi)容，因而提高了用戶便利性。

附圖說明

通過參考附圖描述本發(fā)明構(gòu)思的特定示例實施例，本發(fā)明構(gòu)思的以上和/或其他方面將更為清晰，附圖中：

圖1是示出根據(jù)示例實施例的電子裝置的配置的框圖；

圖2和圖3是示出提取主顏色值的示例實施例的視圖；

圖4A至圖4D是示出根據(jù)各示例實施例的基于顏色來布置聲音內(nèi)容的縮略圖像的UI屏幕的視圖；

圖5是示出根據(jù)示例實施例的對顯示的多個標(biāo)識圖像進(jìn)行排序的UI屏幕的視圖；

圖6是詳細(xì)示出圖1的電子裝置的配置的框圖；

圖7是示出根據(jù)示例實施例的存儲在存儲器中的軟件模塊的視圖；

圖8和圖9是用于說明根據(jù)各種示例實施例實現(xiàn)的裝置的視圖；

圖10和圖11是用于說明示例實施例的視圖；

圖12是用于說明根據(jù)示例性實施例的電子裝置的控制方法的流程圖；以及

圖13A至圖13B是示出根據(jù)示例實施例的可基于布置方向改變的UI屏幕的視圖。

具體實施方式

現(xiàn)在將詳細(xì)參考實施例，實施例的示例在附圖中示出，其中全文中相同的附圖標(biāo)記指代相同的要素。下文通過參考附圖來描述實施例以說明本發(fā)明。

以下參考附圖更詳細(xì)地描述特定示例實施例。在以下描述中，不再詳細(xì)描述公知的功能或結(jié)構(gòu)，因為它們可能以不必要的細(xì)節(jié)混淆本申請。說明書中的術(shù)語被定義為考慮到根據(jù)示例實施例的功能。然而，可以在不需要可能根據(jù)用戶、意圖或操作方的關(guān)系而改變的具體定義內(nèi)容的情況下實施示例實施例。因此，術(shù)語應(yīng)被定義為考慮到說明書的整體內(nèi)容。

圖1是示出根據(jù)示例實施例的電子裝置的配置的框圖。

參考圖1，電子裝置100包括用戶界面單元(UI)110和處理器120。這里，顯示裝置100可以實現(xiàn)為各種類型的電子裝置，例如電視、電子黑板、電子表格、大型顯示器(LFD)、智能電話、平板、臺式PC、筆記本PC、揚聲器等。

用戶界面單元110(例如顯示器)可以提供UI屏幕。這里，UI屏幕指的是顯示與用戶操控有關(guān)的所有信息的屏幕。例如，如果電子裝置100被實現(xiàn)為電視(TV)，則用戶界面單元110可以被實現(xiàn)為顯示器。此外，用戶界面單元110不僅提供UI屏幕，還包括用于用戶界面的用戶界面區(qū)(或是圖形用戶界面的圖形用戶界面區(qū))，所述用戶界面區(qū)顯示用于接收用戶操控的操縱桿和與輸入的用戶操控有關(guān)的系統(tǒng)響應(yīng)，稍后將對其進(jìn)行描述。

處理器120可以從多個聲音內(nèi)容中的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值。這里，每個聲音內(nèi)容的標(biāo)識圖像可以包括聲音內(nèi)容的專輯圖像、縮略圖像和圖標(biāo)圖像中的至少一個。例如，如果在用戶界面單元110上顯示對應(yīng)于專輯封套的圖像，則可以以縮略圖或圖標(biāo)的形式顯示對應(yīng)于專輯封套的圖像，所述縮略圖或圖標(biāo)可以是用于標(biāo)識與專輯封套相對應(yīng)的聲音內(nèi)容的圖像。

聲音內(nèi)容可以指代單個音樂文件，例如音樂文件、音樂專輯、有關(guān)音樂的視頻專輯、包括多個音樂文件的音樂專輯或者包括有關(guān)音樂的圖像文件以及多個圖像文件的圖像專輯，而不僅僅是音樂文件。本說明書中，將基于聲音內(nèi)容是音樂專輯這一假設(shè)來描述示例實施例。

處理器120可以將根據(jù)標(biāo)識圖像所包括的像素的像素值而計算出的平均顏色值和標(biāo)識圖像所包括的對象中大小超過預(yù)定大小的至少一個對象的平均顏色值中的至少一個確定為主顏色值。

圖2和圖3是示出提取主顏色值的示例實施例的視圖。

圖2示出了可以在用戶界面單元110上顯示的聲音內(nèi)容的縮略圖像200，所述縮略圖像200包括多個像素。

這里，一個像素210包括像素值，并且處理器120可以對每個像素的像素值求和并計算平均顏色值。

例如，一個像素210的像素值可以表示為#RRGGBB值，如果總共存在1024個像素，則可以對這1024個像素的#RRGGBB值求和，以計算縮略圖像200的平均顏色值。

處理器120可以將計算的平均顏色值確定為縮略圖像200的主顏色值。

圖3示出了可以在用戶界面單元110上顯示的聲音內(nèi)容的縮略圖像200，所述縮略圖像200可以包括至少一個對象。

這里，處理器120可以將縮略圖像200所包括的對象中大小超過預(yù)定大小的至少一個對象的平均顏色值的至少一個確定為主顏色值。

例如，假設(shè)縮略圖像200包括對應(yīng)于山的對象和對應(yīng)于人的對象，并且對應(yīng)于山的對象的大小超過預(yù)定大小，而對應(yīng)于人的對象的大小不超過預(yù)定大小。該情形中，處理器120可以將大小超過預(yù)定值的對應(yīng)于山的對象的平均顏色值確定為縮略圖像200的主顏色值。

圖3中，縮略圖像200包括文本“OOO music(音樂)”和對應(yīng)于人的對象220，并且處理器120可以確定對應(yīng)于人的對象220的大小超過預(yù)定大小，根據(jù)對應(yīng)于人的對象220中包括的多個像素的像素值來計算平均顏色值，并將計算的與對應(yīng)于人的對象220相對應(yīng)的平均顏色值確定為主顏色值。這里，計算與對應(yīng)于人的對象220相對應(yīng)的平均顏色值的處理和圖2描述的處理相同。

與此同時，處理器120可以通過用戶界面單元110提供UI屏幕，在所述UI屏幕中基于計算的主顏色值布置了表示多個聲音內(nèi)容的標(biāo)識圖像。

例如，如果假設(shè)表示第一聲音內(nèi)容的縮略圖像的主顏色值是紅色，表示第二聲音內(nèi)容的縮略圖像的主顏色值是紅色，表示第三聲音內(nèi)容的縮略圖像的主顏色值是黃色，表示第四聲音內(nèi)容的縮略圖像的主顏色值是藍(lán)色以及表示第五聲音內(nèi)容的縮略圖像的主顏色值是黃色，則處理器120可以提供如下UI屏幕，在該UI屏幕中，第一聲音內(nèi)容和第二聲音內(nèi)容布置在相同區(qū)域、第三聲音內(nèi)容和第五聲音內(nèi)容布置在相同區(qū)域并且第四聲音內(nèi)容被單獨布置。

這里，例如，布置有第一聲音內(nèi)容的縮略圖像和第二聲音內(nèi)容的 縮略圖像的區(qū)域可以包括紅色，顯示有第三聲音內(nèi)容的縮略圖像和第五聲音內(nèi)容的縮略圖像的區(qū)域可以包括黃色，并且布置有第五聲音內(nèi)容的縮略圖像的區(qū)域可以包括藍(lán)色。

此外，可以根據(jù)用戶操控改變對布置有第一聲音內(nèi)容的縮略圖像和第二聲音內(nèi)容的縮略圖像的區(qū)域、布置有第三聲音內(nèi)容的縮略圖像和第五聲音內(nèi)容的縮略圖像的區(qū)域以及布置有第五聲音內(nèi)容的縮略圖像的區(qū)域進(jìn)行布置的順序。

圖4A至圖4D是示出根據(jù)各示例實施例的基于顏色來布置聲音內(nèi)容的縮略圖像的UI屏幕的視圖。

圖4示出了譜圖(spectrum)400，其中按照顏色布置有包括不同顏色的多個區(qū)域410、420、430、440、450、460、470、480，并且每個區(qū)域中布置有至少一個聲音內(nèi)容的縮略圖像。這里，譜圖400被定義為包括不同顏色的多個區(qū)域410、420、430、440、450、460、470、480的列表。

例如，第一區(qū)域410可以是包括黑色的區(qū)域，第二區(qū)域420可以是包括紫色的區(qū)域，第三區(qū)域430可以是包括深藍(lán)色的區(qū)域，第四區(qū)域440可以是包括藍(lán)色的區(qū)域，第五區(qū)域450可以是包括綠色的區(qū)域，第六區(qū)域460可以是包括黃色的區(qū)域，第七區(qū)域470可以是包括橙色的區(qū)域并且第八區(qū)域480可以是包括紅色的區(qū)域。圖4A中，包括各個顏色的區(qū)域被布置為彩虹色的順序，但這僅是示例。顏色的順序可以根據(jù)用戶操控來改變。

基于每個縮略圖像的主顏色值，可以將多個聲音內(nèi)容的縮略圖像布置在多個區(qū)域410、420、430、440、450、460、470、480的對應(yīng)區(qū)域，相應(yīng)地，可以按照顏色來布置多個聲音內(nèi)容的縮略圖像。

圖4A中，聲音內(nèi)容的縮略圖像481、482、483布置在包括紅色的區(qū)域480中，這意味著聲音內(nèi)容的縮略圖像481、482、483的主顏色值是紅色。

由此，通過將主顏色值相似的聲音內(nèi)容的縮略圖像布置在單個區(qū)域中，可以按照顏色來布置多個聲音內(nèi)容的縮略圖像。

與此同時，在第一區(qū)域410和第二區(qū)域420相連的區(qū)域中，可以對 第一區(qū)域410的顏色和第二區(qū)域420的顏色進(jìn)行漸變處理，使得第一區(qū)域410和第二區(qū)域420可以平滑地相連，這可以應(yīng)用于其他區(qū)域的連接區(qū)域。

因此，當(dāng)選擇多個聲音內(nèi)容中的一個聲音內(nèi)容時，用戶可以基于占據(jù)專輯封套圖像中的顯著部分的顏色來搜索期望的聲音內(nèi)容。

與此同時，參考圖4B，當(dāng)包括不同顏色的多個區(qū)域按照顏色布置在用戶界面單元110上，并且每個區(qū)域都與圖4A中示出的至少一個聲音內(nèi)容的縮略圖像匹配時，如果用戶界面裝置10(如操縱桿)位于多個區(qū)域中的一個區(qū)域中，則可以顯示與對應(yīng)區(qū)域匹配的縮略圖像20。換句話說，分別與多個區(qū)域匹配的聲音內(nèi)容的縮略圖像可以不連續(xù)顯示，替代地，可以僅顯示與用戶界面裝置10(如操縱桿)所在區(qū)域匹配的聲音內(nèi)容的縮略圖像20。

此外，參考圖4C，與圖4B不同，當(dāng)包括不同顏色的多個區(qū)域按照顏色布置在用戶界面單元110上，并且每個區(qū)域都與至少一個聲音的縮略圖像匹配時，如果用戶界面裝置10(如操縱桿)位于多個區(qū)域中的一個區(qū)域中，則可以顯示對應(yīng)于該區(qū)域的顏色30。換句話說，不同于圖4中顯示與用戶界面裝置10(如操縱桿)所在區(qū)域匹配的聲音內(nèi)容的縮略圖像20，可以顯示對應(yīng)于該區(qū)域的顏色30，并且該顏色30和與對應(yīng)區(qū)域匹配的聲音內(nèi)容的縮略圖像20的主顏色值相同。

與此同時，不同于圖4A中布置和顯示與譜圖400(包括含有不同顏色的多個區(qū)域410、420、430、440、450、460、470、480的)中的每個區(qū)域匹配的至少一個聲音內(nèi)容的縮略圖像，圖4D示出了在用戶界面單元110上僅顯示按照顏色布置了包括不同顏色的多個區(qū)域的譜圖。這里，不同顏色對應(yīng)于多個區(qū)域中的每個區(qū)域所包括的聲音內(nèi)容的縮略圖像的主顏色值，并且處理器120可以在不顯示聲音內(nèi)容的縮略圖像的情況下，自動回放與用戶界面裝置10(如操縱桿)所在區(qū)域的顏色相對應(yīng)的聲音內(nèi)容。當(dāng)然，如果用戶界面裝置10(如操縱桿)位于一個區(qū)域中，處理器120可以確定對應(yīng)區(qū)域的顏色并顯示包括所確定的顏色的至少一個聲音內(nèi)容的縮略圖像，以便用戶可以選擇期望的聲音內(nèi)容。

因此，用戶可以基于在用戶界面單元110上顯示的多個顏色來搜索對應(yīng)于各個顏色的聲音內(nèi)容，而不必查看聲音內(nèi)容的縮略圖像。

與此同時，在上述示例實施例中，處理器120提供按照顏色布置了表示多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕，但是處理器120可以顯示表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像，并且如果發(fā)生預(yù)定事件，則可以基于多個標(biāo)識圖像的主顏色值，按照顏色對所述多個標(biāo)識圖像進(jìn)行排序。

圖5是示出根據(jù)示例實施例的對顯示的多個標(biāo)識圖像進(jìn)行排序的UI屏幕的視圖。

參考圖5，在豎直布置多個音樂專輯封套的縮略圖像的同時，可以顯示用于選擇每個音樂專輯的圖形用戶界面(GUI)，并且可以通過用戶界面單元110顯示UI屏幕510，所述UI屏幕510上顯示了用于根據(jù)發(fā)布日期來布置專輯的發(fā)布日期布置標(biāo)簽520、用于基于專輯名稱按照字母順序來布置專輯的字母順序布置標(biāo)簽530、以及用于基于專輯封套的縮略圖像的主顏色值來布置專輯的顏色布置標(biāo)簽540。

因此，在顯示表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像時，如果根據(jù)UI屏幕510上的用戶操控而發(fā)生了選擇顏色布置標(biāo)簽540的預(yù)定事件，則可以基于多個標(biāo)識圖像的主顏色值，按照顏色對所述多個標(biāo)識圖像進(jìn)行排序。

與此同時，圖5中顯示了對表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像進(jìn)行排序的顏色布置標(biāo)簽540，如果用戶選擇顏色布置標(biāo)簽540，則處理器120可以按照顏色對多個標(biāo)識圖像進(jìn)行排序。然而，當(dāng)用戶從左向右搖動電子裝置100或輸入“按照顏色布置”的語音命令時，處理器120可以對多個標(biāo)識圖像進(jìn)行排序。

圖6是示出了圖1中的電子裝置的具體配置的框圖。

參考圖6，電子裝置100包括用戶界面單元110、處理器120、輸入單元130、存儲器140、傳感器150和音頻處理器160。將不提供關(guān)于與圖1重復(fù)的元件的詳細(xì)描述。

處理器120控制電子裝置100的總體操作。

具體地，處理器120包括RAM 121、ROM 122、主CPU 123、圖形 處理器124、第一接口125-1到第n接口125-n、以及總線126。

RAM 121、ROM 122、主CPU 123、圖形處理器124以及第一接口125-1到第n接口125-n等可以通過總線126相互連接。

第一接口125-1到第n接口125-n連接到上述各種元件。所述接口之一可以是經(jīng)由網(wǎng)絡(luò)連接到外部裝置的網(wǎng)絡(luò)接口。

主CPU 123訪問存儲器140，并使用存儲器140中存儲的操作系統(tǒng)(O/S)執(zhí)行啟動。此外，主CPU 123使用存儲器140中存儲的各種程序、內(nèi)容、數(shù)據(jù)等來執(zhí)行各種操作。

ROM 122存儲用于系統(tǒng)啟動的命令集。如果輸入開機(jī)命令并提供電力，則主CPU 123根據(jù)ROM 122中存儲的命令將存儲器140中存儲的O/S復(fù)制到RAM 121中，并通過執(zhí)行O/S來啟動系統(tǒng)。當(dāng)完成啟動時，主CPU 123將存儲器140中存儲的各種應(yīng)用程序復(fù)制到RAM 121中，并執(zhí)行復(fù)制到RAM 121中的應(yīng)用程序以執(zhí)行各種操作。

圖形處理器124使用計算單元(未示出)和渲染單元(未示出)生成包括各種對象(例如，圖標(biāo)、圖像、文本等)的屏幕。計算單元使用從輸入單元接收的控制命令來計算將根據(jù)屏幕布局而顯示的每個對象的屬性值，例如坐標(biāo)、形狀、大小以及顏色。渲染單元基于由計算單元計算的屬性值來生成包括對象在內(nèi)的具有各種布局的屏幕。渲染單元生成的屏幕可以通過用戶界面單元110來顯示。

具體地，圖形處理器124可以顯示多個聲音內(nèi)容中的每個聲音內(nèi)容的標(biāo)識圖像，并執(zhí)行顯示從每個標(biāo)識圖像中提取的主顏色值的功能。

與此同時，可以通過存儲器140中存儲的程序來執(zhí)行上述處理器120的操作。

存儲器140存儲各種數(shù)據(jù)，例如驅(qū)動電子裝置100’的操作系統(tǒng)(O/S)、軟件模塊和各種多媒體內(nèi)容。

具體地，存儲器140包括用于提供UI屏幕的各種軟件模塊，在所述UI屏幕中，處理器120從多個聲音內(nèi)容的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值，并基于主顏色值來布置表示多個聲音內(nèi)容的標(biāo)識，將參考圖7對此進(jìn)行詳細(xì)描述。

與此同時，傳感器150可以包括各種傳感器，例如用于檢測觸摸 的觸摸傳感器、用于檢測用戶移動的運動傳感器。此外，傳感器150還可以包括用于檢測電子筆的移動和軌跡的傳感器。

音頻處理器160可以根據(jù)與輸出范圍和聲音質(zhì)量有關(guān)的用戶設(shè)置來處理音頻信號。此外，音頻處理器160可以通過回放所選擇的聲音內(nèi)容來輸出音頻信號。

電子裝置100’可以實現(xiàn)為諸如電視、PDA、筆記本PC、臺式PC、智能電話、揚聲器等的裝置。

圖7是示出根據(jù)示例實施例的存儲在存儲器中的軟件模塊的視圖。

參考圖7，存儲器140可以存儲程序，例如感測模塊141、通信模塊142、主顏色值計算模塊143、UI屏幕生成模塊144、音樂內(nèi)容確定模塊145等。

與此同時，可以通過存儲器140中存儲的程序來執(zhí)行上述處理器120的操作。以下將詳細(xì)描述使用存儲在存儲器140中的程序的處理器130的具體操作。

感測模塊141從各種傳感器收集信息，分析并管理收集的信息。這里，感測模塊141可以包括距離識別模塊、觸摸識別模塊、頭部方向識別模塊、面部識別模塊、語音識別模塊、運動識別模塊、NFC識別模塊等。

通信模塊142與外部執(zhí)行通信。通信模塊142可以包括用于與外部裝置進(jìn)行通信的設(shè)備模塊、消息模塊(例如，信使程序、短消息服務(wù)(SMS)及多媒體消息服務(wù)(MMS)程序、電子郵件程序等)和電話模塊(包括呼叫信息聚合器程序模塊、VoIP模塊等)。

具體地，根據(jù)示例實施例的通信模塊142可以從外部服務(wù)器或外部裝置接收聲音內(nèi)容和與聲音內(nèi)容有關(guān)的信息。

主顏色值計算模塊143執(zhí)行從多個聲音內(nèi)容的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值的功能。具體地，主顏色值計算模塊143可以執(zhí)行以下功能：將根據(jù)標(biāo)識圖像所包括的像素的像素值而計算出的平均顏色值、以及標(biāo)識圖像所包括的對象中大小超過預(yù)定大小的至少一個對象的平均顏色值中的至少一個確定為主顏色值。

UI屏幕生成模塊144可以執(zhí)行生成UI屏幕的功能，在所述UI屏幕 中按照顏色布置表示多個聲音內(nèi)容的標(biāo)識圖像。

音樂內(nèi)容確定模塊145可以執(zhí)行以下功能：從布置并顯示在用戶界面單元110中的多個聲音內(nèi)容中確定與滾動UI的位置相對應(yīng)的聲音內(nèi)容，下文將對此進(jìn)行詳細(xì)描述。

由此，處理器130可以通過使用存儲器140中存儲的各種軟件模塊，從多個聲音內(nèi)容的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值，并提供基于主顏色值按照顏色布置了表示多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕。

與此同時，用戶界面單元110可以提供用于瀏覽按照顏色布置的多個聲音內(nèi)容的用戶界面區(qū)域，以及用于引導(dǎo)根據(jù)滾動交互而選擇的聲音內(nèi)容的位置的滾動UI。

這里，用戶界面單元110可以指顯示用戶界面區(qū)域和滾動UI的屏幕，但是還可以指實現(xiàn)為物理用戶界面區(qū)域或諸如操縱桿的物理裝置的滾動UI，將參考圖9對此進(jìn)行描述。

與此同時，處理器120可以確定和回放布置在用戶界面區(qū)域中的多個聲音內(nèi)容之中與滾動UI的位置相對應(yīng)的聲音內(nèi)容。

圖8和圖9是用于說明根據(jù)各種示例實施例實現(xiàn)的裝置的視圖。

參考圖8，電子裝置100被實現(xiàn)為智能電話800，智能電話900可以提供基于多個聲音內(nèi)容的每個聲音內(nèi)容的主顏色值，按照顏色來布置表示所述多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕810，并且還可以提供用于瀏覽按照顏色布置的表示多個聲音內(nèi)容的標(biāo)識圖像的滾動UI 820。

因此，用戶可以通過根據(jù)觸摸操控移動滾動UI 820，在按照顏色布置的表示多個聲音內(nèi)容的標(biāo)識圖像中搜索對應(yīng)于期望聲音內(nèi)容的標(biāo)識圖像。

與此同時，滾動UI 820可以根據(jù)按照顏色布置的表示多個聲音內(nèi)容的標(biāo)識圖像來改變顏色。例如，在紅色區(qū)域中滾動UI 820的顏色可以變?yōu)榧t色，在藍(lán)色區(qū)域中滾動UI 820的顏色可以變?yōu)樗{(lán)色。

參考圖9，電子裝置100涉及具有操縱桿的聲音輸出裝置，所述操縱桿執(zhí)行與滾動UI相同的功能，因此，聲音輸出裝置可以被實現(xiàn)為壁掛形式或支架形式，但不限于此。

具體地，左側(cè)的圖示出了揚聲器111、位于揚聲器111正面的覆蓋物以及用戶界面裝置100’。這里，覆蓋物可被用作用于瀏覽聲音內(nèi)容的用戶界面區(qū)域，并且用戶界面裝置110’包括實現(xiàn)為物理形式的滾動UI。此外，用戶界面裝置100’包括投影儀，所述投影儀可以在用戶界面區(qū)域上投射圖像。

具體地，右側(cè)的圖示出了覆蓋物的正面，即顯示了從投影儀投射的圖像的用戶界面區(qū)域，可以看出，可移動的用戶界面裝置100’位于用戶界面區(qū)域的正面。

此外，從用戶界面裝置100’的投影儀投射的圖像(即表示聲音內(nèi)容的標(biāo)識圖像)可以以GUI 911的形式顯示在用戶界面區(qū)域之中的與用戶界面裝置100’的位置相對應(yīng)的區(qū)域910上。

這里，GUI 911可以包括表示根據(jù)用戶界面裝置100’的位置而選擇的聲音內(nèi)容的標(biāo)識圖像。

此外，如果用戶界面裝置100’根據(jù)用戶操控或從遙控器接收的控制信號而移動，從而其位置發(fā)生改變，則處理器120可以基于通過傳感器150檢測到的用戶界面裝置110’的移動量，通過投影儀在與用戶界面裝置110’改變后的位置相對應(yīng)的區(qū)域上投射與選擇的聲音內(nèi)容有關(guān)的標(biāo)識圖像921。

由此，用戶界面110不僅可以包括用于僅提供UI屏幕的顯示器，還可以包括物理實現(xiàn)的用戶界面區(qū)域和將滾動UI物理實現(xiàn)的用戶界面裝置110’。

圖10和圖11是用于說明示例實施例的視圖。

這里，處理器120可以將按照顏色布置的多個聲音內(nèi)容映射到用戶界面區(qū)域上的水平方向，將與多個聲音內(nèi)容的每個聲音內(nèi)容有關(guān)的信息映射到用戶界面區(qū)域上的豎直方向，并確定與根據(jù)對應(yīng)于水平方向或豎直方向的用戶交互而選擇的區(qū)域相對應(yīng)的聲音內(nèi)容或者與聲音內(nèi)容有關(guān)的信息。

換句話說，處理器120不僅可以提供按照顏色布置的多個聲音內(nèi)容，還可以提供與每個聲音內(nèi)容有關(guān)的信息，使得按照顏色布置的多個聲音內(nèi)容被映射到水平方向，且與多個聲音內(nèi)容的每個聲音內(nèi)容有 關(guān)的信息被映射到豎直方向。

例如，參考圖9，處理器120可以按照顏色布置多個聲音內(nèi)容，將聲音內(nèi)容映射到行D，并將與每個聲音內(nèi)容有關(guān)的信息映射到行A、行B和行C。這里，行A、行B和行C可以是用戶可見的。備選地，行A、行B和行C可以是用戶可見的，但可以以使得行A、行B和行C僅在用戶選擇布置在行D中的聲音內(nèi)容時才可見的方式映射到聲音內(nèi)容。

具體地，圖9示出與第一聲音內(nèi)容的標(biāo)識圖像1010有關(guān)的信息可以包括被包含在第一聲音內(nèi)容中的多個音樂文件，并且多個音樂文件被提供為使得行A、行B和行C的每個區(qū)域1011、1012、1013映射到包括第一聲音內(nèi)容的標(biāo)識圖像1010在內(nèi)的豎直方向。

此外，圖9示出了與第二聲音內(nèi)容的標(biāo)識圖像1020有關(guān)的信息可以包括第二內(nèi)容的歌詞信息、藝術(shù)家信息和圖像等，并且歌詞信息、藝術(shù)家信息和圖像等可以沿包括第二聲音內(nèi)容的標(biāo)識圖像1020在內(nèi)的豎直方向映射到行A、行B和行C的每個區(qū)域1021、1022和1023，并被提供。

與此同時，如果根據(jù)用戶交互選擇了按照顏色布置的多個聲音內(nèi)容之一，則處理器120可以在所選擇的聲音內(nèi)容的主顏色值被處理為沿豎直方向漸變的區(qū)域中，提供與選擇的聲音內(nèi)容有關(guān)的信息。

參考圖11，如果指示符根據(jù)用戶交互從按照顏色布置的多個聲音內(nèi)容中選擇聲音內(nèi)容1110，則處理器120可以生成所選擇的聲音內(nèi)容1110的主顏色值被處理為沿豎直方向漸變的區(qū)域1120，并在經(jīng)漸變處理的區(qū)域1120上提供作為與音樂內(nèi)容110有關(guān)的信息的音樂文件1、2和3。

與此同時，處理器120的從多個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值并提供基于主顏色值按照顏色布置表示多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕的功能還可以適用于按照顏色對具有各種顏色的應(yīng)用圖標(biāo)進(jìn)行分組或布置，還適用于在與布置有各種書籍(如電子書)的書架有關(guān)的UI屏幕中，按照顏色對與每本書相對應(yīng)的圖標(biāo)或GUI進(jìn)行分組或布置。

圖12是用于說明根據(jù)示例性實施例的電子裝置的控制方法的流 程圖。

參考圖12中示出的包括提供UI屏幕的用戶界面單元在內(nèi)的電子裝置的控制方法，可以從多個聲音內(nèi)容的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值(S1210)。

可以提供UI屏幕(S1220)，在所述UI屏幕中基于主顏色值按照顏色來布置表示多個聲音內(nèi)容的標(biāo)識圖像。

這里，提供UI屏幕的步驟可以包括將以下至少一項確定為主顏色值：根據(jù)標(biāo)識圖像所包括的像素的像素值而計算出的平均顏色值、以及標(biāo)識圖像所包括的對象中大小超過預(yù)定大小的至少一個對象的平均顏色值。

這里，標(biāo)識圖像可以包括聲音內(nèi)容的專輯圖像、縮略圖像和圖標(biāo)圖像中的至少一個。

與此同時，根據(jù)示例實施例的電子裝置的控制方法還可以包括：顯示表示多個聲音內(nèi)容中的每個聲音內(nèi)容的多個標(biāo)識圖像，并且響應(yīng)于預(yù)定事件發(fā)生，基于所述多個標(biāo)識圖像的主顏色值按照顏色對所述多個標(biāo)識圖像進(jìn)行排序。

此外，根據(jù)示例實施例的電子裝置的控制方法還可以包括：從布置在用于瀏覽按照顏色布置的多個聲音內(nèi)容的用戶界面區(qū)域中的多個聲音內(nèi)容中，確定與滾動UI的位置相對應(yīng)的聲音內(nèi)容，所述滾動UI引導(dǎo)根據(jù)滾動交互所選擇的聲音內(nèi)容的位置。

此外，根據(jù)示例實施例的電子裝置的控制方法還可以包括：將按照顏色布置的多個聲音內(nèi)容映射到用戶界面區(qū)域上的水平方向，將與多個聲音內(nèi)容的每個聲音內(nèi)容有關(guān)的信息映射到用戶界面區(qū)域上的豎直方向，以及確定與根據(jù)對應(yīng)于水平方向或豎直方向的用戶交互而選擇的區(qū)域相對應(yīng)的聲音內(nèi)容或者與聲音內(nèi)容有關(guān)的信息。

根據(jù)示例實施例的電子裝置的控制方法還可以包括：響應(yīng)于根據(jù)用戶交互選擇按照顏色布置的多個聲音內(nèi)容之一，在所選擇的聲音內(nèi)容的主顏色值被處理為沿豎直方向漸變的區(qū)域中，提供與選擇的聲音內(nèi)容有關(guān)的信息。

與此同時，圖13A至圖13B是示出根據(jù)示例實施例的可基于布置方 向改變的UI屏幕的視圖。

參考圖13A和圖13B，處理器120可以顯示UI屏幕，在所述UI屏幕中，標(biāo)識圖像根據(jù)電子裝置100的布置方向不同地表示多個聲音內(nèi)容。

具體地，如圖13A所示，如果電子裝置100被布置在水平方向，則處理器120可以顯示沿水平方向按照顏色布置了表示多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕，并且如圖13B所示，如果電子裝置100被布置在豎直方向，則處理器120可以將按照顏色布置了表示多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕旋轉(zhuǎn)90度，并沿豎直方向顯示UI屏幕，使得UI屏幕可以根據(jù)用戶的視角來顯示。

由此，處理器120可以根據(jù)電子裝置100的布置方向來顯示UI屏幕，使得UI屏幕可以根據(jù)用戶的視角來顯示。

與此同時，可以提供一種存儲程序的非暫時性計算機(jī)可讀介質(zhì)，所述程序用于順序地執(zhí)行根據(jù)示例實施例的控制方法。

例如，可以提供一種存儲程序的非暫時性計算機(jī)可讀介質(zhì)，所述程序用于執(zhí)行以下步驟：從多個聲音內(nèi)容的每個聲音內(nèi)容的標(biāo)識圖像中提取主顏色值，以及提供基于主顏色值按照顏色布置了表示所述多個聲音內(nèi)容的標(biāo)識圖像的UI屏幕。

非暫時性可讀介質(zhì)指半永久性地存儲數(shù)據(jù)且可被裝置讀取的介質(zhì)，而不是短時存儲數(shù)據(jù)的介質(zhì)(例如，寄存器、緩存和內(nèi)存等)。具體地，上述各種應(yīng)用和程序可以存儲和提供在非暫時性計算機(jī)可記錄和可讀介質(zhì)中，例如CD、DVD、硬盤、藍(lán)光盤、USB、記憶卡、ROM等。

盡管在上述有關(guān)電子裝置的框圖中未示出總線，但是可以通過總線執(zhí)行電子裝置的元件之間的通信。此外，每個設(shè)備還可以包括用于執(zhí)行上述各個步驟的CPU和處理器，例如微處理器。

以上實施例和優(yōu)點僅是示例性的，不應(yīng)解釋為限制實施例。本發(fā)明的教導(dǎo)易于應(yīng)用于其他類型的裝置。此外，本發(fā)明構(gòu)思的示例實施例的描述旨在是說明性的，而并非限制權(quán)利要求的范圍，并且許多替代、改進(jìn)和變化對于本領(lǐng)域普通技術(shù)人員將是顯而易見的。

雖然已經(jīng)示出和描述了幾個實施例，但是本領(lǐng)域技術(shù)人員應(yīng)當(dāng)認(rèn) 識到，在不脫離本發(fā)明的原理和精神的情況下，可以對這些實施例進(jìn)行改變，且本發(fā)明的保護(hù)范圍被限定在權(quán)利要求及其等同物中。