資訊專欄INFORMATION COLUMN
摘要：如何接入一個全平臺實時互動白板是一款全平臺支持的實時互動白板，可以用于在線教育會議遠程協(xié)作設(shè)計審查演示等場景?？蛻糁恍枰云髽I(yè)帳號，獲取證明企業(yè)身份的，就可以根據(jù)接入文檔一鍵啟動互動白板。本教程將引導(dǎo)你在自己的網(wǎng)站中引入一塊互動白板。
如何接入一個全平臺實時互動白板
white 是一款全平臺支持的實時互動白板，可以用于在線教育、會議、遠程協(xié)作、設(shè)計審查、PPT 演示等場景。white 官方網(wǎng)站
我們在官網(wǎng)上做了詳細的產(chǎn)品介紹，讓用戶可以更深入的了解 white 在教育、協(xié)作、會議等場景下的創(chuàng)新和優(yōu)勢。
點擊查看官網(wǎng)
white web app 針對個人用戶和小團隊用戶：我們提供了開箱即用的 White App。White App 覆蓋了 iOS、Android、 Web、 小程序、Windows、Mac OS，等主流平臺應(yīng)用，用戶只需要注冊 White 個人帳號即可使用。
點擊使用 white 網(wǎng)頁版
white 控制臺 針對企業(yè)的級大客戶：我們提供了高可用的白板云服務(wù) White Service。White Service 提供了 iOS、Android、Web 等主流平臺的 SDK 和云端相關(guān)業(yè)務(wù)的線路優(yōu)化、數(shù)據(jù)處理和存儲分發(fā)一站式服務(wù)?？蛻糁恍枰?White 企業(yè)帳號，獲取證明企業(yè)身份的 White miniToken，就可以根據(jù)接入文檔一鍵啟動 White 互動白板。
點擊查看控制臺
以 JavaScript 為例 快速開始Hi, 親愛的開發(fā)者，歡迎使用 White 白板。本教程將引導(dǎo)你在自己的網(wǎng)站中引入一塊互動白板。不過首先，我們假定你已經(jīng)了解 JavaScript 的基礎(chǔ)語法，并掌握了 HTML 頁面的基礎(chǔ)知識。
創(chuàng)建項目首先，你需要在你桌面端創(chuàng)建一個文件夾，作為工作空間。隨后，我們將在這個工作空間中添加一些文件。然后，我們創(chuàng)建一個名為 index.html 的文件。
引入資源
該頁面引用了 3 個 JavaScript 資源文件。
https://sdk.herewhite.com/white-web-sdk/1.3.0.css：White 的樣式文件。
https://sdk.herewhite.com/white-web-sdk/1.3.0.js： White 的 SDK 文件。
index.js ：這是實現(xiàn)我們業(yè)務(wù)邏輯的 js 文件。
創(chuàng)建白板現(xiàn)在，我們在工作空間創(chuàng)建 index.js 文件。
var whiteWebSdk = new WhiteWebSdk();
var miniToken = "WHITEcGFydG5lcl9pZD1DYzlFNTJhTVFhUU5TYmlHNWJjbkpmVThTNGlNVXlJVUNwdFAmc2lnPTE3Y2ZiYzg0ZGM5N2FkNDAxZmY1MTM0ODMxYTdhZTE2ZGQ3MTdmZjI6YWRtaW5JZD00JnJvbGU9bWluaSZleHBpcmVfdGltZT0xNTY2MDQwNjk4JmFrPUNjOUU1MmFNUWFRTlNiaUc1YmNuSmZVOFM0aU1VeUlVQ3B0UCZjcmVhdGVfdGltZT0xNTM0NDgzNzQ2Jm5vbmNlPTE1MzQ0ODM3NDYzMzYwMA";
var url = "https://cloudcapiv3.herewhite.com/room?token=" + miniToken;
var requestInit = {
method: "POST",
headers: {
"content-type": "application/json",
},
body: JSON.stringify({
name: "my whiteboard",
limit: 100, // 房間人數(shù)限制
}),
};
fetch(url, requestInit)
.then(function(response) {
return response.json();
})
.then(function(json) {
return whiteWebSdk.joinRoom({
uuid: json.msg.room.uuid,
roomToken: json.msg.roomToken,
});
})
.then(function(room) {
room.bindHtmlElement(document.getElementById("whiteboard"));
});
使用體驗
這時，你的工作空間里應(yīng)該已經(jīng)創(chuàng)建了 2 個文件。
index.html
index.js
雙擊 index.html 或在瀏覽器（推薦使用 Chrome）地址欄中輸入 index.html 的絕對路徑，打開這個網(wǎng)頁。
之后，可以在網(wǎng)頁上寫寫畫畫，此時應(yīng)該能看到涂寫的筆跡。至此，我們的第一個白板應(yīng)用就做好了。
相關(guān)代碼你可以在 Github 上下載這章的所有代碼。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98877.html
摘要：宋體同時支持多平臺的接入，能滿足不同客戶端的接入需求。宋體宋體支持萬人直播推送宋體宋體利用實時集群直播集群，實現(xiàn)音視頻連麥互動可以同時推送萬人直播，具體原理如下。有人說：2G 看文字，3G 看圖片，4G 看視頻，那么對于已經(jīng)開啟序幕的 5G 時代呢？隨著短視頻、在線課堂、互動直播等音視頻應(yīng)用的崛起，如何適配差異化的網(wǎng)絡(luò)環(huán)境，為用戶提供更流暢高清的實時音視頻服務(wù)成為關(guān)注重點。而當(dāng)前的音視頻技術(shù)...
摘要：目前，小站教育已開設(shè)美高擇校備考留學(xué)規(guī)劃等全面提升預(yù)備役留學(xué)生綜合實力的課程。后疫情時代，小站教育加快打造更優(yōu)質(zhì)的在線語培教學(xué)服務(wù)，與攜手優(yōu)化現(xiàn)有教學(xué)模式。夢想不是簡單的夢和想，而是無論順境逆境，光明黑暗都矢志不渝的激情與渴望。這是小站教育創(chuàng)始人兼CEO王浩平寫在公司官網(wǎng)上的話。經(jīng)歷過為留學(xué)考6次托福和3次GMAT的回憶，王浩平希望用小站教育幫助更多學(xué)子避開自己曾走過的彎路，打開更為廣闊的世...
摘要：微軟雅黑宋體除在線教育外，也可滿足語音和視頻社交遠程醫(yī)療視頻會議娛樂直播等多種業(yè)務(wù)場景需要，后續(xù)將持續(xù)推出多行業(yè)的實時音視頻解決方案。微軟雅黑宋體目前已上線公測，且每月萬分鐘內(nèi)免費，登錄優(yōu)刻得官網(wǎng)即可了解更多產(chǎn)品功能及價格信息。近日，中立云服務(wù)平臺UCloud優(yōu)刻得正式推出URTC（UCloud Real-Time Communication）實時音視頻產(chǎn)品，依托于UCloud優(yōu)刻得強大的云...
閱讀 1852·2021-08-19 11:12
閱讀 1426·2021-07-25 21:37
閱讀 989·2019-08-30 14:07
閱讀 1268·2019-08-30 13:12
閱讀 653·2019-08-30 11:00
閱讀 3530·2019-08-29 16:28
閱讀 993·2019-08-29 15:33
閱讀 2969·2019-08-26 13:40
