【Bubble】ApyHubのAPIでmov形式の動画ファイルをmp4に変換する方法

著者:大熊滉希
ノーコード特化のアプリ/システム開発事業を展開するEPICsの代表。
前職にて新規事業コンサルティングを行う企業で役員を歴任した後、
最小の経営資源で開発を行えるノーコードに可能性を感じEPICsを創業。

運営会社:EPICs合同会社
日本最大級の開発実績を誇るノーコード特化のアプリ/システム開発会社。
最安30万円・最短2週間から、BubbleやAdaloなど多様なツールの中からニーズに合わせた最適な開発を提案・実施している。Adalo公認エキスパートも在籍。

ノーコードツールBubbleでアップロードしたmov形式の動画ファイルを、ApyHub(エーピーワイハブ)のConvert Video Formats APIを使ってmp4に変換する方法をご紹介します。

こちらが今回使用させていただくAPIです。

目次
無料で資料をダウンロード

日本最大級のノーコード開発実績

ノーコード開発サービスのご案内

  • EPICsのノーコード受託開発特徴
  • 支援実績・事例集
  • 料金・サービス提供の流れ
【一分で完了】資料をダウンロード

実装手順

以下の手順で実装します。

  1. ApyHubのアカウントを作成し、APIキーを発行する
  2. プラグイン「API Connector」をインストールし、ApyHubのAPIを設定する
  3. ファイルがアップロードされたときのワークフローでAPIを呼び出す

ApyHubのアカウントを作成し、APIキーを発行する

ApyHubの公式サイトをみる

まずは今回の実装の主役であるAPI管理プラットフォーム「ApyHub」の公式サイトからアカウントを作成し、APIキーを発行しましょう。

プラグイン「API Connector」をインストールし、ApyHubのAPIを設定する

Bubbleで外部APIと接続する際に必ずと言っていいほど使用するプラグイン「API Connector」をインストールしていない方はプラグイン追加ページから検索してインストールしてください。

プラグインのインストールが完了したら、プラグインタブからAPI Connectorを開き、「Add another API」ボタンをクリックします。

次に、API Nameに、適切な名前(例: ApyHub Video Converter、動画拡張子変更)を入力し、以下の項目も埋めます。

項目
AuthenticationPrivate key in header
Key nameapy-token
Key value発行したAPIキーを入れる

基本的な設定内容は公式ドキュメントに記載がありますのでそちらも合わせて確認してください。

Convert Video Formats APIの公式ドキュメント

次に、New API Callを追加し、以下の詳細を入力します。

項目
NameConvert Video Formatsなど分かりやすい名前
Use asAction
Data typeFile
MethodPOST
URL(エンドポイント)https://api.apyhub.com/convert/video/file

次に、ヘッダーセクションとパラメータを入力します。

項目
content-typemultipart/form-data
Body typeForm-data
video(Parameters)sample.mp4
output_format(Parameters)mp4(Send fileにチェックをつける)

最後に、Initialize callをクリックして、API設定が正しいかテストします。問題がなければ、SaveボタンをクリックしてAPI設定は完了です!

ファイルがアップロードされたときのワークフローでAPIを呼び出す

今回はFileUploaderエレメントから動画ファイルがアップロードされたときに、動画ファイルの拡張子がMOVかmovの場合に、先程設定したConvert Video Formats APIを呼び出して拡張子をmp4に変換する想定なので、上記のようなワークフローを設定します。

このアクションにより、FileUploaderエレメントからアップロードされたmov形式の動画ファイルはmp4に変換された状態でBubbleのファイルマネージャーにアップロードされます。

あとは後続のアクションで、変換した値をResult step of 1(〜)で該当フィールドもしくはカスタムステートにセットしてあげてよしなに保存なり更新処理に使ってください。

無料で資料をダウンロード

ノーコード開発サービスのご案内

日本最大級のノーコード開発実績

  • EPICsのノーコード受託開発特徴
  • 支援実績・事例集
  • 料金・サービス提供の流れ

    氏名

    法人名

    メールアドレス

    電話番号

    送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

    「勉強になった!」「役に立った!」と思っていただけたら、是非シェアもお願いします!
    目次