Adalo Resources
Sign Up for Adalo
Adalo Resources (日本語)
Adalo Resources (日本語)
  • 🚀はじめに
  • 🎨デザイン
    • アプリのデザイン
      • 定義と用語
      • アプリの作成
      • 画面サイズ切り替えツールの使い方
      • セクションを使った構築
      • アライメントツール
      • レイアウトタブの使い方
        • スクリーンサイズの可視性
        • スクロール中の固定
        • 共有レイアウト設定
        • カスタムレイアウト設定
      • コンポーネントのグループ化
      • レスポンシブナビゲーション
        • レスポンシブサイドナビゲーション
          • サイドナビゲーション
          • タイトル
          • メニューのスタイル
          • メニュー項目
          • ボトムボタン
          • プロフィールセクション
        • レスポンシブトップナビゲーション
          • ナビゲーションバー
          • タイトル
          • メニュー項目
          • 追加ナビゲーション
          • プロフィール画像
      • レスポンシブデザインのベストプラクティス
      • パフォーマンス向上のコツ
    • ブランド
      • カラー
      • フォント
    • コンポーネントの状態を作成
    • アプリのプレビュー
    • デザインのバージョン
    • 追加のデザインリソース
    • レガシーアプリケーションの移行
    • レガシービルダー
      • コンポーネントコンテナの作成
      • コンポーネントの配置
      • コンポーネントの配置とグループ化
      • アプリのプレビュー(レガシービルダー)
  • 🎬アクション
    • アクションの基本
    • リンク
    • データ変更
    • 通知
      • アプリで通知許可をリクエストする
      • プッシュ通知をトリガーする
      • 通知のテスト
      • 通知のトラブルシューティング
        • Androidで通知が動作しない
        • iOSで通知が動作しない
        • PWAで通知が動作しない
    • 条件付きアクション
    • アクセス権限
    • アプリ認証
  • 🛠️画面とコンポーネント
    • 画面
    • コンポーネントの基本
    • マジックテキスト
      • ログインユーザーと現在のユーザー
      • 日付と数値のフォーマット方法
      • 合計、カウント、平均、最小値と最大値
    • カスタム数式の作成方法
      • 複雑な計算
    • 条件とフィルタリング
      • Adaloでのフィルタリング
      • Adaloでの条件使用
    • コンポーネントの可視性変更
    • ナビゲーション
    • リスト
      • リストの並べ替えとフィルタリング
      • カスタムリストの作成
      • リストのリスト
    • ボタン
    • トグル
    • テキスト入力
    • フォーム
    • テーブルコンポーネント
    • ビデオコンポーネント
    • ウェブビューコンポーネント
      • ウェブビューのトラブルシューティング
        • AdaloアプリでウェブビューURLが読み込まれない
        • ネイティブアプリでウェブビューがクラッシュする
    • マーケットプレースコンポーネント
      • マーケットプレースからコンポーネントを追加する方法
      • アプリ内購入のデジタル購入
      • Googleでサインイン
      • Appleでサインイン
      • 地図
      • 棒グラフと折れ線グラフ
      • 円グラフ
      • Google Admob
        • Admobのトラブルシューティング
          • ネイティブアプリで広告が表示されない
      • カレンダー
      • 進行状況バー
      • 星評価
      • ストップウォッチ
      • スライダー
      • Lottieファイル
      • YouTube
      • オーディオプレーヤー
        • オーディオプレーヤーのトラブルシューティング
          • Appleアプリ拒否:UIBackgroundModesキー
      • デッキスワイパー
      • マークダウンレンダラー
      • 署名
      • Stripe
        • Stripe決済
        • Stripeサブスクリプション
        • Stripe Connectマーケットプレース
          • Stripe ConnectのためのStripeアカウント設定
          • アプリにStripeアカウントを接続するための許可
          • Stripe Connect
          • Stripe Marketplace支払い
        • Stripeテストモードの設定
        • Stripeカスタムアクション
          • Stripeサブスクリプションデータを取得する
          • Stripe顧客データをメールアドレスで取得する
        • レガシーStripeコンポーネント(廃止予定)
          • Marketplace支払い
            • Stripe ConnectのためのStripeアカウント設定
            • アプリにStripeアカウントを接続するための許可
            • 消費者支払いを商人のアカウントに設定する
          • ワンタイムカード支払い
          • サブスクリプション支払い
  • 🧱機能テンプレート
    • クラスの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
      • 購入スクリーン
      • おめでとうスクリーン
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • イベントの閲覧、購入、管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • クラスを閲覧する
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • カテゴリリストスクリーン
      • クラスリストスクリーン
      • クラス詳細スクリーン
    • クラス管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 管理者クリニックスクリーン
      • 管理者取引スクリーン
      • 管理者クリニック作成&編集スクリーン
    • ユーザーチャット
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 会話リストスクリーン
      • チャットスクリーン
      • 新規チャットモーダルスクリーン
    • フォーラム
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • グループメッセージング
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メッセージングスクリーン
      • メッセージ編集モーダル画面&チャンネル編集モーダル画面
      • メッセージ検索スクリーン&チャンネルスクリーン
    • アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • アカウント設定スクリーン
      • 成功モーダル画面&アカウント削除確認画面
    • 予約設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • コーチスクリーン
      • 時間帯スクリーン
      • 予約スクリーン
      • コーチ管理画面
      • セッション編集画面
    • タスク割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 私のタスク画面、チームタスク画面、完了画面
      • タスク詳細画面
      • タスク編集画面
    • 同意して署名
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 利用規約画面
      • 同意&署名モーダル画面
      • 署名管理画面
    • アナウンスと通知
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 通知画面
      • 全員通知&個別通知画面
    • ユーザープロフィール&アカウント設定
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • セットアップステップ1画面
      • セットアップステップ2画面
      • 私のプロフィール画面
      • 追加のスクリーン
    • ユーザー閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • メンバーとプロフィール画面
    • 日付閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • 時間帯&ワークアウト画面
    • ホームリスト閲覧
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • リスト画面
      • リスト詳細画面
      • モーダル画像ギャラリー画面
    • 画像カルーセル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
      • スクリーン
    • 画像ギャラリーモーダル
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ユーザー管理ダッシュボード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ワークアウト割り当て
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ソーシャルメディアフィード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ショッピングカート付きストア
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • 在庫管理
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • ビデオギャラリーとアップロード
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
    • レストラン注文
      • 概要 - スクリーン、データベース、レイアウト設定、ユースケース
  • 🗃️データベース
    • データベースプロパティタイプ
    • リレーションシップ
      • 一対多と多対一
      • 多対多
    • ユーザーコレクション
    • コレクション権限
    • CSVファイルからのレコードインポート
    • コレクションをCSVファイルとしてダウンロード
    • 位置情報
      • Google APIキーの取得
      • Google API使用量の見積もり
      • 位置情報プロパティタイプ
      • フォームおよび入力での位置情報
      • 位置情報マジックテキストとフォーマット
      • ユーザーの位置情報取得
      • 緯度、経度、特別な数式
      • 位置情報の比較
      • 位置情報機能のトラブルシューティング
  • 🪄設定
    • アプリのコピーとクローン
      • アプリをコピー/削除する方法
      • アプリをクローンする方法とクローン可能にする方法
  • 🚀パフォーマンス
  • ✍️アプリの公開
    • Webへの公開
      • Adaloサブドメインへの公開
      • カスタムドメインへの公開
      • ドメイン設定のトラブルシューティング
        • カスタムドメインが安全でない
        • ドメインが検証できない
        • エラー:見つかりません
    • Google Playストアへの公開
      • Google開発者アカウントの作成
      • Firebaseプロジェクトの作成
      • Androidアプリの登録と構成ファイルのダウンロード
      • プライベートキーの生成とダウンロード
      • ビルドファイルの取得
      • Google Playリスティングの作成
      • ビルドファイルをGoogle Playリスティングにアップロード
      • リスティングの最終化とアプリのリリース
      • Androidリリースのトラブルシューティング
        • データセーフティ問題でGoogle Playがアプリを拒否
        • エラー:Androidアプリが誤ったキーで署名されています。
        • エラー:バージョンコード「xxx」がすでに使用されています。別のバージョンコードを試してください。
        • エラー:パッケージ名はすでにGoogle Playに存在します。
        • エラー:有効なアプリバンドルをアップロードしてください。
        • エラー:既存のユーザーは新しいアプリバンドルにアップグレードできません。
    • Apple App Storeへの公開
      • Apple Developerアカウントの作成
      • Apple Developerアカウントの年間支払い設定
      • Apple Bundle IDの作成
      • Adalo「アプリ固有のパスワード」を作成
      • Adaloでビルドを開始
      • App Store Connectチームにユーザーを追加
      • TestFlightにユーザーを追加
      • App Store用スクリーンショットの作成
      • プライバシーとアプリ追跡透明性
      • iOSのトラブルシューティング
        • ビルドエラー:証明書の最大数に達しました
        • ビルドエラー:このサービスのキーの最大数にすでに達しています
        • ビルドエラー:配信証明書が期限切れです
        • ビルドエラー:アセット検証に失敗しました - 無効なApp Storeアイコン
        • アプリ拒否:iOSビルドにパーミッションテキストを追加
        • アプリ提出中の警告:ITMS-90899
        • iOSビルドがTestFlightに表示されない
    • Web(レガシーアプリ)の公開
    • APKのアップロード(レガシー)
    • 公開に関するFAQ
    • トラブルシューティング
      • ビルドがキューでスタック
  • ▶️ビデオ
    • はじめに
    • 完全なウォークスルー
    • データの扱い
    • データベースの設計
    • カスタムリスト
    • コンポーネントの可視性の変更
    • フォーム
    • 注文と支払い
    • 数学とカスタム数式
    • チャット
  • 👩‍🏫チュートリアル
    • キーボードショートカットの使い方
    • ビデオやオーディオ(YouTube、Vimeo、SoundCloud)の埋め込み方法
    • データベースをアプリ間で共有する方法
    • 空の状態を作成する方法
    • 検索バーの作成方法
    • ユーザーがフィルタリングできるリストを作成する方法
    • モーダル/ポップアップウィンドウの作成方法
    • 「お気に入り」ボタンの作成方法(レガシービルダー)
    • アプリバーに画像を追加する方法
    • スケジュールされたプッシュ通知を送信する方法
    • Google Maps、Apple Maps、またはWazeを使用してAdaloアプリ内で地図ナビゲーションを開始する方法
    • Google Static Maps APIを使ってAdaloアプリで地図のプレビューを生成する方法
    • 特別リンク:メール、テキスト(SMS)、および電話
    • フォームにドロップダウンメニューを追加する方法
    • ショッピングカートを設定し支払いを行う方法
    • ユーザー用のパブリックプロフィール画面を設定する方法
    • ユーザーが他のユーザーをフォローできるようにする方法
    • フォームが自動的にリレーションシップを設定する方法
    • アプリにチャットを追加する方法
    • 複数サイドアプリを作成する方法
    • イベント用に「カレンダーに追加」ボタンを追加する方法
    • ドメインをルートアドレスに転送する方法
    • 一時的なユーザーアバターを作成する方法
  • 🧩統合
    • Adalo API
      • コレクションAPI
      • API経由でプッシュ通知を送信する
    • Xano
      • Xanoワークスペースの設定
      • XanoをAdaloアプリに接続する
      • ユーザー登録、ログイン、認証
      • XanoデータベースでGoogleサインイン
      • その他のコレクション
      • AdaloとXanoのデータタイプの扱い
      • Xanoでのレコードのカウント
      • リストとページネーション
      • Xanoレスポンス
      • Xanoのコツとトリック
      • トラブルシューティング
    • レコードIDの取得
    • カスタムアクション
      • ✨ChatGPTでアプリをパワーアップ
    • 外部コレクションのAPIとの統合
      • 外部コレクションのマジックテキスト
    • Airtable
      • Airtableへの接続
      • プロパティの追加/削除
      • 画像の表示
      • リストとの連携
        • リスト内の画像
        • Airtableリストのフィルタリング
        • リスト内のマジックテキスト
        • リスト項目数の制限
        • Airtableリストの並べ替え
      • フォームとの連携
        • Airtableのドロップダウンフィールドと検証
      • 添付ファイル、画像、Airtableリレーションシップフィールドとの連携
      • リレーションシップとAirtableコレクション
      • デバッグ
    • DreamFactory
    • Zapier
    • Make(旧Integromat)
      • AdaloのレコードからPDFを作成
      • Adaloアプリで新規ユーザー登録時にSlackに通知
      • 新規登録時に確認メールを送信
      • 新規登録時に確認SMSを送信
      • AdaloからGoogle Driveにファイルを送信
      • Google Driveフォルダから新規ファイルをAdaloコレクションに送信
      • Google Visionを使って画像をOCR処理し、その結果をAdaloレコードに保存
    • IAPHUB
    • Mixpanel
    • Adalo APIのトラブルシューティング
      • リスト内のリストが読み込まれない
      • エラーコード
  • ⚙️Adaloアカウント
    • アカウント
      • メールとパスワードの更新
      • 開発者モードの有効化
    • チームメンバー
      • Adaloアプリにチームメンバーを追加
    • アプリ
    • 利用状況と請求
      • 請求、請求書、支払い
      • アプリアクションダッシュボード
    • ドメイン
      • SSLのリセット
  • ❓FAQ
    • 一般的な質問
    • Adaloでできること
    • Adaloの料金:FAQ
    • Adaloアカウント:FAQ
    • Adaloサブスクリプションの追加オプション
    • Adaloフリーランサーとの作業
    • Adaloエキスパート
    • Adaloアフィリエイトプログラム
    • Adalo料金:レガシーアカウント
  • 🤔トラブルシューティング
  • 📚追加リソース
    • Adaloアプリアカデミー
      • アプリ紹介
      • 戦略とビジネス
      • デザイン
      • 作成
      • ローンチと反復
      • フリーランサーとエージェンシー
      • すべてのコース
    • アプリ開発コスト計算機
    • Adaloエキスパートの採用
    • Adaloフォーラム
  • 📖用語集
