天天看点

产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成

背景信息

短视频行业经过多年的发展,已成为继文字、图片之后新的内容承载方式。短视频适用于娱乐社交、电商、母婴教育等各个场景。目前移动端对短视频的需求非常强烈。

Demo 体验

您可以通过钉钉扫描以下二维码,下载安装趣视频解决方案。

产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成

源码下载

下载趣视频 Demo 文件,包括趣视频 iOS 端、趣视频 Android 端、趣视频 AppSever 及管理控制台。详情请参见

趣视频 Demo 下载

实现流程

实现基本流程如下图所示:

产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
步骤 操作 描述
1 开通与配置 VOD 服务 搭建趣视频服务端之前,您首先需要开通并配置 VOD 服务。
2 开通与配置 ECS 服务 建议将趣视频 Demo 服务搭建在 ECS 服务器上。因此开通并配置 VOD 服务后,您需要开通并配置 ECS 服务。
3 服务端集成 在开通和配置 VOD 和 ECS 服务后,您需要搭建趣视频服务端。
4 控制台集成 服务端搭建好后,您可以搭建趣视频管理控制台。
5 您可以搭建 Android 和 iOS 端用来访问趣视频服务。

前提条件

开发前的环境要求如下表所示。

类别 说明
系统版本 iOS 9.0 及以上。
iPhone 设备 支持 iPhone5 及以上。
CPU 架构支持 真机支持 ARM64、ARMV7 、ARMV7s。暂不支持模拟器。
Xcode 版本 支持 Xcode9.0 及以上,下载 Xcode

您需要先集成并启动服务端,具体操作,请参见

操作步骤

  1. 下载趣视频 Demo 并解压。趣视频 iOS 端下载,请参见 SDK 下载 。目录结构说明
- demo  
      - |- AlivcCommon      #公用组件
      - |- AlivcCore        #短视频公用组件
      - |- AlivcCrop        #短视频裁剪组件
      - |- AlivcEdit        #短视频编辑组件
      - |- AlivcRecord      #短视频录制组件
      - |- AlivcSmartVideo  #趣视频组件
      - |- AliyunVideoClient_Entrance    #短视频主工程
- doc  #文档相关
- sdk  #项目使用的SDK,也可以根据需要手动导入
- xxxReleaseNote.md  #说明      
  1. 工程导入与配置。
    1. 打开 Xcode,单击 Open a project or file,双击打开 demo 目录下的 AliyunVideoClient_Entrance.xcworkspace 文件。
      产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
    2. 配置服务端地址。文件路径:demo/AlivcCommon/AlivcCommon/Classes/Macro/AlivcDefine.m。

      修改文件中的

      kAlivcQuUrlString

      变量,设置为完成趣视频服务端集成的云服务器(ECS)公网 IP 地址,并添加端口号 8080。

      示例:http://<云服务器(ECS)公网 IP 地址> :8080。

      产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
  1. 修改 Bundle Identifier 和开发者证书。

    注意

    Bundle Identifier 改成为

    com.<公司名>.<项目名>

    ,避免由于 Bundle 已被注册从而运行失败。

    Bundle Identifier 需定义在服务端配置文件的 package_name 中。若没有在服务端配置 Bundle Identifier,会导致 iOS 端 App 运行时被服务端包名拦截器拦截,导致请求出现 403 错误报错(Request failed:forbidden) 。服务端配置 Bundle Identifier,具体操作,请参见

    General 选项卡中修改。
    产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
    Sign & Capabilities 选项卡中修改。
    产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
  2. 在 Sign & Capabilities 选项卡,勾选 Automatically manage signing,在下方选择自己的 Team。
    1. 选择 Team。
      产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
    2. 若以前没添加过账号,单击 Add an Account 添加。
      产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
    3. 完成账号添加。
      产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
    4. 在 Team 里选择新创建的账号即可,并且在完成签名后确保下方没有报错提示。
  1. 工程编译运行。
    1. 选择运行 Target 为 AlivcVoiceCallSoloClient,将一台 IOS 真机设备使用数据线与电脑链接,在 Xcode 中选择相应的真机设备,真机在设置中打开开发者模式。
    2. 单击 build and run 按钮编译。
产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成
「视频云技术」你最值得关注的音视频技术公众号,每周推送来自阿里云一线的实践技术文章,在这里与音视频领域一流工程师交流切磋。
产品百科 | 如何快速搭建短视频 App ( iOS 版)iOS 端集成