自適應(yīng)圖像呈現(xiàn)系統(tǒng)和自適應(yīng)圖像呈現(xiàn)方法
【專利摘要】本發(fā)明實(shí)施例公開(kāi)了一種自適應(yīng)圖像呈現(xiàn)方法,包括:接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求;根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息;根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式;使用選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備以便進(jìn)行呈現(xiàn)。
【專利說(shuō)明】
自適應(yīng)圖像呈現(xiàn)系統(tǒng)和自適應(yīng)圖像呈現(xiàn)方法
技術(shù)領(lǐng)域
[0001]本發(fā)明實(shí)施例涉及圖像處理領(lǐng)域,尤其涉及一種自適應(yīng)圖像呈現(xiàn)系統(tǒng)和一種自適應(yīng)圖像呈現(xiàn)方法。
【背景技術(shù)】
[0002]全景技術(shù)的應(yīng)用越來(lái)越普遍。對(duì)于全景技術(shù)中的全景三維引擎技術(shù),市場(chǎng)上主流的全景模型包括球面模型、六面體模型和柱面模型。此外,對(duì)于基于Web的全景繪制引擎,由于不同瀏覽器對(duì)WebGL的支持情況不同,常見(jiàn)的構(gòu)建模型的方式包括WebGL方式和div+html5方式。傳統(tǒng)的全景繪制引擎大多采用單一的模型和構(gòu)建方法,不能根據(jù)瀏覽設(shè)備和瀏覽器對(duì)WebGL的支持情況作出合理的響應(yīng),兼容性較差,因此用戶體驗(yàn)較差。
[0003]因此,需要提供一種圖像呈現(xiàn)系統(tǒng)和圖像呈現(xiàn)方法來(lái)克服或緩解上述技術(shù)問(wèn)題。
【發(fā)明內(nèi)容】
[0004]根據(jù)本發(fā)明實(shí)施例的一個(gè)方面,提供了一種自適應(yīng)圖像呈現(xiàn)方法,可以包括:
[0005]接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求;
[0006]根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息;
[0007]根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式;
[0008]使用選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備以便進(jìn)行呈現(xiàn)。
[0009 ]優(yōu)選地,所述要呈現(xiàn)的圖像是全景圖像。
[0010]優(yōu)選地,所述用戶設(shè)備的信息包括以下中的至少一個(gè):用戶設(shè)備的類型和用戶設(shè)備使用的瀏覽器的類型。
[0011]優(yōu)選地,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式包括:
[0012]如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL可用,則選擇第一圖像處理模式;
[0013]如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL不可用,則選擇第二圖像處理模式;
[0014]如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL可用,則選擇第三圖像處理模式;以及
[0015]如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL不可用,則選擇第四圖像處理模式。
[0016]優(yōu)選地,所述第一圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片;
[0017]所述第二圖像處理模式包括使用Div+html5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片;
[0018]所述第三圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片;以及
[0019]所述第四圖像處理模式包括使用Div+html5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片;
[0020]其中,所述第二分辨率大于所述第一分辨率。
[0021]優(yōu)選地,根據(jù)所述用戶設(shè)備的顯示屏幕的尺寸和分辨率來(lái)確定所述第一分辨率和所述第一分辨率。
[0022]根據(jù)本發(fā)明的另一方面,提供了一種自適應(yīng)圖像呈現(xiàn)系統(tǒng),包括:
[0023]用戶設(shè)備,配置為向服務(wù)器發(fā)送圖像呈現(xiàn)請(qǐng)求,接收來(lái)自服務(wù)器的圖像并呈現(xiàn)接收到的圖像;
[0024]服務(wù)器,配置為接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式,以及使用選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備。
[0025]優(yōu)選地,所述要呈現(xiàn)的圖像是全景圖像,以及所述用戶設(shè)備的信息包括以下中的至少一個(gè):用戶設(shè)備的類型和用戶設(shè)備使用的瀏覽器的類型。
[0026]優(yōu)選地,所述服務(wù)器配置為:
[0027]如果確定所述用戶設(shè)備中當(dāng)前WebGL可用,則使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像;以及
[0028]如果確定所述用戶設(shè)備中當(dāng)前WebGL不可用,則使用Div+html5方式并選擇六面體全景模型來(lái)繪制全景圖像。
[0029]優(yōu)選地,所述服務(wù)器配置為,如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL可用,則選擇第一圖像處理模式;
[0030]如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL不可用,則選擇第二圖像處理模式;
[0031 ]如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL可用,則選擇第三圖像處理模式;以及
[0032]如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL不可用,則選擇第四圖像處理模式。
[0033]根據(jù)本發(fā)明的另一方面,還提供了一種自適應(yīng)圖像呈現(xiàn)系統(tǒng),包括:
[0034]圖像采集部件,用于從多個(gè)視角采集目標(biāo)對(duì)象的多視角圖像;
[0035]數(shù)據(jù)處理部件,用于接收由圖像采集部件采集的多視角圖像,將所述多視角圖像合成為全景圖像;
[0036]模式切換部件,與所述數(shù)據(jù)處理部件相連;
[0037]前端呈現(xiàn)部件,用于向模式切換部件發(fā)送圖像呈現(xiàn)請(qǐng)求,從數(shù)據(jù)處理部件接收相對(duì)應(yīng)的圖像并呈現(xiàn)接收到的圖像;
[0038]其中,模式切換部件接收來(lái)自前端呈現(xiàn)部件的圖像呈現(xiàn)請(qǐng)求,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述前端呈現(xiàn)部件的信息,根據(jù)確定的所述前端呈現(xiàn)部件的信息來(lái)選擇要使用的圖像處理模式;
[0039]其中,所述數(shù)據(jù)處理部件使用所述模式切換部件選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理得到與前端呈現(xiàn)部件相對(duì)應(yīng)的圖像,并將所述相對(duì)應(yīng)的圖像發(fā)送到前端呈現(xiàn)部件。
[0040]優(yōu)選地,所述圖像采集部件包括多個(gè)照相機(jī)。
[0041 ]優(yōu)選地,所述圖像采集部件包括六個(gè)照相機(jī)。
[0042]優(yōu)選地,所述圖像處理部件和模式切換部件是分離的或集成的,并實(shí)現(xiàn)為現(xiàn)場(chǎng)可編輯邏輯器件或數(shù)字信號(hào)處理器件。
[0043]根據(jù)本發(fā)明實(shí)施例,能夠針對(duì)用戶設(shè)備的類型,在使用用戶設(shè)備呈現(xiàn)例如全景圖像時(shí),實(shí)現(xiàn)圖像的按需加載,從而節(jié)省流量并減少成本。此外,能夠根據(jù)用戶設(shè)備的類型,制定不同的圖像瓦片切分策略,可以改善用戶體驗(yàn)。
【附圖說(shuō)明】
[0044]通過(guò)參考附圖更加清楚地理解本發(fā)明實(shí)施例的特征和優(yōu)點(diǎn),附圖是示意性的而不應(yīng)理解為對(duì)本發(fā)明進(jìn)行任何限制,在附圖中:
[0045]圖1示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)的方框圖;
[0046]圖2示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)方法的流程圖;
[0047]圖3示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)方法中選擇圖像處理模式的詳細(xì)流程圖;
[0048]圖4示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)中確定用戶設(shè)備的類型的示例;
[0049]圖5示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)中選擇全景圖像繪制引擎以及模型的示例;
[0050]圖6示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)中選擇全景圖像的切片方式的示例;
[0051 ]圖7示出了根據(jù)本發(fā)明另一實(shí)施例的全景圖像呈現(xiàn)系統(tǒng)的方框圖;以及
[0052]圖8示出了根據(jù)本發(fā)明另一實(shí)施例的全景圖像呈現(xiàn)系統(tǒng)中圖像采集部件的示意方框圖。
【具體實(shí)施方式】
[0053]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚明白,以下結(jié)合具體實(shí)施例,并參照附圖,對(duì)本發(fā)明實(shí)施例進(jìn)一步詳細(xì)說(shuō)明。顯然,所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例,而不是全部的實(shí)施例?;诒景l(fā)明的實(shí)施例,本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例,都屬于本發(fā)明保護(hù)的范圍。
[0054]全景也稱為全景攝影或虛擬實(shí)景,是基于靜態(tài)圖像的虛擬現(xiàn)實(shí)技術(shù)。通過(guò)將相機(jī)環(huán)360°拍攝的一組照片拼接成一個(gè)全景圖像,并使用專用的全景繪制引擎在互聯(lián)網(wǎng)上顯示,能夠讓用戶能夠通過(guò)PC或移動(dòng)終端的屏幕來(lái)控制環(huán)視的方向,從而可左可右、可近可遠(yuǎn)地觀看物體或場(chǎng)景。
[0055]圖1示出了根據(jù)本發(fā)明實(shí)施例的自適應(yīng)圖像呈現(xiàn)系統(tǒng)的方框圖。如圖1所示,根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)1000可以包括:用戶設(shè)備1010和服務(wù)器1020。本領(lǐng)域技術(shù)人員可以理解,盡管圖1中將用戶設(shè)備1010與服務(wù)器1020直接相連,這二者之間當(dāng)然可以包括其他組件。此外,用戶設(shè)備1010與服務(wù)器1020可以通過(guò)任意有線或無(wú)線的方式相連。
[0056]根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng),用戶設(shè)備1010配置為向服務(wù)器發(fā)送圖像呈現(xiàn)請(qǐng)求;服務(wù)器1020,配置為接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式,以及使用選擇的圖像處理模型對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備以便進(jìn)行呈現(xiàn)。
[0057]圖2示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)方法的流程圖。如圖2所示,在步驟S10,接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求。
[0058]在步驟S20,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息。
[0059]在步驟S30,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式。
[0060]然后,在步驟S40,使用選擇的所述圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備以便進(jìn)行呈現(xiàn)。
[0061]圖3示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)方法中圖像處理模式選擇的詳細(xì)流程圖。圖4、圖5和圖6分別示出了根據(jù)本發(fā)明實(shí)施例的圖像呈現(xiàn)系統(tǒng)中確定用戶設(shè)備的類型、選擇全景圖像繪制引擎和模型以及選擇全景圖像的切片方式的示例。
[0062]接下來(lái)將參考圖3-圖6來(lái)詳細(xì)描述根據(jù)本發(fā)明實(shí)施例的圖像處理模式的選擇。
[0063]首先,在步驟305,確定用戶設(shè)備是否是移動(dòng)設(shè)備。在Web開(kāi)發(fā)中,UserAgent可用來(lái)識(shí)別瀏覽器名稱、版本、引擎以及操作系統(tǒng)等信息的內(nèi)容。此外,例如,如圖4所示,還可以通過(guò)User Agent判斷來(lái)用戶設(shè)備是PC端設(shè)備還是移動(dòng)設(shè)備,從而利用這些信息來(lái)改善程序的兼容性。具體地,例如通過(guò)在JavaScript語(yǔ)言中植入以下代碼,就可以獲得用戶設(shè)備的信息,從而分析出用戶設(shè)備是安卓設(shè)備還是1s設(shè)備或者wp設(shè)備,除此以外,可以歸類為屬于PC端設(shè)備。
[0064]ua = navigator.userAgent,
[0065]android=ua.match(/(Android)[\sV]+([\d\.]+)/),
[0066]1s = ua.match(/(iPad|iPhone|iPod)\s+0S\s([\d_\.] + )/),
[0067]wp=ua.match(/(ffindows\s+Phone)\s([\d\.]+)/),
[0068]isffebkit = /ffebKit V [\d.]+/1.test(ua),
[0069]isSafari = 1s?(navigator.standalone?isffebkit:(/Safari/1.test(ua)&&!/Cr1S/1.test(ua)&&!/MQQBrowser/1.test(ua))):false.
[0070]當(dāng)確定用戶設(shè)備是移動(dòng)設(shè)備時(shí),執(zhí)行步驟307,否則執(zhí)行步驟309。在步驟307,確定用戶設(shè)備當(dāng)前是否支持WebGL。如果確定用戶設(shè)備當(dāng)前支持WebGL,則執(zhí)行步驟310,選擇第一圖像處理模式,如果確定用戶設(shè)備當(dāng)前不支持WebGL,則執(zhí)行步驟312,選擇第二圖像處理模式。當(dāng)前瀏覽器類型眾多,不同瀏覽器對(duì)WebGL的支持情況也不一樣,并且,在瀏覽器支持WebGL的情況下,也存在著該功能是處于關(guān)閉還是開(kāi)啟的問(wèn)題。當(dāng)通過(guò)瀏覽器去瀏覽全景時(shí),需要根據(jù)用戶使用的瀏覽器是否支持WebGL以及WebGL功能處于關(guān)閉還是開(kāi)啟狀態(tài),以決定全景繪制引擎是使用Div+Html5方式還是WebGL方式,是選用球面模型還是六面體模型。通過(guò)檢測(cè)瀏覽器對(duì)WebGL的支持情況,確保引擎自主切換,正常運(yùn)行。如圖5所示,根據(jù)本發(fā)明實(shí)施例,第一圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為第一分辨率的多個(gè)圖像瓦片,第二圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為第一分辨率的多個(gè)圖像瓦片。
[0071]當(dāng)在步驟305確定用戶設(shè)備不是移動(dòng)設(shè)備時(shí),S卩,例如用戶設(shè)備是PC端,則執(zhí)行步驟309。在步驟309,確定用戶設(shè)備當(dāng)前是否支持WebGL。如果確定用戶設(shè)備當(dāng)前支持WebGL,則執(zhí)行步驟314,選擇第三圖像處理模式,如果確定用戶設(shè)備當(dāng)前不支持WebGL,則執(zhí)行步驟316,選擇第四圖像處理模式。根據(jù)本發(fā)明實(shí)施例,第三圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片,以及第四圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片。
[0072]可以根據(jù)所述用戶設(shè)備的顯示屏幕的尺寸和分辨率來(lái)確定第一分辨率和第一分辨率。由于全景圖像比較大,可以根據(jù)用戶的可見(jiàn)區(qū)域進(jìn)行按需加載,這就要求將全景圖切分成多個(gè)圖像瓦片。通常,由于移動(dòng)設(shè)備的顯示屏幕比PC端的顯示屏幕更小,針對(duì)PC端可以將圖像瓦片切分成更大分辨率的圖像,而移動(dòng)端則切分成更小的瓦片。在圖6所示的示例中,針對(duì)移動(dòng)設(shè)備,將全景圖像切分為分辨率為256*256的多個(gè)圖像瓦片,針對(duì)PC端,將全景圖像切分為分辨率為512*512的多個(gè)圖像瓦片。本領(lǐng)域技術(shù)人員可以理解,本發(fā)明實(shí)施例并不局限于上述分辨率,而是可以使用其他任何分辨率。
[0073]根據(jù)本發(fā)明的另一方面,還提供了一種自適應(yīng)圖像呈現(xiàn)系統(tǒng)。圖7示出了根據(jù)本發(fā)明實(shí)施例的自適應(yīng)圖像呈現(xiàn)系統(tǒng)的方框圖,如圖7所示,自適應(yīng)圖像呈現(xiàn)系統(tǒng)可以包括:
[0074]圖像采集部件,用于從多個(gè)視角采集目標(biāo)對(duì)象的多視角圖像;
[0075]數(shù)據(jù)處理部件,用于接收由圖像采集部件采集的多視角圖像,將所述多視角圖像合成為全景圖像;
[0076]模式切換部件,與所述數(shù)據(jù)處理部件相連;
[0077]前端呈現(xiàn)部件,用于向模式切換部件發(fā)送圖像呈現(xiàn)請(qǐng)求,從數(shù)據(jù)處理部件接收相對(duì)應(yīng)的圖像并呈現(xiàn)接收到的圖像;
[0078]其中,模式切換部件接收來(lái)自前端呈現(xiàn)部件的圖像呈現(xiàn)請(qǐng)求,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述前端呈現(xiàn)部件的信息,根據(jù)確定的所述前端呈現(xiàn)部件的信息來(lái)選擇要使用的圖像處理模式;
[0079]其中,所述數(shù)據(jù)處理部件使用所述模式切換部件選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理得到與前端呈現(xiàn)部件相對(duì)應(yīng)的圖像,并將所述相對(duì)應(yīng)的圖像發(fā)送到前端呈現(xiàn)部件。
[0080]如圖8所示,圖像采集部件可以包括多個(gè)照相機(jī)。優(yōu)選地,所述圖像采集部件包括六個(gè)照相機(jī),以便360度采集目標(biāo)對(duì)象的多視角圖像。
[0081]優(yōu)選地,所述圖像處理部件和模式切換部件是分離的或集成的,并實(shí)現(xiàn)為現(xiàn)場(chǎng)可編輯門器件或數(shù)字信號(hào)處理器件。
[0082]根據(jù)本發(fā)明實(shí)施例,當(dāng)在用戶設(shè)備端瀏覽全景圖像時(shí),根據(jù)瀏覽器是否支持WebGL以及WebGL處于開(kāi)啟還是關(guān)閉狀態(tài),自動(dòng)選擇全景模型采用球面模型還是六面體模型,圖像繪制方法是使用WebGL方式還是Div+html5的方式。同時(shí),根據(jù)設(shè)備是移動(dòng)端設(shè)備還是PC端設(shè)備,決定將全景圖像切分成更大還是更小分辨率的瓦片。由此,能夠針對(duì)用戶設(shè)備的類型,實(shí)現(xiàn)按需加載,從而節(jié)省流量并減少成本。此外,能夠根據(jù)用戶設(shè)備的類型,制定不同的圖像瓦片切分策略,可以改善用戶體驗(yàn)。
[0083]在以上實(shí)施例中,本領(lǐng)域技術(shù)人員應(yīng)該理解,控制設(shè)備中的第一控制器以及智能設(shè)備中的第二控制器可以按照各種方式實(shí)現(xiàn)。通過(guò)使用方框圖、流程圖和/或示例,已經(jīng)闡述了設(shè)備和/或工藝的眾多實(shí)施例。在這種方框圖、流程圖和/或示例包含一個(gè)或多個(gè)功能和/或操作的情況下,本領(lǐng)域技術(shù)人員應(yīng)理解,這種方框圖、流程圖或示例中的每一功能和/或操作可以通過(guò)各種硬件、軟件、固件或?qū)嵸|(zhì)上它們的任意組合來(lái)單獨(dú)和/或共同實(shí)現(xiàn)。在一個(gè)實(shí)施例中,本公開(kāi)所述主題的若干部分可以通過(guò)專用集成電路(ASIC)、現(xiàn)場(chǎng)可編程門陣列(FPGA)、數(shù)字信號(hào)處理器(DSP)、或其他集成格式來(lái)實(shí)現(xiàn)。然而,本領(lǐng)域技術(shù)人員應(yīng)認(rèn)識(shí)至IJ,這里所公開(kāi)的實(shí)施例的一些方面在整體上或部分地可以等同地實(shí)現(xiàn)在集成電路中,實(shí)現(xiàn)為在一臺(tái)或多臺(tái)計(jì)算機(jī)上運(yùn)行的一個(gè)或多個(gè)計(jì)算機(jī)程序(例如,實(shí)現(xiàn)為在一臺(tái)或多臺(tái)計(jì)算機(jī)系統(tǒng)上運(yùn)行的一個(gè)或多個(gè)程序),實(shí)現(xiàn)為在一個(gè)或多個(gè)處理器上運(yùn)行的一個(gè)或多個(gè)程序(例如,實(shí)現(xiàn)為在一個(gè)或多個(gè)微處理器上運(yùn)行的一個(gè)或多個(gè)程序),實(shí)現(xiàn)為固件,或者實(shí)質(zhì)上實(shí)現(xiàn)為上述方式的任意組合,并且本領(lǐng)域技術(shù)人員根據(jù)本公開(kāi),將具備設(shè)計(jì)電路和/或?qū)懭胲浖?或固件代碼的能力。此外,本領(lǐng)域技術(shù)人員將認(rèn)識(shí)到,本公開(kāi)所述主題的機(jī)制能夠作為多種形式的程序產(chǎn)品進(jìn)行分發(fā),并且無(wú)論實(shí)際用來(lái)執(zhí)行分發(fā)的信號(hào)承載介質(zhì)的具體類型如何,本公開(kāi)所述主題的示例性實(shí)施例均適用。信號(hào)承載介質(zhì)的示例包括但不限于:可記錄型介質(zhì),如軟盤、硬盤驅(qū)動(dòng)器、緊致盤(CD)、數(shù)字通用盤(DVD)、數(shù)字磁帶、計(jì)算機(jī)存儲(chǔ)器等;以及傳輸型介質(zhì),如數(shù)字和/或模擬通信介質(zhì)(例如,光纖光纜、波導(dǎo)、有線通信鏈路、無(wú)線通信鏈路等)。
[0084]以上所述的具體實(shí)施例,對(duì)本發(fā)明的目的、技術(shù)方案和有益效果進(jìn)行了進(jìn)一步詳細(xì)說(shuō)明,所應(yīng)理解的是,以上所述僅為本發(fā)明的具體實(shí)施例而已,并不用于限制本發(fā)明,凡在本發(fā)明的精神和原則之內(nèi),所做的任何修改、等同替換、改進(jìn)等,均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項(xiàng)】
1.一種自適應(yīng)圖像呈現(xiàn)方法,包括: 接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求; 根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息; 根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式; 使用選擇的圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備以便進(jìn)行呈現(xiàn)。2.根據(jù)權(quán)利要求1所述的方法,其中,所述要呈現(xiàn)的圖像是全景圖像。3.根據(jù)權(quán)利要求1或2所述的方法,其中,所述用戶設(shè)備的信息包括以下中的至少一個(gè):用戶設(shè)備的類型和用戶設(shè)備使用的瀏覽器的類型。4.根據(jù)權(quán)利要求3所述的方法,其中,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式包括: 如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL可用,則選擇第一圖像處理模式; 如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL不可用,則選擇第二圖像處理模式; 如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL可用,則選擇第三圖像處理模式;以及 如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL不可用,則選擇第四圖像處理模式。5.根據(jù)權(quán)利要求4所述的方法,其中, 所述第一圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片; 所述第二圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片; 所述第三圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片;以及 所述第四圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片; 其中,所述第二分辨率大于所述第一分辨率。6.根據(jù)權(quán)利要求5所述的方法,其中,根據(jù)所述用戶設(shè)備的顯示屏幕的尺寸和分辨率來(lái)確定所述第一分辨率和所述第一分辨率。7.—種自適應(yīng)圖像呈現(xiàn)系統(tǒng),包括: 用戶設(shè)備,配置為向服務(wù)器發(fā)送圖像呈現(xiàn)請(qǐng)求,接收來(lái)自服務(wù)器的圖像并呈現(xiàn)所述接收到的圖像; 服務(wù)器,配置為接收來(lái)自用戶設(shè)備的圖像呈現(xiàn)請(qǐng)求,根據(jù)所述圖像呈現(xiàn)請(qǐng)求確定所述用戶設(shè)備的信息,根據(jù)確定的所述用戶設(shè)備的信息來(lái)選擇要使用的圖像處理模式,以及使用選擇的所述圖像處理模式對(duì)要呈現(xiàn)的圖像進(jìn)行處理,并將處理后的圖像發(fā)送到所述用戶設(shè)備。8.根據(jù)權(quán)利要求7所述的系統(tǒng),其中,所述要呈現(xiàn)的圖像是全景圖像,以及所述用戶設(shè)備的信息包括以下中的至少一個(gè):用戶設(shè)備的類型和用戶設(shè)備使用的瀏覽器的類型。9.根據(jù)權(quán)利要求8所述的方法,其中,所述服務(wù)器配置為: 如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL可用,則選擇第一圖像處理模式; 如果確定所述用戶設(shè)備是移動(dòng)設(shè)備且當(dāng)前WebGL不可用,則選擇第二圖像處理模式; 如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL可用,則選擇第三圖像處理模式;以及 如果確定所述用戶設(shè)備是PC端且當(dāng)前WebGL不可用,則選擇第四圖像處理模式。10.根據(jù)權(quán)利要求9所述的系統(tǒng),其中,所述第一圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片; 所述第二圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第一分辨率的多個(gè)圖像瓦片; 所述第三圖像處理模式包括使用WebGL方式并選擇球面全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片;以及 所述第四圖像處理模式包括使用Div+html 5方式并選擇六面體全景模型來(lái)繪制全景圖像,以及將繪制的全景圖像切分為所述第二分辨率的多個(gè)圖像瓦片; 其中,所述第二分辨率大于所述第一分辨率。
【文檔編號(hào)】G06F17/30GK105930535SQ201610447746
【公開(kāi)日】2016年9月7日
【申請(qǐng)日】2016年6月20日
【發(fā)明人】蔣矅寰
【申請(qǐng)人】微景天下(北京)科技有限公司