Powered by GitBook
On this page
  • 開始前に
  • 手順
  • 例
  • もっと詳しく
  • ヘルプ

Was this helpful?

  1. 画面とコンポーネント
  2. マーケットプレースコンポーネント

オーディオプレーヤー

Adaloアプリにオーディオプレーヤーをインストールして、Adaloに保存されたオーディオファイルまたは外部URL経由で再生できます。音楽、ポッドキャスト、オーディオブックに最適です!

PreviousYouTubeNextオーディオプレーヤーのトラブルシューティング

Last updated 3 months ago

Was this helpful?

スキルレベル: 中級

開始前に

  • と について知っていること。

  • の使い方を知っていること

  • この機能を使用するには有料の Adalo プランは必要ありません

手順

オーディオプレーヤーコンポーネントは、Web、iOS、Androidで動作し、バックグラウンド再生をサポートしています。これは、ポッドキャスト、音楽、オーディオブック、およびその他のURLを持つオーディオファイルに最適です。セットアップは非常に簡単です!

1.) Adaloアプリ内で、左上隅にある大きなプラスサインをクリックします

2.) 検索バーに "Marketplace" と入力し、Explore Marketplace をクリックします

3.) リストから Audio Player を見つけ、Install をクリックしてから Done をクリックします

4.) コンポーネントリストに戻り、検索バーに Audio Player と入力し、コンポーネントを目的の画面にドラッグアンドドロップします

