RTE 2020 | 大前端技術專場,聊聊 Flutter、Wasm 與 Web 引擎

2022-01-09 聲網Agora

收錄於話題 #RTE 2020 17個

一年一度的 RTE 2020 實時網際網路大會將要在 10 月 22 日正式在線上舉(kāi)行(bō)了!今年,線上的技術專場分為了「大前端」、「AI 與 RTC」、「實時傳輸與架構」。23 日晚間還有一場技術夜談,由 InfoQ 編輯對話三位在 RTE(實時互動)行業工作多年的技術大佬,聊聊音視頻技術學習路線與個人技術成長。同時,在 10 月 24 日,RTE 2020 實時網際網路大會線下站將來到上海,從實時互動技術在各行業中應用趨勢,聊到 5G、AI、服務端架構演進等研究與最佳實踐。那麼,我們先來揭曉一下 10 月 23 日下午即將舉行的「大前端技術專場」。今年的大前端技術專場,有來自美團的前端技術專家分享他們的 WebRTC 客服電話場景,以及如何解決多頁面多域名下共享通話狀態這個業界難題;還有《深入淺出 WebAssembly》作者、Paypal 軟體工程師,來分享 WebAssembly 在音視頻領域的實踐案例;以及,來自聲網的 Web 引擎高級架構師,分享在受限於 Web 標準及 Web API 可用性的情況下,如何基於 Web 引擎進行服務端錄製。
Web互動場景還原:基於Web引擎技術的Web內容錄製

議題簡介:隨著基於WebRTC技術的Web應用快速成長,記錄web在線教育、視頻會議等場景的互動內容並對其準確還原越來越成為一項迫切需求。在主流瀏覽器中,通常基礎設施部分已實現了頁面渲染結果的採集及編碼。開發者可以利用瀏覽器提供的API對頁面內容進行錄製。但受限於Web標準以及瀏覽器廠商在專利授權方面的問題,使用Web API實現頁面錄製在易用性和可用性上均較難令人滿意。針對上述問題,本次分享將就Web引擎渲染採集原理進行分析,並就基於Web引擎的服務端錄製技術進行探討。

議題簡介:基於 Web 的實時協同應用越來越多,絕大部分應用的實現方式是在客戶端之間共享部分狀態數據,來達到協同的效果。如果能夠將 Web 視圖完整的在客戶端之間同步傳遞,那麼將解鎖更多應用場景。本次演講會介紹一種高效的 Web 視圖序列化方式,可以將視圖及其後續的變化轉化為易於傳輸、存儲的通用數據格式,並在實時協同場景中加以應用。

議題簡介:本次演講,我將介紹閒魚在 Flutter 互動引擎 Candy 的設計和應用實踐,過程介紹如何突破 UI 和引擎的邊界達到互融、以及應用和實踐的優化問題。

議題簡介:WebAssembly 自2015年發展至今已經過去了將近5年的時間,而「Web 音視頻領域」則是近些年來它的眾多經典實踐所湧現的地方。基於 MVP 標準提供的特性,我們已經能夠對這些構建在 Web 瀏覽器上的應用進行一些優化,而當 Post-MVP 標準實現後,Wasm 在 Web 端的能力將會有著更進一步的提升。屆時,對 Web 音視頻應用的影響也將從更多方面顯現。

議題簡介:近幾年,基於WebRTC的電話終端工具在通訊行業中越來越流行,客戶服務可以直接通過瀏覽器撥打電話來實現。目前業內大多數Web電話工具僅支持單個頁面使用,無法支撐美團多業務複雜的外呼場景,我們在WebRTC領域不斷探索,實現了多頁面多域名共用的Web端電話SDK。本次分享將介紹美團基於WebRTC的電話SDK實踐,包括如何通過共享線程來解決多頁面多域名下共享通話狀態的業界難題。

在今年大會上,除了可以在大會期間在微信交流群與講師交流,還可以預約「講師一對一」,通過一對一視頻與講師圍繞演講議題及相關技術話題深入交流。現在「講師一對一」預約窗口已經正式開啟:https://calendly.com/rte2020

與此同時,如果你希望與聲網Agora技術團隊、生態市場、產品團隊交流,深入了解RTE場景構建的技術方案選型與架構設計,或是與 RTE 行業專家探討行業創新場景的商業機會,了解最新的商業機會,甚至是加入聲網Agora 為創業團隊打造的創業支持計劃,都可以報名參加「Talk With Agora」線上活動。所有觀眾都可以在線預約:https://calendly.com/agoraio

