WebAssembly: A game changer for the Web | Mozilla
-
0:00 - 0:04(柔和的音樂)
-
0:04 - 0:06WebAssembly 能夠帶來的重大改變
-
0:06 - 0:09就是將原生應用程式的效能
-
0:09 - 0:11帶到網路上來,同時兼顧了安全性,
-
0:11 - 0:14還擁有完整的功能性
-
0:14 - 0:16你可能希望能在網頁上執行遊戲、
大型應用程式, -
0:16 - 0:19就像是普遍在電腦上的所看見的
原生程式一樣。 -
0:19 - 0:22WebAssembly 出現的目的
是想解決的一個問題 -
0:22 - 0:24目前在網路上我們能夠使用 JavaScript
-
0:24 - 0:25雖然是一個還不錯的程式語言,
-
0:25 - 0:27但這個語言並不是設計用來
-
0:27 - 0:30以最有效率的方式
來執行一個大型應用程式。 -
0:30 - 0:32WebAssembly 是做成二進位的格式。
-
0:32 - 0:34下載時的體積非常小,
-
0:34 - 0:37在編譯和執行時的效率也很高。
-
0:37 - 0:41WebAssembly 將會在兩個部分帶來優勢。
-
0:41 - 0:42第一個是啟動速度。
-
0:42 - 0:46已經有應用程式啟動時比起以往
可以快上兩倍甚至更多, -
0:46 - 0:48在未來還能夠有更多能夠優化的項目
-
0:48 - 0:50這能夠使得
-
0:50 - 0:51大型應用程式啟動更快,
-
0:51 - 0:53而在行動裝置上也是如此。
-
0:53 - 0:55同時,我們應該可以獲得明顯的改善
-
0:55 - 0:57以及增進資料處理速度。
-
0:57 - 1:00程式一旦被編譯之後,
就可以執行的更快。 -
1:00 - 1:04WebAssembly 滿足了
人們對於執行效能需求的鴻溝 -
1:04 - 1:06而不需要仰賴其他的擴充套件。
-
1:06 - 1:09所以你知道嗎?
我們現在可以使用 WebAssembly -
1:09 - 1:13來處理真正的64位元整數型別。
-
1:13 - 1:17另一個則是對於記憶體的管理
能夠有更好的掌控 -
1:17 - 1:19一般來說,這是以前沒有辦法達到的。
-
1:19 - 1:21你將可以見到大量更順暢的表現
-
1:21 - 1:23在你使用應用程式的整個過程當中
-
1:23 - 1:29不會有停頓或是不順的情況
-
1:31 - 1:34這通常是由於不同的 JIT
或是 GC 實作所造成的問題 -
1:34 - 1:36現在不同的開發人員可以使用 WebAssembly
-
1:36 - 1:40將原生的 C / C++ 應用程式
-
1:40 - 1:43以完整的效能帶到網頁之上
-
1:43 - 1:46並保持原先在視窗或麥金塔系統中
-
1:46 - 1:48以完整的功能執行在瀏覽器之下
-
1:48 - 1:50這是一個革命,因為這代表了
-
1:50 - 1:52使用者只需要開啟網頁
-
1:52 - 1:53就可以開始使用應用程式。
-
1:53 - 1:56無須下載、不用安裝、
也沒有安全上的顧慮。 -
1:56 - 1:58這真的是一個革命性的進展。
-
1:58 - 2:02你只要點開一個網址,
就可以見到這個巨大的場景, -
2:02 - 2:05馬上就可以沈浸到這個體驗之中,
-
2:05 - 2:09而且是以一個接近原生軟體的效能,
-
2:09 - 2:12在兼具可攜性
與跨平台的瀏覽器之下執行。 -
2:12 - 2:14這真的是非常令人驚艷。
-
2:14 - 2:16能夠以某個電腦語言撰寫你的程式,
-
2:16 - 2:18然後移植到所有的平台,
-
2:18 - 2:21你知道嗎,這是一個相當大的工程利基。
-
2:21 - 2:24我們有一個格式,可以作為編譯的標的
-
2:24 - 2:27提供給 C++ 和其他的程式語言。
-
2:27 - 2:28這是一個令人振奮的方向。
-
2:28 - 2:30我們繼續為 WebAssembly
提供更多的功能, -
2:30 - 2:32直到我們可以有效的
-
2:32 - 2:33涵蓋其他的主流語言的能力。
-
2:33 - 2:37這個通用型編譯目標的想法
-
2:37 - 2:39最終將可以解開
-
2:39 - 2:41任何其他以此為目標的語言限制
-
2:41 - 2:43然而,可以更開放的是,
-
2:45 - 2:47我們能夠在網頁上以原生的方式
-
2:47 - 2:50現在可以使用 javascript
透過 WebGL 來執行應用 -
2:50 - 2:53這是很多人在多年前所無法想像的事。
-
2:53 - 2:57老實說,當我開始往這條
-
2:57 - 2:59嘗試為網頁編譯程式的路前進,
-
2:59 - 3:01一開始我並不確定是否可以成功。
-
3:01 - 3:02我以為這完全是個笑話。
-
3:02 - 3:06當我們在 Epic 移植他們的 Citadel 展示
-
3:06 - 3:08最酷的反應是,
-
3:08 - 3:10我們在那裡一個星期的時間,
-
3:10 - 3:12就在最後一天的早上
-
3:12 - 3:14我們終於編譯好成為 asm.js。
-
3:14 - 3:15我們曾經以 javascript 的方式來實現,
-
3:15 - 3:17但是以這個新的 asm.js 的方式,
-
3:17 - 3:18我們可以成功在那個早上做到,
-
3:18 - 3:20甚至以超級平順的,
-
3:20 - 3:22在其他瀏覽器前所未見的平順下執行。
-
3:22 - 3:24那真的是一個別具意義的瞬間
-
3:24 - 3:26伴隨著擁抱與擊掌。
-
3:26 - 3:28Tim Sweeney 驚訝的說「天啊」,
-
3:28 - 3:30他的引擎可以在瀏覽器中執行,
-
3:30 - 3:31還有相當好的效能表現,
-
3:31 - 3:33於是他站著目不轉睛的盯著。
-
3:33 - 3:35但是在前一晚,我們經歷了一個
-
3:35 - 3:37你大概可以想像到,讓人啞口無言的,
-
3:37 - 3:39「喔,這個辦到了。」
-
3:39 - 3:40前所未有的平順。
-
3:40 - 3:42我記得他對這成效說了句類似的話:
-
3:42 - 3:44「嗯,我覺得這應該是可行的,
只是沒有想到這麼快可以達成。」 -
3:44 - 3:47這是一個驚艷的發展、一個超棒的發展
-
3:47 - 3:48在網頁的未來上
-
3:48 - 3:50而且 Mozilla 參與了核心的開發。
-
3:53 - 3:54其他類型的應用程式,
-
3:54 - 3:57通常會有個固定但不太高的工作量。
-
3:57 - 3:59而一般對於遊戲來說,
-
3:59 - 4:04當你可以提升 20% 的效能,
-
4:04 - 4:08遊戲就會使用這多出來的 20%
來提供更多的內容。 -
4:08 - 4:09當我們開始與這些團隊合作,
-
4:09 - 4:10了解到他們
-
4:10 - 4:12會提出最嚴厲的需求。
-
4:12 - 4:17因此,這也給我們相當大的信心,
-
4:17 - 4:20當人們在其他的使用情境下,
-
4:20 - 4:23不會有像遊戲產業如此嚴厲的需求,
-
4:23 - 4:24他們將可以輕鬆勝任。
-
4:24 - 4:26而對我們來說,Stingray 引擎
-
4:26 - 4:29不只是個尖端的遊戲引擎,
-
4:29 - 4:31而是在 Autodesk 我們使用 Stingray
-
4:31 - 4:34來創造一個沈浸的體驗
-
4:34 - 4:36對建築師、對機械工程師,
-
4:36 - 4:38這代表了是一樣可行的,
-
4:38 - 4:40這技術是可以轉移到所有的
-
4:40 - 4:41我們服務的市場。
-
4:44 - 4:46你知道,這整個開發的進展,
-
4:46 - 4:49從一開始的 asm.js 到現在的 WebAssembly
-
4:49 - 4:51對我來說,是網頁開發能力
-
4:51 - 4:53最終極的極致。
-
4:53 - 4:56是可得性的新的一步。
-
4:56 - 4:57是超越之前任何的成就。
-
4:57 - 5:00我猜你可以說 Mozilla 只有網頁這個平台
-
5:00 - 5:03我們將見到更多更多的平台
-
5:03 - 5:06逐漸趨向封閉的花園
-
5:06 - 5:10而我所見的網頁,是一個還存在的
-
5:10 - 5:13也許是僅存的一個空間,
-
5:13 - 5:14是沒有任何人可以控制
-
5:14 - 5:16哪些言論是否可以公開的一個空間,
-
5:16 - 5:20我認為這是非常重要必須守護的一點。
-
5:20 - 5:22我們希望網頁可以提供人們所需
-
5:22 - 5:24所有的事物,所以我認為這驅使我們
-
5:24 - 5:26必須審慎的看待
-
5:26 - 5:28「什麼是達成這點所需的?」
-
5:28 - 5:30WebAssembly 是我們首見的其中一個
-
5:30 - 5:32四大瀏覽器商可以在談判桌上
-
5:32 - 5:33共同起草一個標準
-
5:33 - 5:36網頁之所以能夠成功,
是因為一群不同的公司, -
5:36 - 5:38製作瀏覽器與作業系統的公司,
-
5:38 - 5:40能夠合作制訂網頁的未來。
-
5:40 - 5:43當某些公司試著消滅他們的競爭對手,
-
5:43 - 5:45這樣就很難直接與之合作,
-
5:45 - 5:47Mozilla 扮演了一個很特殊的角色
-
5:47 - 5:49在這裡作為一個協調合作者。
-
5:49 - 5:51你知道 Mozilla 真正開放網頁這個平台
-
5:51 - 5:53這是我們在意以及守護它的方式。
-
5:53 - 5:55而我們正為網頁這個平台
-
5:55 - 5:57開創一整個全新的技能樹
-
5:57 - 6:01使得以前所不可能的成為可能。
-
6:01 - 6:04因此,對我們而言,
這真的是網頁向前邁進的一大步。 -
6:04 - 6:11(柔和的音樂)
Yuan CHAO edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla | ||
Yuan CHAO edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla | ||
Yuan CHAO edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla | ||
Yuan CHAO edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla | ||
Odymel Yami edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla | ||
Odymel Yami edited Chinese, Traditional subtitles for WebAssembly: A game changer for the Web | Mozilla |