Steven 5c4a136110 Merge branch 'CloudUpdate' into NewDev 2 weeks ago
..
Whiteboard 5c4a136110 Merge branch 'CloudUpdate' into NewDev 2 weeks ago
LICENSE 5319c3c606 first commit 2 years ago
README-zh.md df46b74b2f 编译警告处理Mixed ObjC ABI 3 weeks ago

README-zh.md

Whiteboard

本项目为 White-SDK-iOS 的开源版本,为了更好的显示源码结构,Whiteboard 将项目分为了多个subpod,更有利于开发者查看项目源码层级。为此需要修改引用关系。

bridge-check

文档

官网文档 —— iOS部分

引用

  • CocoaPods

    pod 'Whiteboard'
    
  • Swift Package Manager

    dependencies: [
    .package(url: "https://github.com/netless-io/Whiteboard-iOS.git", .upToNextMajor(from: "2.16.81"))
    ]
    

    White-SDK-iOS 闭源库迁移

    White-SDK-iOS 迁移

    只需要将

    #import <White-SDK-iOS/WhiteSDK.h>
    

  • 修改为

    #import <Whiteboard/Whiteboard.h>
    

    即可。

    使用时,只要 import 以下内容即可。

    #import <Whiteboard/Whiteboard.h>
    # 使用白板sdk中任意类
    

Example

  • 启动Example
cd Example
pod install

进入Example文件夹,打开 Example.xcworkspace 项目文件。

同时在Whiteboard-Prefix.pch 根据代码注释填写WhiteSDKTokenWhiteAppIdentifier

/* FIXME: sdkToken
 该 sdk token 不应该保存在客户端中,所有涉及 sdk token 的请求(当前类中所有请求),都应该放在服务器中进行,以免泄露产生不必要的风险。
 */
//#define WhiteSDKToken <#@sdk Token#>
//#define WhiteAppIdentifier <#@App identifier#>
#endif

调试特定房间

如果需要进入确定的房间进行调试,找到Whiteboard-Prefix.pch文件中,取消WhiteRoomUUID,以及WhiteRoomToken注释,同时填入指定的内容。

# 如果填写了 WhiteRoomUUID WhiteRoomToken,WhiteSDKToken 可以填写为空字符串
//#define WhiteSDKToken <#@sdk Token#>
//#define WhiteAppIdentifier <#@App identifier#>

// 如果需要进入特定房间,取消以下两行注释,同时填入对应的 UUID 以及 roomToken
//#define WhiteRoomUUID  <#Room UUID#>
//#define WhiteRoomToken <#Room Token#>

此时,如果在加入或者回放房间时,都会进入该房间。

单元测试

单元测试需要对某些特殊行为进行测试,所以需要对应房间有以下操作:

  1. 调用过插入图片接口(从单元测试启动的房间,已经开启了图片拦截功能)
  2. 发送过特定的自定义事件(已定义在单元测试代码中)
  3. 发送过大量自定义事件

要求设备

运行设备:iOS 10 + 开发环境:Xcode 10+

Native音视频

sdk 现在支持使用 CombinePlayer,在 Native 端播放音视频,sdk 会负责音视频与白板回放的状态同步。 具体代码示例,可以参看 WhitePlayerViewController

m3u8 格式的音视频,可能需要经过一次 combinePlayerEndBuffering 调用后,才能进行seek播放。(否则可能仍然从初始位置开始播放)

#import <Whiteboard/Whiteboard.h>

@implementation WhitePlayerViewController

- (void)initPlayer
{

    // 创建 WhitePlayer逻辑
    // 1. 配置 SDK 初始化参数,更多参数,可见 WhiteSdkConfiguration 头文件
    WhiteSdkConfiguration *config = [[WhiteSdkConfiguration alloc] initWithApp:[WhiteUtils appIdentifier]];
    // 2. 初始化 SDK
    self.sdk = [[WhiteSDK alloc] initWithWhiteBoardView:self.boardView config:config commonCallbackDelegate:self.commonDelegate];

    // 3. 配置 WhitePlayerConfig,room uuid 与 roomToken 为必须。其他更多参数,见 WhitePlayerConfig.h 头文件
    WhitePlayerConfig *playerConfig = [[WhitePlayerConfig alloc] initWithRoom:self.roomUuid roomToken:self.roomToken];
    
    //音视频,白板混合播放处理类
    self.combinePlayer = [[WhiteCombinePlayer alloc] initWithMediaUrl:[NSURL URLWithString:@"https://netless-media.oss-cn-hangzhou.aliyuncs.com/c447a98ece45696f09c7fc88f649c082_3002a61acef14e4aa1b0154f734a991d.m3u8"]];
    //显示 AVPlayer 画面
    [self.videoView setAVPlayer:self.combinePlayer.nativePlayer];
    //配置代理
    self.combinePlayer.delegate = self;
    
    [self.sdk createReplayerWithConfig:playerConfig callbacks:self.eventDelegate completionHandler:^(BOOL success, WhitePlayer * _Nonnull player, NSError * _Nonnull error) {
        if (self.playBlock) {
            self.playBlock(player, error);
        } else if (error) {
            NSLog(@"创建回放房间失败 error:%@", [error localizedDescription]);
        } else {
            self.player = player;
            [self.player addHighFrequencyEventListener:@"a" fireInterval:1000];
            
            //配置 WhitePlayer
            self.combinePlayer.whitePlayer = player;/Users/Agora/Documents/Agora/Whiteboard-iOS/README-zh.md
            //WhitePlayer 需要先手动 seek 到 0 才会触发缓冲行为
            [player seekToScheduleTime:0];
        }
    }];
}