5.) オーディオプレーヤーが動作するために必要なのは実際には1つだけです。Audio Player のドロップダウンセクションで、データベースからの曲のURLを入力するか、マジックテキストを使用して URL of Song フィールドを埋めます。

6.) 他のオプションは完全に任意ですが、ユーザーエクスペリエンスを向上させるのに役立ちます!異なるセクションの概要は以下の通りです:

  • オーディオプレーヤー - ここでは、曲のURL、アーティスト名、アルバム名の変更、自動再生の有効化、他の画面での再生の有効化、トラックの終了時にアクションを追加することができます。

  • アートワーク - このセクションでは、アルバムアートワークのURLを追加したり、アートワークのサイズや角丸の制御、アートワークを完全に無効にしたりすることができます。アートワークURLを常に持っている方が良いです。なぜなら、アートワークは常に表示されるからです(例えば、電話がロックされている場合など)。

  • プログレスバー - プログレスバーに関するすべてをカスタマイズできます。色、太さ、影、角丸、ボーダー、オーディオの残り時間の表示方法など。

  • 再生と一時停止ボタン - ここでは、再生と一時停止に使用されるシンボルをカスタマイズできます。色、サイズ、各ボタンに対する追加アクションを変更できます。これらのボタンには再生と一時停止のアクションが組み込まれています。

  • 進むと戻るボタン - このセクションでは、進むと戻るボタンのアイコン、サイズ、追加アクション、色、スキップする時間などをカスタマイズできます。または、それらを完全に無効にすることもできます。

  • 左右のボタン - このセクションはデフォルトで無効になっていますが、ユーザーがトラックに投票したり、お気に入りに追加したり、購入したりするための追加ボタンをプレーヤーに追加するために有効にすることができます。これらのボタンには、色、アイコン、サイズ、追加アクションのコントロールもあります。これらのボタンには、再生、一時停止、進む、戻るボタンのような組み込みアクションはありません。

