TW202030677A - 影像處理方法及其系統與電腦可讀取記錄媒體 - Google Patents

Abstract

一種影像處理方法及其系統與電腦可讀取記錄媒體，此方法包括下列步驟。接收經由影像擷取裝置擷取使用者所取得的第一影像。接收經由深度感測器取得對應於第一影像的深度影像。自第一影像中分離出前景區域以及背景區域。

Description

影像處理方法及其系統與電腦可讀取記錄媒體

本發明是有關於一種顯示技術，且特別是一種服飾試穿方法及其顯示系統與電腦可讀取記錄媒體。

消費者到實體店面採買衣服或是飾品配件時，往往需要反覆地試穿、試戴，以挑選出滿意的商品。然而，在反覆試穿的過程中消費者除了感到耗時耗力，同時也增加了更衣室的佔用時間。先前技術提出一種虛擬穿衣產品，其利用攝影機擷取使用者的影像後再疊加虛擬衣服的影像上去，惟此種模擬穿衣的虛擬衣服影像常無法與不同身材身形的使用者相匹配而沒有實際穿著感。此外，使用者在反覆試穿後也僅能憑記憶去選擇較為合適的衣服，而沒有提供使用者可同時比較多套衣服在視覺上的差異。

隨著資訊科技與生活逐漸的密不可分，智慧型產品的開發已然成為趨勢主流。因此，將此類產品有效地應用於實體店面提供即時的試穿比對以優化使用者的購物體驗，已成為提供智慧型生活的方式之一。

本發明提供一種影像處理方法及其系統與電腦可讀取記錄媒體，其可在使用者試穿服飾的過程中，大幅地優化使用者的購物體驗。

在本發明的一實施例中，上述的方法包括下列步驟。接收經由影像擷取裝置擷取使用者所取得的第一影像。接收經由深度感測器取得對應於第一影像的深度影像。自第一影像中分離出前景區域以及背景區域，並且針對背景區域進行處理，以產生已處理的背景區域。其中自第一影像中分離出前景區域以及背景區域的步驟包括下列步驟。針對第一影像進行人臉偵測，以定義出人臉區域。根據人臉區域，定義出第一影像的前景切割區域。針對深度影像進行二值化處理，據以產生多個前景深度像素。自前景切割區域中定義出對應於所述前景深度像素的前景二維像素，以設定為前景區域。設定第一影像中前景區域以外的區域為背景區域。

在本發明的一實施例中，上述的系統包括資料儲存裝置以及處理器，其中處理器耦接至資料儲存裝置。資料儲存裝置用以儲存資料。處理器用以執行下列步驟：接收經由影像擷取裝置擷取使用者所取得的第一影像；接收經由深度感測器取得對應於第一影像的深度影像；以及自第一影像中分離出前景區域以及背景區域，並且針對背景區域進行處理，以產生已處理的背景區域。其中自第一影像中分離出前景區域以及背景區域的步驟包括：針對第一影像進行人臉偵測，以定義出人臉區域；根據人臉區域，定義出第一影像的前景切割區域；針對深度影像進行二值化處理，據以產生多個前景深度像素；自前景切割區域中定義出對應於所述前景深度像素的前景二維像素，以設定為前景區域；以及設定第一影像中前景區域以外的區域為背景區域。

在本發明的一實施例中，上述的電腦可讀取記錄媒體儲存電腦程式，且當電腦載入電腦程式並執行時，其係用以執行上述影像處理方法之各個步驟。

為讓本發明的上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。

本發明的部份實施例接下來將會配合附圖來詳細描述，以下的描述所引用的元件符號，當不同附圖出現相同的元件符號將視為相同或相似的元件。這些實施例只是本發明的一部份，並未揭示所有本發明的可實施方式。更確切的說，這些實施例只是本發明的專利申請範圍中的方法、系統以及電腦可讀取媒體的範例。

圖1是根據本發明一實施例所繪示的顯示系統的方塊圖，但此僅是為了方便說明，並不用以限制本發明。首先圖1先介紹顯示系統中的所有構件以及配置關係，詳細功能將配合圖2一併揭露。

