产品百科 | 如何快速搭建短视频 App ( iOS 版)-阿里云开发者社区

开发者社区> 阿里云视频云> 正文
登录阅读全文

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

简介: 通过阅读本文,您可以快速了解趣视频 Demo 基本信息和搭建方法。

背景信息

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

Demo 体验

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

image.png

源码下载

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

实现流程

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

image.png

步骤

操作

描述

1

开通与配置 VOD 服务

搭建趣视频服务端之前,您首先需要开通并配置 VOD 服务。

2

开通与配置 ECS 服务

建议将趣视频 Demo 服务搭建在 ECS 服务器上。因此开通并配置 VOD 服务后,您需要开通并配置 ECS 服务。

3

服务端集成

在开通和配置 VOD 和 ECS 服务后,您需要搭建趣视频服务端。

4

控制台集成

服务端搭建好后,您可以搭建趣视频管理控制台。

5

您可以搭建 Android 和 iOS 端用来访问趣视频服务。

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 文件。image.png
    2. 配置服务端地址。文件路径:demo/AlivcCommon/AlivcCommon/Classes/Macro/AlivcDefine.m。
      修改文件中的 kAlivcQuUrlString 变量,设置为完成趣视频服务端集成的云服务器(ECS)公网 IP 地址,并添加端口号 8080。
      示例:http://<云服务器(ECS)公网 IP 地址> :8080。image.png
  1. 修改 Bundle Identifier 和开发者证书。
    注意
    Bundle Identifier 改成为 com.<公司名>.<项目名>,避免由于 Bundle 已被注册从而运行失败。
    Bundle Identifier 需定义在服务端配置文件的 package_name 中。若没有在服务端配置 Bundle Identifier,会导致 iOS 端 App 运行时被服务端包名拦截器拦截,导致请求出现 403 错误报错(Request failed:forbidden) 。服务端配置 Bundle Identifier,具体操作,请参见服务端集成
    General 选项卡中修改。image.png
    Sign & Capabilities 选项卡中修改。image.png
  2.  Sign & Capabilities 选项卡,勾选 Automatically manage signing,在下方选择自己的 Team
    1. 选择 Teamimage.png
    2. 若以前没添加过账号,单击 Add an Account 添加。image.png
    3. 完成账号添加。image.png
    4. 在 Team 里选择新创建的账号即可,并且在完成签名后确保下方没有报错提示。
  1. 工程编译运行。
    1. 选择运行 Target 为 AlivcVoiceCallSoloClient,将一台 IOS 真机设备使用数据线与电脑链接,在 Xcode 中选择相应的真机设备,真机在设置中打开开发者模式。
    2. 单击 build and run 按钮编译。

image.png

「视频云技术」你最值得关注的音视频技术公众号,每周推送来自阿里云一线的实践技术文章,在这里与音视频领域一流工程师交流切磋。


image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:

分享视频云行业和技术趋势,打造“新内容”、“新交互”。

官方博客
官网链接