#pragma mark - WhitePlayerEventDelegate

- (void)phaseChanged:(WhitePlayerPhase)phase
{
    NSLog(@"player %s %ld", __FUNCTION__, (long)phase);
    // 注意!必须完成该操作,WhiteCombinePlayer 才能正确同步状态
    [self.combinePlayer updateWhitePlayerPhase:phase];
}

// 其他回调方法...

#pragma mark - WhiteCombinePlayerDelegate
- (void)combinePlayerStartBuffering
{
    //任意一端进入缓冲
    NSLog(@"combinePlayerStartBuffering");
}

- (void)combinePlayerEndBuffering
{
    //两端都结束缓冲
    NSLog(@"combinePlayerEndBuffering");
}

@end

动态ppt本地资源包

原理:提前下载动态转换所有需要的资源包,使用 WKWebView iOS 11 开始支持的自定义 scheme 请求,拦截 webView 请求,返回 native 端本地资源。

具体实现,请查看 git 记录:

  1. 所需依赖:add dependency to demo for ppt zip feature
  2. 代码实现:implement local zip >注意,当前 demo 中,实现拦截,还需要在WhiteBaseViewController.m中,将WhitePptParams的 scheme 参数为kPPTScheme

动态转换资源包

自定义App插件

自定义App插件可以扩展白板功能,用户通过编写js代码来实现自己的白板插件。

如何开发自定义白板App

注册自定义App插件

Native端在使用自定义App时需要注册对应的App到SDK中。

注册方法时WhiteSDkregisterAppWithParams:

其中WhiteRegisterAppParams有两种生成方式:

  1. 复制js代码到本地工程,直接注入js字符串。使用这种方法要注意,需要在variable中提供自定义App的变量名,也就是variable。
 @interface WhiteRegisterAppParams : WhiteObject
 
/** 创建一个由js代码生成的自定义app
 @param javascriptString js代码字符串
 @param kind 插件类型名称,需要在多端保持一致
 @param appOptions 插件注册额外参数,按需填
 @param variable 在上述注入的javascript中,要插入的app变量名
 */
+ (instancetype)paramsWithJavascriptString: (NSString *)javascriptString kind:(NSString *)kind appOptions:(NSDictionary *)appOptions variable:(NSString *)variable;
  1. 提供一个js代码的下载地址,由sdk完成下载和注入。使用这种方法要注意,App变量的查找将由kind参数决定。请保持js中App变量名与kind一致。 ```Objective-C @interface WhiteRegisterAppParams : WhiteObject

/** 创建一个由远端js生成的自定义app @param url js地址 @param kind 插件类型名称,需要在多端保持一致。(白板会利用这个名字去寻找app入口) @param appOptions 插件注册额外参数,按需填 */

  • (instancetype)paramsWithUrl: (NSString *)url kind:(NSString *)kind appOptions:(NSDictionary *)appOptions;

    
    ### 添加自定义App插件到白板中
    
    添加自定义App方法是`WhiteRoom`的`addApp:comletionHandler:`
    
    其中`WhiteAppParam`用来描述你的自定义App
    
    请调用该方法完成`WhiteAppParam`初始化
    
    ```Objective-C
    @interface WhiteAppParam : WhiteObject
    
    /** 特定的App,一般用来创建自定义的App插入参数
    @param kind 注册App时使用的kind
    @param options 详见[WhiteAppOptions](WhiteAppOptions)
    @param attrs 初始化App的参数,按需填
    */
    - (instancetype)initWithKind:(NSString *)kind options:(WhiteAppOptions *)options attrs:(NSDictionary *)attrs;
    

部分问题

  1. 目前 SDK 关键字为White,未严格使用前置三大写字母做前缀。
  2. 在白板内容比较复杂的情况下,白板有可能会因为内存不足的原因被系统kill掉,导致白屏,我们在 2.16.30 的版本中对该情况进行了主动恢复。在 2.16.30 的版本前,可以通过设置 WhiteBoardViewnavigationDelegate 来监听 webViewWebContentProcessDidTerminate: 方法。当白板被kill掉时,会调用该方法,你可以在该方法中提示用户重新连接以恢复白板。
  3. 从 2.16.63 版本开始,fpa加速停止提供服务。
  4. 如果你之前使用了 YYKit,从 2.16.77 版本开始,可以将 Whiteboard/Whiteboard-YYKit 替换为 Whiteboard。由于 YYModel 不再支持 Xcode 15 集成,已将 YYModel 代码 Fork 到 White_YYModel。

Whiteboard - Framework 拖拽方式集成

Framework 打包(需安装pod package 插件:sudo gem install cocoapods-packager)

  1. pod package Whiteboard.podspec --embedded --force (基于Github源码)
  2. pod package Whiteboard.podspec --force --embedded --local(基于本地源码)
    注意: --local 控制符需要安装以下内容
    gem install specific_install gem specific_install https://github.com/CocoaPods/cocoapods-packager

关于Framework 手动添加
Whiteboard.framework White_YYModel.framework NTLBridge.framework 一并拖入Embed设置为 Do not embed

FAQ:
遇到问题:have the same architectures (arm64) and can't be in the same fat output file
参考
1.https://github.com/CocoaPods/cocoapods-packager/issues/259

2.“could not build module xxx” 报错:修改工程target - Allow Non-modular Includes In Framework Modules

3.Command CodeSign failed with a nonzero exit code报错 Whiteboard.framework 改为Do not embed