おすすめ記事

おすすめ記事一覧

Adalo Resource・スライダー(音量調節)とオーディオプレーヤー(スクリーンとコンポーネントセクション)について

Adalo - Build Your Own No Code App

こんにちは。いかがお過ごしでしょうか。今回の記事は前回の続きの内容となり、ノーコードツールAdaloのAdalo Resourceを元にスクリーンとコンポーネントセクションより「スライダー(音量調節)とオーディオプレーヤー」についての日本語解説をお届けします。それでは早速いってみましょう。Let’s Go!

スライダー(音量調節)

スライダーで数値のプロパティを調整。最小値、最大値、ステップサイズ、スタイルなどをカスタマイズできます。

まず、Adalo Marketplaceからスライダーコンポーネントがインストールされていることを確認し、左パネルのプラスボタンをクリックして、スライダーコンポーネントを探し、アプリ内の画面にドラッグします

左側のパネルで以下の調整ができます。

・どのような性質のものを調整するのですか: ここでは、スライダーで変化させるデータベースのプロパティを選択できます。

・最低の値

・最高の値

・増加サイズ(インクレメントサイズ)

・トラック:フィルカラー、アンフィルカラー、高さ、ラウンディング

・マーカー:カラー、サイズ、ボーダーのカラーとサイズ、シャドー

・ラベル: オンとオフ(Onの場合、ユーザーがマーカーをクリックして調整しているときに、マーカーの上にラベルが表示される)、バックグラウンドカラー、テキストカラーとサイズ、ラウンディング

オーディオプレーヤー

Adaloに保存されている、または外部のURL経由のオーディオファイルを再生します。音楽やポッドキャストなどに最適です。

注:オーディオプレーヤーは、Web、iOS、Androidで動作し、バックグラウンド再生にも対応しています。

まず、Adalo Marketplaceからオーディオプレーヤーコンポーネントがインストールされていることを確認し、左パネルのプラスボタンをクリックして、オーディオプレーヤーコンポーネントを探し、アプリ内の画面にドラッグします。

左側のパネルで以下の調整ができます。

・歌のURL

・自動再生する or しない?

・歌のタイトル

・タイトルのカラー

・タイトルのフォントサイズ

・サブタイトル

・サブタイトルのカラー

・サブタイトルのフォントサイズ

・アートワーク: オンとオフ、アートワークURL( オーディオプレーヤーにアートワークを表示しない場合でも、URLを指定した方がいい かもしれません。なぜなら、アートワークはオーディオ再生時に携帯電話の通知シェードやロック画面にも表示されるからです。)、サイズ、ラウンディング

・プログレスバー: 位置、フィルカラー、アンフィルカラー、ラウンディング、高さ、マーカーカラー、マーカーサイズ、ボーダー(オンとオフ、カラー、サイズ)、シャドー、エンディングタイムの表示

・プレイ&ポーズボタン: オンとオフ、アイコンサイズ、プレイボタン(アイコン、アイコンカラー、追加のアクション)

・進む・戻るボタン: オンとオフ、アイコンサイズ、進む・戻るボタンの有効化(スキップ、アイコン、カラー、追加のアクション)

・左・右ボタン: オンとオフ、アイコンサイズ、左・右ボタンの有効化(アイコン、アイコンカラー、追加のアクション)

まとめ

いかがだったでしょうか。今回の記事では前回の続きとしてノーコードツールAdaloのAdalo Resourceよりスクリーンとコンポーネントセクションより「スライダー(音量調節)とオーディオプレーヤー」の日本語解説をお届けしました。特にオーディオプレーヤーは機能が多く、記事内に掲載したYouTubeリンクより細かい操作方法をご確認いただければ幸いです。それではまた別の記事でお会いしましょう。See You Soon!

 

 

 

 

 

岡澤克信

岡澤克信

自動車評論家
主に自動車業界のDXというテーマで自動車業界で使用され
ているウェブサービスを紹介







関連記事

  1. 記事作成

    Bubble・Segment(セグメント)とGoogle Optimize(オプティマイズ)

  2. Adalo Resource・ACHペイメントと銀行送金(Stripe)(スクリーンとコンポーネント…

  3. top_image

    SaaS導入事例10選!スタートアップの業務効率化特集! インタビュー先:株式会社Hajimari

  4. 記事作成

    Bubbleアプリに独自ドメイン名を使用する方法を解説してみた!!

  5. 記事作成

    Bubbleのビジュアルエディタの一般原則について解説!!

  6. 記事作成

    Bubble〜あなたのTo-doアプリの機能拡張〜

  7. SaaSロゴ

    Yappli

  8. Getresponse

  9. 記事作成

    Bubbleのテンプレートの使い方&(ベータ版)Figmaからのインポート(取り込み)

人気記事

  1. topimage
  2. 記事画像
  3. 特集記事
  4. Collaboration

おすすめ記事一覧

  1. 記事画像
  2. top_image
  3. 勤怠管理
  4. omotenashi-car-ranking
  5. 記事画像
PAGE TOP