請參照圖1，顯示系統100包括影像擷取裝置110、螢幕120、資料儲存裝置130以及處理器140，其中處理器140耦接至影像擷取裝置110、螢幕120以及資料儲存裝置130，而影像擷取裝置110設置於與螢幕120同一側。在本實施例中，顯示系統100可以是將影像擷取裝置110、螢幕120、資料儲存裝置130以及處理器140整合為單一整合式全功能（all-in-one）的顯示器。在另一實施例中，顯示系統100可以是具有螢幕120、資料儲存裝置130以及處理器140的電腦系統，而影像擷取裝置110則是外接於電腦系統，且影像擷取裝置110的擷取方向相同於螢幕120的顯示方向（例如皆朝前方）。在其它的實施例中，顯示系統100亦可以例如是大型平板電腦等具有影像擷取功能以及顯示功能的電子裝置，本發明不在此設限。

影像擷取裝置110用以擷取螢幕120前方的影像並且包括具有透鏡以及感光元件的攝像鏡頭。感光元件用以感測進入透鏡的光線強度，進而產生影像。感光元件可以例如是電荷耦合元件（charge coupled device，CCD）、互補性氧化金屬半導體（complementary metal-oxide semiconductor，CMOS）元件或其他元件，本發明不在此設限。

螢幕120用以顯示畫面。在本實施例中，螢幕120例如是液晶顯示器（liquid crystal display，LCD）、發光二極體（light-emitting diode，LED）顯示器、有機發光二極體（organic light-emitting diode，OLED）顯示器或其他種類的顯示器。

資料儲存裝置130用以儲存影像、程式碼、設定值等資料，其可以例如是任意型式的固定式或可移動式隨機存取記憶體（random access memory，RAM）、唯讀記憶體（read-only memory，ROM）、快閃記憶體（flash memory）、硬碟或其他類似裝置、積體電路及其組合。

處理器140用以控制顯示系統100的構件之間的作動，其可以例如是中央處理單元（central processing unit，CPU），或是其他可程式化之一般用途或特殊用途的微處理器（microprocessor）、數位訊號處理器（digital signal processor，DSP）、可程式化控制器、特殊應用積體電路（application specific integrated circuits，ASIC）、可程式化邏輯裝置（programmable logic device，PLD）或其他類似裝置或這些裝置的組合。

以下即搭配圖1的顯示系統100的各元件列舉實施例，以說明顯示系統100執行其顯示方法的詳細步驟。

圖2為根據本發明之一實施例所繪示的服飾試穿方法的流程圖，而圖2的方法流程可以顯示系統100來實現。

請同時參照圖1以及圖2，首先，顯示系統100的處理器140將利用影像擷取裝置110持續地或間隔地擷取螢幕120前方的影像（步驟S202）。在此，處理器140可以是在顯示系統100啟動或是特定時點開始（例如商店的開始營業時間）利用影像擷取裝置110進行即時的影像擷取。

接著，處理器140將判斷影像擷取裝置110所擷取到的影像中是否包括具有特定姿態的使用者的第一影像（步驟S204）。若否，將返回步驟S202，以持續地或間隔地擷取螢幕120前方的影像。若是，處理器140判定影像擷取裝置110擷取到具有特定姿態的使用者的第一影像時，將利用影像擷取裝置110拍攝第一影像（步驟S206），其中在此假設第一影像中的使用者穿戴第一服飾。處理器140可以是利用骨架偵測演算法（skeleton detection）來判定影像中的使用者的姿態是否符合特定姿態，其可以例如是直接採用OpenCV電腦視覺庫或是Kinect軟體開發工具所提供的骨架偵測功能來實現。所謂的姿態可以是指身體相對於螢幕或影像擷取裝置110所擺出的姿勢朝向（例如相對於螢幕轉身30度），而特定姿態可以是處理器140預先所定義（例如轉身30度、45度、90度等）以利於使用者觀看與比較服飾穿戴效果的姿態。

接著，處理器140將自第一影像中分離出前景區域以及背景區域（步驟S208），並且針對背景區域進行處理，以產生已處理的背景區域（步驟S210），再根據前景區域以及已處理的背景區域，產生第一預覽影像（步驟S212）。在此，處理器140可以是利用前景背景分割演算法（foreground-background segmentation）來自第一影像中分離出前景區域以及背景區域，其中前景區域是指對應於使用者所在的區域，而背景區域則是前景區域以外的區域。接著，處理器140可以是將背景區域進行模糊化處理或者是替換處理，而已處理的背景區域可以更突顯前景區域中的使用者及其所穿戴的第一服飾，使得第一預覽影像具有更佳的視覺效果。之後，處理器140會將第一預覽影像顯示於螢幕120（步驟S214），以供使用者觀看。