例

もっと詳しく

  • 1つの画面に1つのオーディオプレーヤーコンポーネントのみを使用するのがベストプラクティスです。同じ画面に複数配置すると、すべてが同時に再生されるなどの奇妙な動作が発生する可能性があります。通常は、まず「トラックリスト」を作成し、リスト内の各アイテムを新しい画面にリンクして、その画面に1つのオーディオプレーヤーを配置するのが最善です。

  • リスト内ではオーディオプレーヤーは機能しません。

  • ネイティブの電話プレーヤー(たとえば、電話がロックされているとき)でトラックの再生ヘッド(オーディオタイムラインのドットをドラッグする)を「スクラブ」することはできません。

  • オーディオプレーヤーにアートワークを表示しないことを選択しても、アートワークを指定することが望ましい場合があります。なぜなら、オーディオが再生されているときには、アートワークが電話の通知領域/ロック画面にも表示されるからです。

  • ユーザーがボタンを押すたびに「Plays」というコレクションを追加し、オーディオプレーヤーボタンの追加アクションに作成アクションを追加することで、再生回数を追跡することもできます。これにより、ユーザーがボタンを押すたびにこのコレクションにレコードが作成され、再生回数をカウントできます。

  • ユーザーが独自のトラックをファイルプロパティにアップロードし、そのファイルのURLをオーディオプレーヤーコンポーネントの曲URLとして参照することもできます。現在サポートされているファイルタイプは**.mp3**のみです。

ヘルプ

外部コレクションを使用してポッドキャストを取り込み、ユーザーが独自のオーディオファイルをアップロードできるようにしたを作成しました。アプリのクローン方法がわからない場合は、で学ぶことができます。以下は、デフォルト設定と史上最高のサウンドトラックが再生されているオーディオプレーヤーの例です。

オーディオプレーヤーを使用する最良の方法は、やを使用して、、、、などの外部サービスAPIに接続することです。また、を使用することもできます。

この記事に関する追加のヘルプが必要な場合は、いつでもで質問できます!投稿する際には、この記事へのリンクも貼り付けてください!

チュートリアルやヘルプドキュメントのリクエストがありますか?

🛠️
クローン可能なアプリ
こちら
外部コレクション
カスタムアクション
Spotify
Soundcloud
Audius
Listen Notes
RSSフィード
コミュニティフォーラム
お知らせください!
データベース
画面とコンポーネント
マジックテキスト