{"_id":"@anyrtc/whiteboard-with-ui","_rev":"4-9a4e9bb0edd0c3cfee925f5f5896e10f","name":"@anyrtc/whiteboard-with-ui","dist-tags":{"latest":"0.0.1"},"versions":{"0.0.1":{"name":"@anyrtc/whiteboard-with-ui","version":"0.0.1","keywords":[],"author":{"url":"https://www.anyrtc.io","name":"Mark@anyRTC","email":"chenpeng@dync.cc"},"license":"MIT","_id":"@anyrtc/whiteboard-with-ui@0.0.1","maintainers":[{"name":"cheam","email":"chenpeng@dync.cc"}],"homepage":"https://www.anyrtc.io","dist":{"shasum":"079e742f31677f1f07a5389f402d774f76adb484","tarball":"https://registry.npmjs.org/@anyrtc/whiteboard-with-ui/-/whiteboard-with-ui-0.0.1.tgz","fileCount":10,"integrity":"sha512-q0kd0zM5gGAASaE8yLtt2bS87/mWD/Nmm62DJVOLZFdh1ex/MVcCei80bJMC9/b26euREDgDXOQKen7BlF0E6g==","signatures":[{"sig":"MEQCIFHnulbwlk7osHEaUFHooBWLHR2PpU7lVSZx1wTScqr/AiBO15jgrzWTM9+IyzmVhsBzHvSCD8RJ9TGiRMuVRlgKzQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":51058,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbyXbYCRA9TVsSAnZWagAAA8UQAKPieOg9rrASTRwREVBe\n8twCQOQHDbVO0kuQMT/b34qRvuEHTKkf6KJ+B/Hrmd05o9RkWX5JRe4lQMs6\nScfPug4wFWmxUCbAxxPJbZERIl5+Rd59SFX3JnyjcW6HBr7r1rNQD5WBjPQp\ncXGJGnSirkTk0z1WnRNRs5TZ2fPbobbXwtwWlpvlGjfdEaN9vzM6ASMMIFTC\nCQw7iXnW7Tli6XYX0sOd8mSFz2KonkNZcj2vrvVksSJkjU1A8PneaX6fDG4c\nDCETMZoJqcd4dqxlxKxWYpBXoWbFJPlp9WGAyxnP6QanpRoi7l5GldoB1UuI\nAZtliFJmRvT+aXx9E6427Imcm00HWUH01rpln9bQTx0DX+PKxWsEbR+H1twq\nFILOVrbrC8JGMt8kL5SGhM1VC+heKNC4tOB1NxAXkzZYZfdvbTXXUJDURBA0\nIkMFpej9WJSocaPyfCoRIaifkbUR8fJJCm8f6bwq1BgfkpV7HKHzDS4TA7pm\nMcZxujr7xzc2+bf4bMYDSp/ufU2jdAAlZPRcYUjEH1U6g9RVHGUlezw7/t67\nhZdVdS/56PS3whF3sEkL6pjLlEtRnC7gL5SEjrTDbtd8FMSRgLdmQEuSJcjc\nmKsYYJKQwLjXw8EKyIGpYPUdiC+iONTW6xOu1kqsfwBHVtzUkmb+xNKZy4Nz\n5TC+\r\n=5fVl\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"tsc"},"_npmUser":{"name":"cheam","email":"chenpeng@dync.cc"},"_npmVersion":"6.4.1","description":"This is an white board SDK include ui, simple ot use, you can visit anyrtc.io get app token.","directories":{"lib":"lib"},"_nodeVersion":"10.8.0","dependencies":{"socket.io-client":"^2.1.1"},"_hasShrinkwrap":false,"devDependencies":{"path":"^0.12.7","babel":"^6.23.0","webpack":"^4.19.1","babel-core":"^6.26.3","webpack-cli":"^3.1.0","babel-loader":"^7.1.5","babel-preset-es2015":"^6.24.1"},"_npmOperationalInternal":{"tmp":"tmp/whiteboard-with-ui_0.0.1_1539929815716_0.20514263016280387","host":"s3://npm-registry-packages"}}},"time":{"created":"2018-10-19T06:16:55.544Z","modified":"2026-07-18T09:06:59.168Z","0.0.1":"2018-10-19T06:16:55.933Z"},"author":{"url":"https://www.anyrtc.io","name":"Mark@anyRTC","email":"chenpeng@dync.cc"},"license":"MIT","homepage":"https://www.anyrtc.io","keywords":[],"description":"This is an white board SDK include ui, simple ot use, you can visit anyrtc.io get app token.","maintainers":[{"email":"604748948@qq.com","name":"anyrtc-mark"}],"readme":"# anyrtc-whiteboard\r\n\r\nanyRTC平台画板SDK是一款跨平台轻量级的白板SDK，易用、实时。\r\n\r\n# DEMO\r\n\r\n前往[体验](https://www.anyrtc.io/demo/whiteboard/create)\r\n\r\n## Installation\r\n\r\nUsing npm:\r\n\r\n```\r\n#  更新npm\r\n$  npm i -g npm\r\n#  安装SDK\r\n$  npm i -S anyrtc-whiteboard socket.io-client\r\n```\r\nIn Node.js:\r\n\r\n```\r\nimport { Board } from 'anyrtc-whiteboard';\r\n```\r\n\r\n## Useage\r\n\r\n### 获取开发者信息\r\n\r\n- 前往[anyRTC 云平台](https://www.anyrtc.io)获取开发者信息，并创建一个app应用。\r\n\r\n### 创建Canvas\r\n\r\n```\r\n<canvas id=\"myCanvas\" width=\"640\" height=\"480\"></canvas>\r\n```\r\n\r\n### 初始化实例\r\n\r\n```\r\nimport Board from 'anyrtc-whiteboard';\r\n\r\nvar board = new Board(document.getElementById(\"myCanvas\"));\r\n```\r\n\r\n### initEngineWithAnyRTCInfo - 连接画板服务\r\n\r\n```\r\n//前往anyrtc平台获取\r\nvar DEV_ID = \"\";//开发者Id\r\nvar APP_ID = \"\";//应用的appId\r\nvar APP_KEY = \"\" ;//应用的appKey\r\nvar APP_TOKEN = \"\";//应用的appToken\r\nvar APP_DOMAIN = \"\";//网站域名-（上线必填，开发可以为空）\r\n\r\n//初始化anyRTC引擎\r\nboard.initEngineWithAnyRTCInfo(DEV_ID, APP_ID, APP_KEY, APP_TOKEN, APP_DOMAIN).then(res => {\r\n\tif (res.code === 0) {//初始化成功\r\n\t\t//Do something\r\n\t} else {\r\n\t\t//连接不成功\r\n\t}\r\n}).catch(err => {\r\n\r\n});\r\n```\r\n\r\n### initWithRoomID - 初始化画板\r\n\r\n在```initEngineWithAnyRTCInfo```成功之后，初始化画板\r\n\r\n```\r\n//前往\r\nvar fileId = \"\";//文件ID（保证唯一）\r\nvar anyRTCId = \"\";//房间号（保证唯一）\r\nvar userId = \"\";//用户id（保证唯一）\r\nvar backgroundList= [] ;//背景图片\r\n//连接服务\r\nboard.initWithRoomID(fileId, anyRTCId, userId, backgroundList).then(res => {\r\n\tif (res.code === 0) {\r\n\t\t//连接成功\r\n\t} else {\r\n\t\t//连接不成功\r\n\t}\r\n});\r\n```\r\n\r\n### 监听回调\r\n\r\n```\r\n//监听画板变化\r\nboard.on(\"onBoardPageChange\", (currentPage, totalPage, backgroundUrl, backgroundList) => {\r\n  console.log(\"当前画板页数\", currentPage);\r\n  console.log(\"画板总页数Index\", totalPage);\r\n  console.log(\"当前画板背景URL\", backgroundUrl);\r\n  console.log(\"所有画板背景列表\", backgroundList);\r\n});\r\n\r\n//画板被销毁\r\nboard.on(\"onBoardDestroy\", () => {\r\n  \r\n});\r\n\r\n//监听画板错误\r\nboard.on(\"onBoardError\", code => {\r\n  //详情请参考错误码\r\n});\r\n\r\n```\r\n\r\n### 错误码\r\n\r\n|code  | Desciption |\r\n|----------|:-------------:|\r\n|AnyRTCBoardCodeParameterError |参数为空或者参数错误|\r\n|AnyRTCBoardCodeNoNet | 当前无网络|\r\n|AnyRTCBoardCodeSessionPastDue | Session已过期|\r\n|AnyRTCBoardCodeDeveloperInfoError | 开发者信息错误|\r\n|AnyRTCBoardCodeDeveloperArrearage | 账号欠费|\r\n|AnyRTCBoardCodeDeveloperNotOpen | 该功能未开通|\r\n|AnyRTCBoardCodeDatabaseError | 数据库异常|\r\n|AnyRTCBoardCodeBackgroundListIsNull | 背景图片队列为空 |\r\n\r\n## 技术支持 \r\n> 加QQ技术咨询群：580477436 (一群) 554714720 (二群)  \r\n> 欢迎加入[anyRTC社区](https://bbs.anyrtc.io) 和我们一起探讨WebRTC技术以及解决集成问题。","readmeFilename":"README.md"}