為了更方便明瞭，以下將以圖3根據本發明之另一實施例所繪示的服飾試穿方法的功能流程圖來具體地說明圖2的實際應用方式以及細節，而圖3的方法流程亦可以顯示系統100來實現。

請同時參照圖1以及圖3，首先，當顯示系統100開始啟動後，處理器140將會預設顯示系統100進入到鏡子模式MM，以使影像擷取裝置110所擷取到的即時影像即時顯示於螢幕120上。也就是說在鏡子模式MM下，螢幕120所呈現出的影像則是提供宛如鏡面反射的效果，藉以使顯示系統100提供穿衣鏡的功能。

另一方面，在鏡子模式MM下，處理器140將會同時以例如是人體偵測演算法（human detection）來判斷影像擷取裝置110所擷取到的即時影像中是否存在潛在使用者（亦即，是否偵測到任何人體）。若處理器140判定即時影像中不存在任何潛在使用者，則處理器140將不更改顯示系統100的模式，也就是說顯示系統100將會維持在鏡子模式MM。若處理器140判定即時影像中存在潛在使用者，則處理器140將會設定顯示系統100進入到錄影模式VM。

在錄影模式VM下，處理器140除了會持續地或間隔地將影像擷取裝置110所擷取到的即時影像即時顯示於螢幕120上，更會進一步地啟動錄影功能，以將即時影像以影片的格式儲存於資料儲存裝置130。此外，錄影模式VM下，處理器140亦會持續地或間隔地針對即時影像進行潛在使用者偵測，也就是潛在使用者是否持續地停留或是離開。當處理器140判定即時影像中的潛在使用者離開時，此潛在使用者有可能僅是經過影像擷取裝置110的店員或是顧客，而並非是欲使用顯示系統100的使用者，因此處理器140將會設定顯示系統100離開錄影模式VM而返回到鏡子模式MM，並且刪除所錄製的影片。

在本實施例中，當處理器140偵測到潛在使用者透過輸入裝置（未繪示）執行登入程序LGN而登入至顯示系統100時，將會判定此潛在使用者確實為顯示系統100的授權使用者。接著，處理器140將會設定顯示系統100離開錄影模式VM並且將所錄製的影片儲存於資料庫db中，以及提供使用者透過輸入裝置選擇進入試穿模式TM、回顧模式LBM以及識別碼模式CM之一者。在此的資料庫db可以是儲存於資料儲存系統130或者是雲端儲存系統，本發明不在此設限。處理器140可以依據使用者的登入資料來將影片儲存至此使用者於資料庫db的專屬空間。處理器140可提供使用者觀看影片，以提供試穿過程的記錄，使用者可更了解服飾的特性。

必須說明的是，在另一實施例中，登入程序LGN亦可省略。例如當處理器140判定潛在使用者欲使用顯示系統100時（例如潛在使用者停留在螢幕120前的時間大於時間閥值，或是潛在使用者或任何人按下輸入裝置特定按鍵或是觸摸觸控螢幕，或是潛在使用者對著影像擷取裝置110做出特定手勢等等），將直接判定此潛在使用者確實為顯示系統100的授權使用者。同樣地，處理器140將會設定顯示系統100離開錄影模式VM並且將所錄製的影片儲存於資料庫db中，以及提供使用者透過輸入裝置選擇進入試穿模式TM、回顧模式LBM以及識別碼模式CM之一者。

在識別碼模式CM下，顯示系統100可提供使用者查詢服飾的相關資訊。使用者可以將服飾上的識別碼移至影像擷取裝置110前進行掃描，以獲得該服飾的相關資訊，其中服飾上的識別碼可以是一維條碼（例如barcode）、二維條碼（例如QR碼）、或者是其它數字、文字、符號等組合。以另一觀點而言，當處理器140判定影像擷取裝置110擷取到具有識別碼的識別碼影像時，將會設定顯示系統100進入識別碼模式CM，並且根據此識別碼將服飾的相關資訊顯示於螢幕120上供使用者參考。識別碼模式CM除了可快速地提供使用者有關於服飾的相關資訊外，更可讓處理器140直接獲得使用者當前手中或是身上正在試穿的服飾，以省去從影像辨識服飾的困難度。此外，處理器140亦會將使用者所查詢的服飾的相關資訊儲存於資料庫db中，以利於後續的應用。

