通過閱讀本文,您可以了解Web端集成SDK的方法。
注意事項
集成Web客戶端時,本地開發可使用http://localhost 或 file:// 協議訪問,生產環境則必須使用https協議訪問;
若您的開發環境無法通過localhost訪問,也不支持https協議,建議使用代理工具將某https域名請求代理到開發環境。
環境要求
Web端具體環境要求,請參見瀏覽器兼容性和已知問題。
操作步驟
SDK提供了UMD和ES Module兩種集成方式,并支持ts 類型文件定義。
ES Module
在項目中使用npm或yarn 安裝dingrtc。
npm install dingrtc --save // or yarn add dingrtc
在項目腳本文件里引入相應模塊。
import DingRTC from 'dingrtc';
UMD
下載并Web SDK,請參見下載地址SDK下載。
在項目相應的HTML文件中,引用SDK文件。
// 例如:下載SDK文件并命名為dingrtc.js,存放在HTML文件同目錄下。 <script src="./dingrtc.js"></script>
在項目腳本文件中使用全局對象DingRTC。
// 例如:創建Web客戶端實例 const RTCEngine = DingRTC.default; const client = RTCEngine.createClient();
后續步驟
完成集成SDK操作后,您可以實現音視頻通信的基本功能,詳情請參見實現基本功能。
文檔內容是否對您有幫助?