天天看點

産品百科 | 如何快速搭建短視訊 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 端內建