舉例來說，圖4為根據本發明之一實施例所繪示的服飾的相關資訊的示意圖。請同時搭配圖1、圖3來參照圖4，當處理器140偵測到服飾C的識別碼影像時，將會以介面400來顯示模特兒M穿著服飾C的影像以及服飾C的相關資訊404（例如商品名稱、價格、尺寸、色系、材質等）。在本實施例中，處理器140更可透過介面400來提供使用者選擇重覆使用識別碼模式401、離開掃描模式402以及直接進入試穿模式403。當使用者選擇重覆使用識別碼模式401，處理器140將會關閉介面400，而重新進入識別碼模式CM，以供使用者查詢其它服飾的相關資訊。當使用者選擇離開掃描模式402，處理器140將會關閉介面400，並且提供使用者重新選擇試穿模式TM、回顧模式LBM以及識別碼模式CM之一者。當使用者選擇直接進入試穿模式403，處理器140將會關閉介面400，並且設定顯示系統100進入試穿模式TM。此外，處理器140亦會將使用者所查詢過的服飾的相關資訊一併儲存於資料庫db中。附帶說明的是，顯示系統100亦可在使用者未登入的情況下僅提供一般識別碼模式CM的功能，使任何人都可以隨時查詢有興趣的服飾的相關資訊。

請再回到圖3，在試穿模式TM下，處理器140可以是利用骨架偵測演算法來判定影像中的使用者的姿態是否符合特定姿態，據以決定是否驅動影像擷取裝置110進行拍攝。在此的特定姿態可以是處理器140預先所定義或者是具有代表性的姿態，例如身體的正面、背面、左側、右側朝向螢幕110的正前方（以下分別稱做為「向前姿態」、「向後姿態」、「向左姿態」、「向右姿態」）。

以圖5根據本發明之一實施例所繪示對應於不同姿態的影像示意圖為例，影像510、影像520、影像530以及影像540分別為使用者U穿戴服飾C並且分別符合「向前姿態」、「向左姿態」、「向右姿態」以及「向後姿態」所拍攝的影像。然而，在其它實施例中，更可因應店家或是使用者需求來定義可驅動影像擷取裝置110進行拍攝的特定姿態，以提供更多角度、方向的試穿效果給使用者參考。

在此假設使用者所穿戴的服飾為「第一服飾」，當影像擷取裝置110拍攝完不同姿態的影像後，處理器140將針對此些影像進行影像處理P。以下將以圖6根據本發明之一實施例所繪示的影像處理流程圖搭配影像示意圖來說明此些影像之中具有「向前姿態」的影像（以下稱為「第一影像」）的處理流程，而對應於其它姿態的影像可以相同的方式類推。

請參照圖6，處理器140在取得第一影像Img後，將會執行切割邊界定義階段S1、前景處理階段S2以及背景處理階段S3的程序。

在切割邊界定義階段S1中，處理器140將會定義前景切割區域的邊界。首先，處理器140將針對第一影像進行人臉偵測，以定義使用者的人臉區域（步驟S611）。在此，處理器140可以是利用例如是哈爾特徵擷取（Haar-like feature extraction）等人臉偵測演算法（face detection）來定義出人臉區域。以圖7根據本發明之一實施例所繪示的第一影像700的示意圖為例，人臉區域為框710以內所涵蓋的區域。

接著，處理器140將根據人臉區域，定義使用者的頭部區域（步驟S612）。在此，處理器140可以是將人臉區域往外放大1倍來做為頭部區域，其中此放大數值為經驗數值（empirical number），然而本發明不在此設限。以圖7為例，頭部區域為框720以內所涵蓋的區域。

接著，處理器140將根據頭部區域，定義使用者的高度（步驟S613）。舉例來說，處理器140可以是以頭部區域的頂端為上緣以及第一影像的底部為下緣，來估算出使用者於第一影像700中所呈現的高度。以圖7為例，使用者於第一影像700的高度為Y。在本實施例中，為了避免估算上的誤差，處理器140可以是以使用者於第一影像中的高度增加例如是0.1Y處來定義切割邊界的上緣（步驟S614），從而取得切割邊界的高度，其中0.1倍率的增加量亦是經驗值。以圖7為例，切割邊界的上緣為UE。