RTE2020大會已在大會官網(rteconf.com)與「聲網Agora開發者」微信服務號開啟報名,大會還為廣大開發者送上福利,報名參會的觀眾可獲得1元購價值1000元的聲網Agora代金券。

相關焦點

  • Flutter For Web:人人都是大前端開發
    原有項目中如果直接運行 flutter run -d chrome,會發現控制器中 import 報錯,原因是 dart: io 庫不支持 web。既然 dart: io 不支持 web,那我們仍然想使用原先的 Flutter 業務 UI 代碼,該 如何實現(上文我們說過,我們想使用同一套代碼、同一套資源整合大前端)?我們使用不同平臺下支持的能力庫區分。
  • IVWEB玩轉wasm系列-純web視頻剪輯/轉換工具
    多年前的方案在2013年(今年是2020年)的Node Knockout比賽上,有人提出了一個叫 Video Funhouse(年代太久遠,我沒能找到更多的資料)的設想,後來就有了github上的videoconverter方案。
  • 騰訊 Flutter 跨平臺 Web 實踐
    Flutter內置了UI界面,與Hybrid App、React Native這些跨平臺技術不同,Flutter既沒有使用WebView,也沒有使用各個平臺的原生控制項,而是本身實現一個統一接口的渲染引擎來繪製UI,Dart直接編譯成了二進位文件,這樣做可以保證不同平臺UI的一致性。
  • 騰訊專家實戰解讀Flutter for Web
    而在剛發布的 1.9 Release 版本中,Flutter For Web 合入了 Flutter 主工程,原來的 flutter_web 工程已經廢棄,而且從預覽版變成了技術預覽版,這樣的好處在於無需單獨引入 web 庫了,當然,谷歌特別提示了,技術預覽版還沒有達到 alpha 版本,不建議在生產環境使用,而如果想要在 Flutter 上面提 issue 的話,建議在標題裡帶上 web
  • 2020 年大前端技術趨勢解讀
    這種表象的改變背後是本質的轉變,從更為宏觀的角度來說,前端正在通過持續的技術革新和技術融合不斷突破自身邊界,進而重新定義自身價值。在這種大變革的時代背景下,騰訊 IMWeb 前端團隊也正在與時俱進得進行著技術更新、優化與升級,結合自身這一年的快速發展,IMWeb 團隊為大家帶來 2020 年大前端技術趨勢解讀。
  • IVWEB玩轉wasm系列-揭秘wasm+h265直播播放器
    「WebAssembly,因其接近機器碼的特性和更小的文件體積,使用wasm文件相較於js會有編譯和加載時間更少的優勢,加上利用Emscripten等編譯器工具可以將c/c++編譯成wasm文件極大的拓展了前端的視野,從2017年推出以來,就一直是前端開發者們關注的熱點。> 現在,我們已經可以看到很多基於wasm遊戲/音視頻/web文件處理等方面的web應用。
  • flutter: 一周感悟
    和其它跨平臺移動應用解決方案不同,flutter 更像是一個遊戲引擎,而 flutter 應用是一個披著普通應用外衣的遊戲。你可以停下來仔細想想這意味著什麼。是的,flutter 構建在一個 2D 圖形引擎 Skia 之上。可能很少有人聽過 Skia,它是 google 2005 年收購的一家圖形引擎公司,由 Michael Reed 創建。
  • 讓前端開發者失業的技術:Flutter Web初體驗
    掌握Flutter web可能是Web前端開發者翻盤的唯一機會。在前些日子舉辦的Google IO 2019 年度開發者大會上,Flutter web作為一個很亮眼的技術受到了開發者的追捧。這是繼Flutter支持Android、IOS等設備之後,又一個裡程碑式的版本,後續還會支持windows、linux、Macos、chroms等其他嵌入式設備。
  • Flutter 1.2發布,帶來全新的Web開發工具!
    /flutter/wiki/Release-Notes---Changes-in-1.2.0)。為了實現後者,他們增加了浮動光標文本編輯(floating cursor text editing):https://github.com/flutter/flutter/pull/25384Flutter 的插件團隊主要致力於應用內購買以及視頻播放、webview 和 maps 中的 bug 進行修復。
  • 深度解析 | Flutter web 支持的最新進展
    它的靈感源自 web 的生產力和迭代開發模型,我們的許多工程師在構建瀏覽器引擎和網絡標準方面都有多年的經驗。我們之所以將網絡瀏覽器作為目標,是因為它是網際網路的 "心臟": 計算機歷史上最普遍、最靈活、最廣泛的應用模型。多年以來,web 平臺和 HTML DOM 在本質上相差無幾。然而最近,隨著 web 平臺不斷擴展,API 和功能越來越豐富,使得開發者得以接觸到底層作業系統和硬體。
  • 讓前端和Android開發者失業的技術:Flutter Web初體驗
    掌握Flutter web可能是Web前端開發者翻盤的唯一機會。在前些日子舉辦的Google IO 2019 年度開發者大會上,Flutter web作為一個很亮眼的技術受到了開發者的追捧。這是繼Flutter支持Android、IOS等設備之後,又一個裡程碑式的版本,後續還會支持windows、linux、Macos、chroms等其他嵌入式設備。
  • 輕鬆 Flutter 入門,秒變大前端
    隨著純客戶端到Hybrid技術,到RN&Weex,再到如今的Flutter技術,客戶端實現技術不斷前進。
  • 騰訊新聞前端團隊:Flutter Web初體驗
    Flutter內置了UI界面,與Hybrid App、React Native這些跨平臺技術不同,Flutter既沒有使用WebView,也沒有使用各個平臺的原生控制項,而是本身實現一個統一接口的渲染引擎來繪製UI,Dart直接編譯成了二進位文件,這樣做可以保證不同平臺UI的一致性。
  • 從 Flutter Go 到 Flutter Go web - 手把手帶你輕鬆玩轉 Flutter-web(一)
    我們將此版本指定為技術預覽版; 對 Flutter Go native 版本移植還原度大概在 80%左右。旨在幫助 Flutter 開發人員,快速熟悉 Flutter-web 官方的實踐。在 Flutter 官方宣布Flutter暫時不會開發熱更新(Code push) 之後, Flutter-web 無疑是的動態更新代碼最快捷的方式,雖然不是最佳方案,但是是最易用降級方案。
  • 14行JavaScript教你使用WebAssembly
    作為一種比較新的 web 技術,WebAssembly 可能會對 web 開發帶來巨大的影響。
  • 10分鐘入門WebAssembly
    本文將帶你抓住爆點,10分鐘掌握webassembly~了解WebAssembly什麼是WebAssembly?官網定義:WebAssembly/wasm WebAssembly 或者 wasm 是一個可移植、體積小、加載快並且兼容 Web 的全新格式(二進位)。是由主流瀏覽器廠商組成的 W3C 社區團體 制定的一個新的規範。
  • 騰訊LIVE開發者大會「門票免費抽」,河伯、Winter、大漠等大前端信息流技術大咖你來!
    TLC大會是由騰訊直播&NOW直播IVWEB團隊和騰訊雲聯合舉辦,致力於提升和促進全行業音視頻、直播、圖像處理、大前端、信息流等領域的交流和技術創新。本屆 TLC 大會的主題是「大前端,信息流」,將於2019年8月17日在深圳科興科學園國際會議中心舉辦,會議持續1天。更多信息,前往大會官網:https://2019.tlc.ivweb.io/。
  • WASM·技術趨勢
    對技術的熱愛已經超越了工作本身,完全是興趣所在I quit my job to focus on SerenityOS full time作為無邊界學習愛好者,我們需要時刻留意技術的發展趨勢~~webassembly.orgWebAssembly是一種新的編碼方式,可以在現代的網絡瀏覽器中運行,它是一種低級的類彙編語言,一種二進位格式,可以接近原生的性能運行。WASM 的啟動時間比 V8 快,並且能夠在具有少量內存和存儲(可能低於 1GB 內存和 50MB 存儲)的物聯網設備上運行。
  • Flutter 概述
    code小生 一個專注大前端領域的技術平臺公眾號回復Android加入安卓技術群作者:伐木匠連結:https://www.jianshu.com/p/ac14027eed66聲明:本文已獲伐木匠授權發表,轉發等請聯繫原作者授權節省成本:省人力成本,一個會跨平臺的人
  • Line在服務端 WASM的分享、用Rust和wasm實現 AI as a service-WebAssembly 周報0923
    本文將教您如何使用 Rust、 WebAssembly 和 Tensorflow 實現作為 web 服務的人臉檢測。Emscripten 2.0.4 發布,支持 Bazel 👏Emscripten 2.0.4 本周發布了。新性能:是支持 Bazel 的第一個版本。