[寫作練習] 用WebRTC框架,讓瀏覽器即時渲染高品質圖像

更新於 發佈於 閱讀時間約 4 分鐘

來源:Stream high-quality real-time graphics through your browser with our new WebRTC framework

透過Unity先進的圖像串流技術,你可以不再受限於裝置的硬體效能,設計畫面更炫麗的遊戲了!我們的新玩意兒 — 「WebRTC」函式庫已整合到Unity中。簡單易用的框架可讓用戶快速的瞭解,如何透過瀏覽器串流你的產品。

WebRTC技術的強大功能讓你透過瀏覽器,渲染高質量的Unity專案。該框架可以在運行期或編輯器中使用,因此它可用於各種用途,例如運行使用HDRP製作的汽車儀表板,或查看需要高階顯卡才能顯示流暢完整的建築模型。


WebRTC補上了瀏覽器到即時渲染間的差距

WebRTC由Google於2011年開發,是一種開源軟件,支持瀏覽器和行動平台之間,即時的點對點通訊。任何支援WebRTC的最新版瀏覽器的設備,都可以使用Unity的開源框架進行渲染串流(render streaming)。 這包括iPad,iPhone和Android的所有主流瀏覽器。 該函式庫基於Apache2.0授權,可由Github取得,也可透過PackageManager更輕鬆的加入到你的專案使用。

raw-image

瀏覽器端的用戶輸入

透過PackageManager將Unity開發好的「Render Streaming」插件(框架)安裝好後,用戶在瀏覽器的輸入就會被轉送過來,「輸入」包含了鍵盤,游標點擊,甚至是HTML的按鈕。你要做的就是在專案中針對不同的輸入做適當的處理,就像你本來在任何一個Unity專案做的事情相同。這個框架使用了WebRTC的DataChannel API,將用戶的輸入導向到Unity的輸入系統,因此在瀏覽器的輸入結果,將可和單機的開發體驗相同。

raw-image

同時廣播到各個設備

使用Render Streaming插件,你可以同時向多個設備廣播影片。設備的最大數量取決於廣播機的硬體規格和影片規格 — 在正常情況下,普通機器可以同時向大約四個設備廣播。使用Render Streaming包時的一個重要考慮因素是網路環境。 WebRTC處理影音串流,因此穩定的網路對於保持影片品質至關重要。 同樣重要的是要記住,每個附加設備都會增加廣播機的負擔。

用Render Streaming插件,可建立內聯網(Intranet)影音串流系統,但若是要建立基於互聯網(Internet)的影音串流服務,則需要一個更複雜的系統。通常,如果目標是向十多個設備廣播,我們建議將SFU分散式服務器與系統結構以及用於WebRTC的單獨STUN / TURN服務器結合使用。

影片硬體編碼

為了提供高品質圖像和穩定的串流速率以獲得良好的用戶體驗,我們不得不解決兩個問題:性能和延遲。 為了減少延遲,Render Streaming框架使用NVIDIA Video Codec SDK將程序廣播到瀏覽器,以便在frame buffer上執行GPU硬體編碼。 這意味著要使用該框架,你目前一定要使用NVIDIA的GPU,但計劃將來將會支援其他GPU。

有什麼教程?從哪裡開始?

WebRTC基於Apache 2.0許可證,並作為社群支持的技術進行管理。 我們鼓勵你參與該技術的持續開發。 隨意分支存儲庫或擴展您喜歡的任何功能。 要開始使用,請查看教程文件(英語日語),如有任何其他問題,請參閱文件中的常見問題解答。 還有一個WebRTC和Render Streaming論壇,我們很樂意收到您的反饋。 我們很高興看到你將把WebRTC和Unity的強大功能放在一起。