接著，處理器140將以臉部區域為中心取得切割中心軸（步驟S615），並且根據預設比例配合切割邊界的高度來取得切割邊界的左緣以及右緣（步驟S616），其中預設比例可以是第一影像的原始比例（例如10:16）或者是其它配合開發者所定義的比例。以圖7為例，切割中心軸為CL，而切割邊界的左緣以及右緣分別為LE以及RE。附帶說明的是，在本實施例中，切割邊界的下緣即為第一影像的底部，如圖7中的DE。

處理器140在定義完切割邊界後，將會進入到前景處理階段S2。在此先說明的是，前景處理階段S2主要是搭配第一影像所對應的深度資訊來實現。本實施例中的顯示裝置100更可以額外於與螢幕120的同側增設深度感測器（未繪示），以偵測螢幕120前方的深度資訊，其可以分為主動式深度感測器以及被動式深度感測器。主動式深度感測器可藉由主動發出光源、超音波、雷射等作為訊號來計算螢幕120前方的深度資訊。另一方面，被動式深度感測器可以例如是另一個影像擷取裝置，並且與影像擷取裝置110以不同視角同時擷取螢幕120前方的兩張影像，以利用兩張影像的視差來計算螢幕120前方的深度資訊。

在前景處理階段S2中，處理器140將取得對應於第一影像的深度影像（步驟S621），並且針對深度影像進行二值化處理（步驟S622），據以產生多個前景像素，其中前景像素為深度影像經過二值化處理後像素值為255（白色）的像素。

接著，處理器會將前景像素進行侵蝕處理（erosion，步驟S623）、膨脹處理（dilation，步驟S624）、影像平滑處理（blur，步驟S625），以產生前景深度像素。本領域具通常知識者應明瞭，侵蝕處理可以消除較為破碎的前景像素，膨脹處理可以補回被侵蝕的邊緣，而影像平滑處理可對因前述侵蝕處理以及膨脹處理所造成的不平整邊緣來進行平滑處理，從而取到完整且邊緣平滑的前景深度像素。

一般來說，以前述步驟所取得到的前景深度像素區塊常會有邊緣內縮，也就是膨脹處理後仍無法補回被侵蝕邊緣的情況。因此，處理器140可以更進一步地參考第一影像的像素值，針對前景深度像素進行前景延伸處理（步驟S626），以將與前景深度像素相鄰並且具有相似像素值的背景深度像素設定為前景深度像素。

以圖8為根據本發明之一實施例所繪示的深度區塊的設定示意圖為例，假設深度像素區塊800的背景深度像素為b1～b5，前景深度像素為f1～f4。處理器140可以先將與前景深度像素f1～f4所相鄰的背景深度像素來進行像素值的比較。以背景深度像素b4為例，其先將與前景深度像素f2～f3所對應的RGB三個色彩通道的數值（例如加總平均值）來進行比較。舉例來說，假設背景深度像素b4所對應的RGB數值為R_b4 、G_b4 、B_b4 ，而前景深度像素f2～f3所對應的RGB數值的加總平均值為R_avg 、G_avg 、B_avg 。處理器140會分別將Rb4與R_avg 、Gb4與G_avg 、Bb4與B_avg 進行比較。若RGB三個色彩通道的差值同時小於預定像素閥值（例如10），處理器140將判定背景深度像素b4與前景深度像素f2～f3為相似，並且可以將背景深度像素b4修改為前景深度像素f5，以產生設定更新後的深度像素區塊800’。接著，處理器140會將背景深度像素b5與前景深度像素f1～f5所對應的RGB數值依照前述方式來進行比較。假設背景深度像素b5與前景深度像素f1～f5的差異過大，則處理器140不修改背景深度像素b5的設定。

附帶說明的是，前景延伸處理往往會出現地板延伸的問題，也就是地板所構成的連續區塊會被誤判為前景。因此，在本實施例中，處理器140可依照圖9A～圖9B為根據本發明之一實施例所繪示的前景延伸修正的示意圖來解決此問題。

