1
IOS 技术分享| anyRTC 互动白板场景实现
作者:anyRTC开发者
- 2022 年 1 月 11 日
本文字数:2980 字
阅读完需:约 10 分钟
前言
anyRTC 互动白板提供一整套完整的互动白板解决方案,客户端 SDK 覆盖 iOS、Android、Web 等主流平台,同时提供完整的服务端配套功能,可用于在线教育、在线会议、协作办公、在线互动娱乐等场景。
产品优势
超低延时
anyRTC 自研引擎和算法,减少传输冗余数据,白板操作延迟低至 100 ms,节约带宽资源的同时,打造真正无感知的实时互动体验。
服务部署于全球多个节点,通过就近接入、智能路由等控制策略,给不同地域的用户带来同样顺畅的体验。
支持多平台,集成简单
anyRTC 互动白板 SDK 覆盖 Web、Android、iOS 等主流平台,几行代码即可快速接入。
灵活组合
anyRTC 互动白板 SDK 作为独立、可自定义的白板产品,灵活易用,可满足不同场景的需求:
可与 anyRTC 音视频 SDK、信令 SDK 等产品搭配使用,丰富应用的功能,详见anyRTC 文档。
计费
2022 年 12 月 31 前 anyRTC 白板免费使用。
平台支持
新春献礼,钜惠来袭
互动白板
效果预览
App Store 体验
源码下载
开发环境
开发工具:Xcode13
开发语言:Swift
实现:互动白板相关。
核心代码
实例化白板对象
func initializeBoard() {
boardKit = ARBoardKit(engineWithAppId: AppID, delegate: self)
let boardView = boardKit.getBoardRenderView()
boardView.frame = view.bounds
view.insertSubview(boardView, at: 0)
boardKit.joinChannel(byToken: nil, channelId: channelId, uid: localUid) { [weak self] _, _ in
boardKit.setDrawEnable(true)
self?.isJoin = true
print("joinChannel")
}
}
复制代码
白板菜单
@objc func didClickMenu() {
view.endEditing(true)
if isJoin {
menuVc.view.frame = CGRect(x: isMenuOn ? 0 : -288, y: 0, width: ARScreenWidth, height: ARScreenHeight - (isFullScreen() ? 88 : 64))
isMenuOn.toggle()
if isMenuOn {
view.addSubview(menuVc.view)
addChild(menuVc)
}
UIView.animate(withDuration: 0.2) {
self.menuVc.view.x = self.isMenuOn ? 0 : -288
} completion: { _ in
if !self.isMenuOn {
self.menuVc.view.removeFromSuperview()
self.menuVc.removeFromParent()
}
}
} else {
print("Join Channel first")
}
}
复制代码
白板操作
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
let menuItem = menus[indexPath.section].rows[indexPath.row]
if menuItem.identifier.count != 0 {
guard let toolVc = storyboard?.instantiateViewController(withIdentifier: menuItem.identifier) else { return }
toolVc.modalPresentationStyle = .overCurrentContext
if toolVc is ARColorViewController {
let colorVc = toolVc as! ARColorViewController
colorVc.colorIndex = indexPath.row
}
present(toolVc, animated: false, completion: nil)
return
}
if indexPath.section == 0 {
if indexPath.row == 6 {
/// 撤销
boardKit.undo()
} else if indexPath.row == 7 {
/// 重做
boardKit.redo()
} else if indexPath.row == 8 {
/// 清空涂鸦
boardKit.clear(false)
} else if indexPath.row == 9 {
/// 清空涂鸦和背景
boardKit.clear(true)
} else if indexPath.row == 10 {
/// 重置
boardKit.reset()
}
} else if indexPath.section == 1 {
if indexPath.row == 0 {
/// 新增
boardKit.addBoard()
} else if indexPath.row == 1 {
/// 删除
boardKit.deleteBoard()
} else if indexPath.row == 2 {
/// 上一页
boardKit.preBoard()
} else if indexPath.row == 3 {
/// 下一页
boardKit.nextBoard()
}
}
}
复制代码
白板回调
extension ARBoardViewController: ARBoardDelegate {
func board(_ boardKit: ARBoardKit, didOccurError errorCode: ARBoardErrorCode) {
/// 发生错误回调
Logger.log(message: "didOccurError errorCode = \(errorCode.rawValue)", level: .error)
}
func board(_ boardKit: ARBoardKit, addBoard boardIds: [Any], fileId: String) {
/// 添加白板页的回调
Logger.log(message: "addBoard boardIds = \(boardIds) fileId = \(fileId) ", level: .info)
}
func board(_ boardKit: ARBoardKit, deleteBoard boardIds: [Any], fileId: String) {
/// 删除白板页的回调
Logger.log(message: "deleteBoard boardIds = \(boardIds) fileId = \(fileId)", level: .info)
}
func board(_ boardKit: ARBoardKit, gotoBoard fileId: String, boardId: String) {
/// 白板页切换的回调
Logger.log(message: "gotoBoard fileId = \(fileId) boardId = \(boardId)", level: .info)
}
func board(_ boardKit: ARBoardKit, scaleChannge boardId: String, scale: CGFloat) {
/// 白板缩放的回调
Logger.log(message: "scaleChannge boardId = \(boardId) scale = \(scale)", level: .info)
}
func board(_ boardKit: ARBoardKit, connectionChangedTo state: ARBoardConnectionStateType, reason: ARBoardConnectionChangedReason) {
/// 网络状态回调
Logger.log(message: "connectionChangedTo state = \(state.rawValue) reason = \(reason.rawValue)", level: .info)
}
func board(_ boardKit: ARBoardKit, undoStateChange enable: Bool) {
/// 当前白板页是否可撤销
Logger.log(message: "undoStateChange enable = \(enable)", level: .info)
}
func board(_ boardKit: ARBoardKit, redoStateChange enable: Bool) {
/// 当前白板页是否可重做
Logger.log(message: "redoStateChange enable = \(enable)", level: .info)
}
}
复制代码
结束语
anyRTC 互动白板目前还存在一些待完善的功能点,体验或集成过程中有不足之处,欢迎大家指出~
划线
评论
复制
发布于: 刚刚阅读数: 4
版权声明: 本文为 InfoQ 作者【anyRTC开发者】的原创文章。
原文链接:【http://xie.infoq.cn/article/3c84c595ae725c8602bb12435】。文章转载请联系作者。
anyRTC开发者
关注
实时交互,万物互联! 2020.08.10 加入
实时交互,万物互联,全球实时互动云服务商领跑者!
评论