數(shù)字內(nèi)容的多個(gè)顯示渲染的制作方法
【技術(shù)領(lǐng)域】
[0001 ] 本公開內(nèi)容總體上涉及數(shù)字內(nèi)容的視覺渲染,并且更具體地涉及用于將數(shù)字內(nèi)容分段成能夠跨多個(gè)應(yīng)用窗口被顯示的多個(gè)區(qū)片的方法。
【背景技術(shù)】
[0002]大型電子顯示屏被用在各種應(yīng)用中,以顯示對應(yīng)的各種數(shù)字內(nèi)容。例如,體育場和競技場通常以巨大的顯示屏為特征,這些顯示屏用于向成千上萬的觀眾呈現(xiàn)視頻圖像、照片和其他信息。顯示屏通常形成被安裝在店面窗口、會議廳和可能存在顧客的其他位置中的廣告顯示器的一部分。顯示屏通常還被并入到信息亭、交互式終端以及被安裝在機(jī)場、火車站、游樂園和人們傾向于聚集的其他地方的類似的設(shè)備中。大型顯示器在諸如這些等應(yīng)用中尤其有用,因?yàn)樗鼈兒苋菀妆蝗巳嚎梢姡軌驈倪h(yuǎn)處吸引注意力,并且可以顯示大量信息。大量技術(shù)已經(jīng)用于實(shí)現(xiàn)這樣的顯示器,包括投影顯示器和液晶顯示器(LCD)或者發(fā)光二極管(LED)元件的平板陣列。例如,可以通過使用計(jì)算機(jī)或者其他電子設(shè)備控制在物理上被布置成矩陣的多個(gè)各個(gè)顯示器來創(chuàng)建大型顯示器(諸如被定位成彼此相鄰的LED電視機(jī)的3 X 3陣列)。可以通過將多個(gè)較小的設(shè)備(諸如平板計(jì)算機(jī))布置成陣列來以較小的規(guī)模來復(fù)制這一技術(shù)。不管實(shí)現(xiàn)技術(shù)如何,這樣的復(fù)合顯示系統(tǒng)通常與控制器一起使用,該控制器包括能夠以協(xié)同方式同時(shí)驅(qū)動(dòng)所有顯示器的編程和電子器件。
【附圖說明】
[0003]圖1A是圖示在概念上被分段成多個(gè)區(qū)片的應(yīng)用窗口中顯示的數(shù)字內(nèi)容的截圖;
[0004]圖1B是圖示圖1A的數(shù)字內(nèi)容的截圖,其中這樣的內(nèi)容跨多個(gè)應(yīng)用窗口被顯示;
[0005]圖2是示意性地圖示可以用于實(shí)現(xiàn)本文所公開的實(shí)施例中的某些實(shí)施例的網(wǎng)絡(luò)化計(jì)算機(jī)系統(tǒng)的所選擇的組件的框圖;
[0006]圖3是示意性地圖示包括多個(gè)觸摸敏感顯示設(shè)備的復(fù)合顯示設(shè)備陣列的示例實(shí)施例的框圖;
[0007]圖4是圖示將數(shù)字內(nèi)容項(xiàng)分段成跨多個(gè)應(yīng)用窗口顯示的多個(gè)區(qū)片的示例方法的流程圖;
[0008]圖5是示意性地圖示在數(shù)字內(nèi)容項(xiàng)被分段成跨多個(gè)應(yīng)用窗口顯示的多個(gè)區(qū)片時(shí)出現(xiàn)的示例數(shù)據(jù)流的數(shù)據(jù)流程圖;
[0009]圖6A圖示了從檢測的瀏覽器向一個(gè)或多個(gè)響應(yīng)的瀏覽器傳輸?shù)氖纠龑盈B樣式表突變通知消息;以及
[0010]圖6B圖示了從檢測的瀏覽器向一個(gè)或多個(gè)響應(yīng)的瀏覽器傳輸?shù)氖纠臋n對象模型突變通知消息。
【具體實(shí)施方式】
[0011]大型電子顯示屏通常包括被定位成彼此相鄰(例如以形成陣列)的多個(gè)較小的平板屏幕顯示器。當(dāng)多個(gè)顯示屏幕以這一方式被布置時(shí),所得到的較大的顯示設(shè)備陣列通常被稱為復(fù)合顯示器或者多面板顯示器。由于已經(jīng)改進(jìn)了顯示技術(shù)、已經(jīng)減小了單個(gè)顯示器邊框尺寸并且已經(jīng)降低了顯示器成本,復(fù)合顯示器已經(jīng)變得越來越普及。例如,平板計(jì)算機(jī)、手持式計(jì)算機(jī)和其他便攜式設(shè)備的增加的多功能性使得可能使用這樣的設(shè)備來構(gòu)造較小規(guī)模的復(fù)合顯示器。然而,不管它們的流行性如何,現(xiàn)有的復(fù)合顯示器還有很多缺點(diǎn),部分是因?yàn)檫@樣的顯示器通常依賴于被設(shè)計(jì)用于與特定顯示配置和/或特定顯示硬件一起使用的專有控制系統(tǒng)。這使得用戶難以集合具有唯一的尺寸或者形狀或者使用對復(fù)合顯示控制器系統(tǒng)不可用的設(shè)備的他們自己的定制的復(fù)合顯示器。更根本地,很多現(xiàn)有的復(fù)合顯示控制系統(tǒng)使用依賴于將較大的屏幕區(qū)域分成較小的分段的基于屏幕的邏輯來操作。這一方法沒有被容易地適用于基于頁面的數(shù)字內(nèi)容,諸如,已經(jīng)在當(dāng)代計(jì)算環(huán)境中變?yōu)槠毡榇嬖诘木W(wǎng)頁。例如,現(xiàn)有的顯示分段系統(tǒng)缺乏將web內(nèi)容的交互式屬性穩(wěn)健地?cái)U(kuò)展到復(fù)合顯示環(huán)境的能力。這些缺點(diǎn)轉(zhuǎn)換成尋求擴(kuò)展復(fù)合顯示系統(tǒng)的功能和市場滲透的開發(fā)者的基本障礙。
[0012]因此,并且根據(jù)本文所公開的實(shí)施例中的某些實(shí)施例,提供了用于將數(shù)字內(nèi)容分段成可以跨多個(gè)應(yīng)用窗口顯示的多個(gè)區(qū)片的技術(shù)。例如,在一個(gè)特定實(shí)現(xiàn)中,本文所公開的方法可以用于將網(wǎng)頁分成多個(gè)區(qū)片,其中每個(gè)區(qū)片可以在顯示原始網(wǎng)頁的一部分的單獨(dú)的web瀏覽器中被顯示。通常,每個(gè)內(nèi)容瀏覽器基于可以由瀏覽器本地存儲的配置來標(biāo)識其顯示哪個(gè)區(qū)片。為了維持諸如可以由活動(dòng)內(nèi)容提供的交互性,每個(gè)瀏覽器包括被配置為檢測與所顯示的內(nèi)容關(guān)聯(lián)的文檔對象模型(DOM)和/或?qū)盈B樣式表(CSS)的變化的突變觀測器。在通知消息中記錄所檢測的變化,該通知消息可以經(jīng)由WebSocket連接或者直接的對等網(wǎng)絡(luò)來向其他內(nèi)容瀏覽器廣播。這一方法有利地允許在沒有專有控制系統(tǒng)的情況下,能夠使用復(fù)合顯示器來顯示基于頁面的內(nèi)容,從而使得很容易操縱復(fù)合顯示器的尺寸和形狀,并且使用各種不同的顯示設(shè)備來實(shí)現(xiàn)顯示器。
[0013]如本文中所使用的,術(shù)語“內(nèi)容”除了其原始含義之外,還指代意圖用于由用戶的直接或者間接消費(fèi)的信息。例如,術(shù)語內(nèi)容包含用戶的信息(諸如,在顯示設(shè)備上顯示、使用內(nèi)容瀏覽器渲染或者在一頁紙上打印)。術(shù)語內(nèi)容還包括沒有特別地意圖用于顯示并且因此還包含諸如軟件、可執(zhí)行指令、腳本、超鏈接、地址、指針、元數(shù)據(jù)和格式化信息等條目的信息。例如,可以將網(wǎng)頁理解為由多個(gè)其他內(nèi)容項(xiàng)(諸如圖像、文本、超鏈接、格式化指令和元數(shù)據(jù))組成的內(nèi)容項(xiàng)。內(nèi)容項(xiàng)的使用獨(dú)立于(a)如何向用戶呈現(xiàn)內(nèi)容項(xiàng)以用于消費(fèi)以及(b)用于創(chuàng)建或者渲染內(nèi)容的軟件應(yīng)用??梢允褂靡鈭D減少經(jīng)由網(wǎng)絡(luò)傳輸內(nèi)容所需要的帶寬的量的一個(gè)或多個(gè)壓縮算法來對內(nèi)容編碼。還可以將內(nèi)容表征為包括“內(nèi)容項(xiàng)”或者“資產(chǎn)”。術(shù)語“數(shù)字內(nèi)容”和“數(shù)字資產(chǎn)”是指以二進(jìn)制數(shù)字(例如零和一)編碼的內(nèi)容。因此,在包括數(shù)字計(jì)算機(jī)的應(yīng)用的環(huán)境中,術(shù)語“內(nèi)容”、“數(shù)字內(nèi)容”、“資產(chǎn)”和“數(shù)字資產(chǎn)”通常可互換地使用。
[0014]如本文中所使用的,術(shù)語“瀏覽器”和“內(nèi)容瀏覽器”除了它們的原始含義之外還指代能夠檢索和渲染從存儲資源獲得的數(shù)字內(nèi)容的軟件應(yīng)用。要被瀏覽的內(nèi)容可以用網(wǎng)絡(luò)地址來標(biāo)識,網(wǎng)絡(luò)地址由用戶輸入或者從以超鏈接形式的先前渲染的內(nèi)容中選擇。瀏覽器可以包括提供對與內(nèi)容消耗關(guān)聯(lián)的功能的訪問的用戶界面元素(諸如滾動(dòng)條、菜單欄、工具欄等)以及在其中出現(xiàn)渲染的內(nèi)容的瀏覽器窗口二者。應(yīng)當(dāng)理解,瀏覽器窗口可以包括或者可以不包括可見邊框。瀏覽器可以被配置為根據(jù)各種文件格式和協(xié)議來渲染存儲的內(nèi)容??梢酝ㄟ^插件和/或擴(kuò)展工具的使用來擴(kuò)展由內(nèi)容瀏覽器提供的功能,插件和/或擴(kuò)展工具可以被配置為例如建立使得能夠在連接的設(shè)備之間主動(dòng)地推送內(nèi)容的WebSocket連接?!皐eb瀏覽器”是具體地被配置用于檢索和渲染經(jīng)由萬維網(wǎng)(WWW)可訪問的數(shù)字內(nèi)容(諸如網(wǎng)頁)的一類瀏覽器,然而很多web瀏覽器還能夠訪問專用網(wǎng)絡(luò)中的內(nèi)容服務(wù)器提供的和大量不同文件系統(tǒng)中的文件服務(wù)器提供的信息。
[0015]如本文所使用的,術(shù)語“顯示器”除了其原始含義之外還指代能夠視覺地渲染內(nèi)容的設(shè)備。可以使用各種技術(shù)來實(shí)現(xiàn)顯示設(shè)備,包括投影顯示器、LCD或者LED元件的平板陣列以及平板等離子顯示器。還可以使用觸摸敏感表面來實(shí)現(xiàn)顯示器,從而產(chǎn)生可以用作輸入設(shè)備和輸出設(shè)備二者的顯示器。通過布置彼此相鄰地多個(gè)顯示設(shè)備來產(chǎn)生“復(fù)合”或者“多面板”顯示器,從而產(chǎn)生具有用戶定義的尺寸和/或空間的較大的顯示器。雖然復(fù)合顯示器通常具有矩形形狀,然而應(yīng)當(dāng)理解,通常本質(zhì)上任何形狀或者尺寸可以用于復(fù)合設(shè)備,并且因此在某些實(shí)施例中,復(fù)合顯示器可以具有不規(guī)則的和/或非對稱的形狀,諸如L形狀或者具有空的中央?yún)^(qū)域的O形狀。復(fù)合顯示器可以包括任意合適數(shù)量的顯示設(shè)備。在一些情況下,復(fù)合顯示器可以包括具有不同尺寸和/或形狀的顯示器,以使得例如相對較寬的顯示器跨兩個(gè)或多個(gè)相對較窄的顯示器的組合寬度延伸。
[0016]如本文中所使用的,術(shù)語“區(qū)片(tile) ”除了其原始含義之外還指代內(nèi)容項(xiàng)的概念上的子區(qū)域或者在其中渲染內(nèi)容項(xiàng)的至少一部分的復(fù)合顯示器的子區(qū)域。例如,可以將內(nèi)容瀏覽器理解為包括可以在概念上分為左側(cè)區(qū)片和右側(cè)區(qū)片的瀏覽器窗口。出現(xiàn)在左側(cè)區(qū)片中的渲染內(nèi)容的部分可以被配置為出現(xiàn)在復(fù)合顯示器的第一(左側(cè))面板中,而出現(xiàn)在右側(cè)區(qū)片中的渲染內(nèi)容的部分可以被配置為出現(xiàn)在復(fù)合顯示器的第二(右側(cè))面板中。應(yīng)當(dāng)理解,區(qū)片通常是可以被配置為具有用戶定義的形狀和尺寸的概念元素。例如,圖1A是圖示在概念上被分段成多個(gè)區(qū)片的瀏覽器窗口 3000中顯示的數(shù)字內(nèi)容的截圖,而圖1B圖示跨對應(yīng)于第一區(qū)片的第一瀏覽器窗口 3100和對應(yīng)于第二區(qū)片的第二瀏覽器窗口 3200顯示的該相同內(nèi)容。區(qū)片還可以被稱為“視口(viewport)”。
[0017]系統(tǒng)架構(gòu)
[0018]圖2是示意性地圖示可以用于實(shí)現(xiàn)本文所公開的實(shí)施例中的某些實(shí)施例的網(wǎng)絡(luò)化計(jì)算機(jī)系統(tǒng)1000的所選擇的組件的框圖。如所圖示的,網(wǎng)絡(luò)化計(jì)算機(jī)系統(tǒng)1000包括一個(gè)或多個(gè)計(jì)算設(shè)備100,并且還可以包括內(nèi)容服務(wù)器200和/或配置管理器300。計(jì)算設(shè)備100以及可選的內(nèi)容服務(wù)器200和/或配置管理器300可以