請先參照圖9A，處理器140在取得第一影像900後，會根據深度影像的中線FC建立如同圖9B有關於深度與距離的關係表DH-Z。基於拍攝第一影像的場域為固定，處理器140可根據最佳的拍照距離而預先取得使用者U的可能所在範圍，也就是線d_far 與線d_near 之間的位置，其中拍照距離可以例如是相對於影像擷取裝置110的1.6m與2.6m之間。接著，處理器140可以根據深度DH與距離Z的關係表DH-Z來取得線d_far 與線d_near 之間的深度資訊範圍R，並且將任何原先被判定為前景深度像素但深度資訊大於前述深度資訊範圍者濾除。

請再回到圖6，處理器140在取得前景深度像素後，會自第一影像中的前景切割區域中定義出對應於前景深度像素的像素（在此稱為「前景二維像素」），以設定為前景區域（步驟S627）。另一方面，處理器140將設定第一影像中前景區域以外的區域為背景區域（步驟S628），並且進入背景處理階段S3。

在本實施例中，處理器140可以提供使用者選擇兩種背景處理方式，背景模糊處理（步驟S631）或是背景替換處理（步驟S632）。之後，處理器140將根據前景區域以及已處理的背景區域來產生對應於第一服飾的第一預覽影像Img’，而結束第一影像Img的處理流程。針對背景模糊處理，處理器140可以是針對背景區域來進行高斯模糊（Gaussian blur）等處理，而經過處理後的背景區域將被淡化，藉以突顯出前景區域的主體。針對背景替換處理，處理器140可以先判斷資料庫db中是否儲存第一服飾的相關資訊（亦即，使用者先前已利用影像擷取裝置110來掃描第一服飾的識別碼）。當處理器140判定資料庫db並未儲存第一服飾的相關資訊時，將會以預設背景取代原有的背景區域而做為已處理的背景區域，其中預設背景可以是單色背景等系統所預設的背景。當處理器140判定資料庫db儲存第一服飾的相關資訊時，可以從第一服飾的相關資訊取得第一服飾的主要色系，以利用習知的色環（color wheel）取得該主要色系的對比色來做為單色背景或者是以該對比色為主色調的背景，同樣可突顯出前景區域的主體。

請再回到圖3，當處理器140處理完對應於不同姿態的預覽影像後，會將所有對應於第一服飾的預覽影像儲存於資料庫db中，並且提供給使用者預覽PV。必須說明的是，處理器140可以是在每產生一張預覽影像後顯示在螢幕120供使用者預覽，或者是產生完所有預覽影像後再一併顯示在螢幕120供使用者預覽。接著，當使用者選擇拍攝更多影像或是重新拍攝時，處理器140會將顯示系統100返回到試穿模式TM。當使用者選擇離開試穿模式TM或者是處理器140判定已拍攝到足夠的預覽影像時，處理器140將會設定顯示系統100進入回顧模式LBM。

在回顧模式LBM中，處理器140可以是同時或者是逐一地將所有第一服飾的預覽影像顯示在螢幕120上，而使用者可以針對特定影像或其局部區域進行放大。舉例來說，處理器140可以是顯示互動式的游標或者是矩形框於螢幕120上，以供使用者進行選擇操作。當處理器130偵測到使用者對於螢幕120中的特定位置的選擇操作時（亦即，偵測到游標或者是矩形框於螢幕上的所在位置時），處理器140會將對應於該特定位置的影像區域進行局部放大，並且將放大的影像區域顯示於特定位置的側邊。

上述係使用者穿戴第一服飾以擷取第一影像並經影像處理後產生第一預覽影像的方法，同理地，當使用者改穿戴第二服飾時也是以相同方法處理，依此類推。因此，當資料庫db中儲存使用者穿著不同服飾所拍攝的預覽影像時，在回顧模式LBM中，顯示系統100可提供使用者觀看在同一種姿態下穿著不同服飾時的預覽影像。舉例來說，處理器140可以是偵測使用者對於多個姿態之一的選擇操作，並且將對應於使用者所指定的姿態的所有預覽影像（總稱為「指定預覽影像」）顯示於螢幕120上。

具體來說，圖10根據本發明之一實施例所繪示的指定預覽影像的示意圖。假設處理器140偵測到使用者對於「向前姿態」的選擇操作，會將使用者U穿戴第一至第四服飾C1～C4並且以「向前姿態」面對影像擷取裝置110以及螢幕120所拍攝並且經過處理的指定預覽影像1001～1004同時顯示於螢幕120上，以方便使用者直觀地比較第一至第四服飾C1～C4之間的視覺差異。