留言
avatar-img
留言分享你的想法!
avatar-img
SharpWriter(周乃宏)的沙龍
34會員
69內容數
Google實驗室Area120釋出了一個「製作遊戲」的遊戲叫「Game Builder」。 主要的用戶是遊戲編導,方便他們以拖拉卡片的型式來驗證遊戲性好不好。 因此這個專題就是「Game Builder」的"真心話(好用難用都會說)"和"大冒險(真的來挑戰看看能做什麼遊戲)"囉!
2024/11/21
引文中最後的那句「大疆成立至今將近20年,在無人機應用上仍舊保有競爭力」,如果認真想想就會意識到那有多恐怖. 那20年專注在無人機的功力,已經不只是創辦人眼光的問題了...
Thumbnail
2024/11/21
引文中最後的那句「大疆成立至今將近20年,在無人機應用上仍舊保有競爭力」,如果認真想想就會意識到那有多恐怖. 那20年專注在無人機的功力,已經不只是創辦人眼光的問題了...
Thumbnail
2024/11/01
品質才是決定工作生產力的重點。
2024/11/01
品質才是決定工作生產力的重點。
2024/10/27
「不批評,不指責,不抱怨」三大核心精神,真的是「不可能」的嗎?
Thumbnail
2024/10/27
「不批評,不指責,不抱怨」三大核心精神,真的是「不可能」的嗎?
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
PairDrop 免費、開源的網頁版檔案傳輸工具,無須註冊免安裝,將裝置連線同一個 WiFi 網路,打開網站會自動建立連線,點選裝置名稱即可開始傳送檔案,使用 WebRTC 技術進行傳輸,服務穩定且傳檔速度,各種系統置都能方便、安全地傳送檔案。
Thumbnail
PairDrop 免費、開源的網頁版檔案傳輸工具,無須註冊免安裝,將裝置連線同一個 WiFi 網路,打開網站會自動建立連線,點選裝置名稱即可開始傳送檔案,使用 WebRTC 技術進行傳輸,服務穩定且傳檔速度,各種系統置都能方便、安全地傳送檔案。
Thumbnail
Stacher 是一個基於 yt-dlp 的桌面版萬用影音下載器,支援多種格式的影片和音訊下載,適用於 Windows、Mac 和 Lunix 系統。透過官方網站提供的下載連結,使用者可以輕鬆下載所需的媒體檔案。Stacher 介面簡潔且易於使用,使用者只需要貼上連結並點擊下載按鈕即可執行任務。
Thumbnail
Stacher 是一個基於 yt-dlp 的桌面版萬用影音下載器,支援多種格式的影片和音訊下載,適用於 Windows、Mac 和 Lunix 系統。透過官方網站提供的下載連結,使用者可以輕鬆下載所需的媒體檔案。Stacher 介面簡潔且易於使用,使用者只需要貼上連結並點擊下載按鈕即可執行任務。
Thumbnail
帝國手遊代儲網簡介 帝國手遊代儲網作為一個提供手遊代儲服務的平台,以其高效、安全的服務著稱。 無論是手機遊戲愛好者或PC多人線上遊戲玩家,帝國手遊代儲網都提供了多樣化的遊戲代儲選項,滿足不同玩家的需求。 1. 多樣化遊戲代儲選擇 帝國手遊代儲網提供了包括多種受歡迎手遊和線上遊戲的代儲服務。 這
Thumbnail
帝國手遊代儲網簡介 帝國手遊代儲網作為一個提供手遊代儲服務的平台,以其高效、安全的服務著稱。 無論是手機遊戲愛好者或PC多人線上遊戲玩家,帝國手遊代儲網都提供了多樣化的遊戲代儲選項,滿足不同玩家的需求。 1. 多樣化遊戲代儲選擇 帝國手遊代儲網提供了包括多種受歡迎手遊和線上遊戲的代儲服務。 這
Thumbnail
雲端遊戲是近年來對遊戲影響較大的科技之一,本文探討雲端遊戲在未來發展中的影響及各巨頭公司的參與情況,提供了行動遊戲平台、家機平台以及雲端遊戲相關的優勢分析和未來趨勢展望。
Thumbnail
雲端遊戲是近年來對遊戲影響較大的科技之一,本文探討雲端遊戲在未來發展中的影響及各巨頭公司的參與情況,提供了行動遊戲平台、家機平台以及雲端遊戲相關的優勢分析和未來趨勢展望。
Thumbnail
TransformStream is now supported cross-browser (web.dev) 現在串流轉換在 Chrome, Safari 和 Firefox 都已支援, 他們終於準備好迎接黃金時代!
Thumbnail
TransformStream is now supported cross-browser (web.dev) 現在串流轉換在 Chrome, Safari 和 Firefox 都已支援, 他們終於準備好迎接黃金時代!
Thumbnail
每個人或多或少都使用過串流平台吧,即使沒有付費,時常也有免費的序號可以兌換。然而你有思考過,你是怎麼使用串流平台的嗎?大家都說追劇追劇,平台真的只有「劇」可追嗎?今天就來聊聊,我是怎麼使用串流平台的。
Thumbnail
每個人或多或少都使用過串流平台吧,即使沒有付費,時常也有免費的序號可以兌換。然而你有思考過,你是怎麼使用串流平台的嗎?大家都說追劇追劇,平台真的只有「劇」可追嗎?今天就來聊聊,我是怎麼使用串流平台的。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News