本文基于电商直播开源Demo示例,介绍iOS观众端开发的前提条件、Demo源码下载和页面布局介绍。

前提条件

已完成iOS端互动直播低代码集成(含UI)

下载Demo源码

下载电商直播iOS观众端开源代码

UI自定义

iOS端电商直播UI的适配是在互动直播低代码集成的基础上,屏蔽低代码集成SDK自带的默认UI,再参考电商直播iOS观众端开源代码来实现自有业务相关UI。此部分开源代码的简介如下。

  1. ASLUKECommerceLiveRoomWrapper是整个UI样式的入口类。
  2. 在下面的函数中,提供了ASLUKECommerceLiveRoomWrapper中进行样板间入口类ASLRBLiveRoomViewController初始化的逻辑。
    - (void)setupLiveRoomWithAppID:(NSString*)appID
                            appKey:(NSString*)appKey
                      appServerUrl:(NSString*)serverUrl
                   appServerSecret:(NSString*)secret
                            liveID:(NSString*)liveID
                            userID:(NSString*)userID
                          userNick:(NSString*)userNick
                         onSuccess:(void(^)(UIViewController* liveRoomViewController))onSuccess
                         onFailure:(void(^)(NSString* errorMessage))onFailure;
  3. 在[ASLUKECommerceLiveRoomWrapper p_customizeLiveRoomVC]函数中,可完成电商直播各个区域UI的设置,如下图所示。
iOS电商直播样式