附帶說明的是，在本實施例中，處理器140可將資料庫db中的設定儲存時效。換言之，當處理器140判斷任何預覽影像儲存於資料庫db的時間長度超過時間閥值（例如一季）時，則將進行刪除。

本發明另提供一種非暫態的電腦可讀取媒體，此電腦可讀取媒體可儲存多數個程式碼片段（例如建立組織圖程式碼片段、簽核表單程式碼片段、設定程式碼片段、以及部署程式碼片段），並且這些程式碼片段在載入例如是顯示系統100的處理器140中並執行之後，即可完成上述服飾試穿方法的步驟。

綜上所述，本發明所提出的服飾試穿方法及其顯示系統與電腦可讀取記錄媒體，其除了可提供一般穿衣鏡的功能以即時地顯示使用者的著衣影像，更可藉由影像處理來提升著衣影像的視覺效果。此外，本發明更提供使用者觀看穿戴不同服飾時所拍攝的影像以及提供相關的服飾資訊供使用者參考。如此一來，可減少使用者反覆地試穿試戴進而縮短使用者的購物時間，從而在現今的實體店面中大幅地優化使用者的購物體驗。

雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾，故本發明的保護範圍當視後附的申請專利範圍所界定者為準。

100:顯示系統 110:影像擷取裝置 120:螢幕 130:資料儲存裝置 140:處理器 S202～S214:步驟 MM:鏡子模式 VM:錄影模式 TM:試穿模式 LBM:回顧模式 CM:識別碼模式 LGN:登入程序 P:影像處理 db:資料庫 400:介面 401:識別碼模式 402:離開掃描模式 403:直接進入試穿模式 404:服飾的相關資訊 M:模特兒 C、C1～C4:服飾 510～540、Img、Img’、700、900、1001～1004:影像 U:使用者 S1～S3:階段 S611～S632:步驟 UE、DE、LE、RE:切割邊界 710:臉部區域 720:頭部區域 CL:切割中心軸 Y:使用者的高度 800、800’:深度像素區塊 f1～f5:前景深度像素 b1～b5:背景深度像素 d_far、d_near:線 FC:中線 R:深度資訊範圍

圖1是根據本發明一實施例所繪示的顯示系統的方塊圖。 圖2為根據本發明之一實施例所繪示的服飾試穿方法的流程圖。 圖3為根據本發明之另一實施例所繪示的服飾試穿方法的流程圖。 圖4為根據本發明之一實施例所繪示的服飾的相關資訊的示意圖。 圖5為根據本發明之一實施例所繪示對應於不同姿態的影像示意圖。 圖6為根據本發明之一實施例所繪示的影像處理流程圖。 圖7為根據本發明之一實施例所繪示的第一影像的示意圖。 圖8為根據本發明之一實施例所繪示的深度區塊的設定示意圖。 圖9A～圖9B為根據本發明之一實施例所繪示的前景延伸修正的示意圖。 圖10為根據本發明之一實施例所繪示的指定預覽影像的示意圖。

S202~S214:步驟

Claims (17)

