产品百科 | 如何快速搭建短视频 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 地址> :8080image.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

相关实践学习
通义万相文本绘图与人像美化
本解决方案展示了如何利用自研的通义万相AIGC技术在Web服务中实现先进的图像生成。
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情:&nbsp;https://www.aliyun.com/product/ecs
相关文章
|
7月前
|
JavaScript 前端开发 Android开发
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
205 13
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
1月前
|
存储 Java PHP
轻量化短视频电商直播带货APP源码全解析:核心功能与设计流程​
在电商直播热潮下,开发专属直播带货APP成为抢占市场关键。本文详解原生开发轻量化APP的核心功能与全流程设计,涵盖用户登录、商品浏览、直播互动、购物车、订单及售后功能,并介绍安卓端Java、苹果端Object-C、后台PHP的技术实现,助力打造高效优质的直播电商平台。
|
2月前
|
缓存 小程序 视频直播
基于uni-app+vite5+vue3实战短视频+直播+聊天app应用
基于uniapp+vue3+vite5从0-1实战搭建仿抖音/微信直播带货商城。集短视频+聊天+直播功能于一体。实现全屏沉浸式切换短视频/直播,支持编译运行到h5+小程序端+app端。
224 4
|
2月前
|
人工智能 IDE 前端开发
写给尊贵的 Tare Pro 用户的喂饭级 IOS APP 开发指南
本文介绍了如何利用 AI IDE Trae,从零开始快速开发一个 iOS 应用《回声》。通过 AI 辅助完成需求梳理、原型设计、编码与调试,展示了 AI 在整个开发流程中的强大助力。
175 0
|
6月前
|
Swift iOS开发 开发者
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
555 13
苹果app上架-ios上架苹果商店app store 之苹果支付In - App Purchase内购配置-优雅草卓伊凡
|
6月前
|
存储 数据安全/隐私保护 开发者
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
214 8
苹果app上架app store 之苹果开发者账户在mac电脑上如何使用钥匙串访问-发行-APP发布证书ios_distribution.cer-优雅草卓伊凡
|
7月前
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
204 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
7月前
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
220 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
5月前
|
存储 数据库 UED
【Axure原型案例】悦购APP产品原型设计
本文介绍了悦购APP的产品原型设计,专注于潮流服装市场。设计包括登录、过渡、首页、商品分享、个人中心、购物车、消息及修改信息等页面。通过Axure实现交互功能,如页面跳转、动态效果和数据模拟,优化内容、交互与兼容性,确保用户体验流畅。最终,原型为开发和推广提供了坚实基础,助力悦购APP成为高效的潮流购物平台。
185 0
|
7月前
|
人工智能 程序员 API
iOS|记一名 iOS 开发新手的前两次 App 审核经历
啥,这玩意也有新手保护期?
138 0