1. 一種影像處理方法，包括下列步驟： 接收經由影像擷取裝置擷取一使用者所取得的第一影像； 接收經由深度感測器取得對應於該第一影像的深度影像；以及 自該第一影像中分離出前景區域以及背景區域，並且針對該背景區域進行處理，以產生已處理的背景區域， 其中自該第一影像中分離出該前景區域以及該背景區域的步驟包括： 針對該第一影像進行人臉偵測，以定義出人臉區域； 根據該人臉區域，定義出該第一影像的前景切割區域； 針對該深度影像進行二值化處理，據以產生多個前景深度像素； 自該前景切割區域中定義出對應於所述前景深度像素的前景二維像素，以設定為該前景區域；以及 設定該第一影像中該前景區域以外的區域為該背景區域。
2. 如請求項1所述的方法，其中根據該人臉區域，定義出該第一影像的該前景切割區域的步驟包括： 根據該人臉區域，定義出該使用者的頭部區域； 根據該頭部區域，計算該使用者的高度；以及 根據該人臉區域以及該使用者的高度，定義出該前景切割區域的邊界。
3. 如請求項1所述的方法，其中針對該深度影像進行該二值化處理，據以產生所述前景深度像素的步驟包括： 針對該深度影像進行二值化處理，以產生多個前景像素；以及 針對所述前景像素進行侵蝕處理、膨脹處理以及影像平滑處理，以產生所述前景深度像素。
4. 如請求項3所述的方法，其中產生所述前景深度像素的步驟更包括： 設定與所述前景深度像素相鄰並且具有相似像素值的背景深像素為所述前景深度像素。
5. 如請求項3所述的方法，其中產生所述前景深度像素的步驟更包括： 取得該使用者相對於該影像擷取裝置的距離範圍； 根據深度與距離的關係表，取得該距離範圍所對應的深度資訊範圍；以及 自所述前景深度像素中濾除深度資訊大於該深度資訊範圍者。
6. 如請求項1所述的方法，其中針對該背景區域進行處理，以產生該已處理的背景區域的步驟包括： 針對該背景區域進行模糊化處理，以做為該已處理的背景區域。
7. 如請求項1所述的方法，其中針對該背景區域進行處理，以產生該已處理的背景區域的步驟包括： 以預設背景做為該已處理的背景區域。
8. 如請求項1所述的方法，其中當該使用者穿著一服飾時，針對該背景區域進行處理，以產生該已處理的背景區域的步驟包括： 根據該服飾的該色系，產生對應背景；以及 以該對應背景做為該已處理的背景區域。
9. 一種影像處理系統，包括： 資料儲存裝置，用以儲存資料；以及 處理器，耦接於該資料儲存裝置，用以執行下列步驟： 接收經由影像擷取裝置擷取一使用者所取得的第一影像； 接收經由深度感測器取得對應於該第一影像的深度影像；以及 自該第一影像中分離出前景區域以及背景區域，並且針對該背景區域進行處理，以產生已處理的背景區域， 其中自該第一影像中分離出該前景區域以及該背景區域的步驟包括： 針對該第一影像進行人臉偵測，以定義出人臉區域； 根據該人臉區域，定義出該第一影像的前景切割區域； 針對該深度影像進行二值化處理，據以產生多個前景深度像素； 自該前景切割區域中定義出對應於所述前景深度像素的前景二維像素，以設定為該前景區域；以及 設定該第一影像中該前景區域以外的區域為該背景區域。
10. 如請求項9所述的影像處理系統，其中在根據該人臉區域，定義出該第一影像的該前景切割區域的運作中，該處理器用以執行下列步驟： 根據該人臉區域，定義出該使用者的頭部區域； 根據該頭部區域，計算該使用者的高度；以及 根據該人臉區域以及該使用者的高度，定義出該前景切割區域的邊界。
11. 如請求項9所述的影像處理系統，其中在針對該深度影像進行該二值化處理，據以產生所述前景深度像素的運作中，該處理器用以執行下列步驟： 針對該深度影像進行二值化處理，以產生多個前景像素；以及 針對所述前景像素進行侵蝕處理、膨脹處理以及影像平滑處理，以產生所述前景深度像素。
12. 如請求項11所述的影像處理系統，其中在產生所述前景深度像素的運作中，該處理器更用以執行下列步驟： 設定與所述前景深度像素相鄰並且具有相似像素值的背景深像素為所述前景深度像素。
13. 如請求項11所述的影像處理系統，其中在產生所述前景深度像素的運作中，該處理器更用以執行下列步驟： 取得該使用者相對於該影像擷取裝置的距離範圍； 根據深度與距離的關係表，取得該距離範圍所對應的深度資訊範圍；以及 自所述前景深度像素中濾除深度資訊大於該深度資訊範圍者。
14. 如請求項9所述的影像處理系統，其中在針對該背景區域進行處理，以產生該已處理的背景區域的運作中，該處理器用以執行下列步驟： 針對該背景區域進行模糊化處理，以做為該已處理的背景區域。
15. 如請求項9所述的影像處理系統，其中在針對該背景區域進行處理，以產生該已處理的背景區域的運作中，該處理器用以執行下列步驟： 以預設背景做為該已處理的背景區域。
16. 如請求項9所述的影像處理系統，其中在當該使用者穿著一服飾時，針對該背景區域進行處理，以產生該已處理的背景區域的運作中，該處理器用以執行下列步驟： 根據該服飾的該色系，產生對應背景；以及 以該對應背景做為該已處理的背景區域。
17. 一種電腦可讀取記錄媒體，儲存一電腦程式，且當電腦載入程式並執行時，能夠完成如請求項1至8任一項所述之方法。

Images