micomia

Blog

技術記事

Play Sound/Stop Soundとは?|初心者向けのFlutterFlow徹底解説

Play Sound/Stop Soundとは?|初心者向けのFlutterFlow徹底解説

micomia株式会社の井上です。今回はPlay sound/Stop soundについて解説していきます。

初心者にもわかりやすく解説していくのでぜひご一読ください。

1. Play Soundとは

Play soundは音源は別で用意していただく必要がありますが、ページがロードされた際に音を流し始めることが多いです。

On Page LoadでPlay Soundを実装します。

On Page LoadのPlay Soundを実装

すると、Audio Typeを選択できるので事前に用意したものを使用したい場合はAssetを選択します、それ以外はNetworkを選択します。

Audio Typeを選択

その下のVolumeでは音量を設定できます。Await PlaybackはONにするとサウンドの再生が終了するまで他のアクションを開始しないようにできます。

VolumeとAwait Playback

これで設定が完了すると、On Page Loadなのでこの画面が読み込まれた瞬間に音楽が再生されるようになります。

2. Stop Soundとは

次に、音楽の再生を止めるStop Soundです。Play Soundと同じようにActionとして実装します。

Stop Soundを実装

Sound_mnuと表示されているのは先ほど実装したPlay Soundのnameの箇所です。

複数Play Soundを実装している場合はStop Soundの対象としたいPlay Soundの名前を選択してください。

実装できると以下のような状態になりますが、このままだとPlay Soundのすぐ後にStop Soundがあることですぐに再生が止まってしまいます。

Play Soundのすぐ後にStop Soundがある状態

それを防ぐために、Play SoundとStop Soundの間にWaitを実装します。

Play SoundとStop Soundの間にWaitを実装する

1000msで1秒になるので、10000msで10秒間Play Soundを持続する、と言ったことができます。

注意点として、他の画面に遷移する際に音楽を流し続けることはできないのでそれぞれの画面で別の音楽を設定する必要があります。

3. さいごに

今回はPlay Sound/Stop Soundについて解説していきました。簡単に実装できる機能なのでぜひ本記事を参考にしながら実装してみてください。

本記事の内容を動画で観たい方は以下をご覧ください。

畑井駿佑

畑井駿佑

micomia株式会社の代表取締役です。 エンジニア、プロジェクトマネージャーを経験し、2024年にUI/UXにこだわった使いやすいシステム/アプリを開発するmicomia株式会社を設立しました。

その他の記事

ユーザーの視点になって。FlutterFlowで叶える「心地よい」アプリの開発裏側を紹介

ユーザーの視点になって。FlutterFlowで叶える「心地よい」アプリの開発裏側を紹介

micomia株式会社のエンジニア宮城が、観葉植物育成アプリ「でぃぐりーん」開発の舞台裏を解説。植物初心者の視点で課題を洗い出し、FlutterFlowを活用した実装、AI植物判定やマップ連携の設計思想、ミリ単位で磨き込んだUI/UXテストまで、使いやすさを追求したプロセスを紹介します。アプリ開発における体験設計と品質へのこだわりが分かる内容です。

生成AIで作った仕様書、そのまま相談に持ってきてOKです!|アプリ/システム開発のmicomia

生成AIで作った仕様書、そのまま相談に持ってきてOKです!|アプリ/システム開発のmicomia

micomia株式会社ではAIを利用して仕様書や要件定義書を作成され、開発の相談に来られる方が多くいらっしゃいます。 今回は依頼にあたってどのような点が網羅されているといいかも含めて解説していきます。

SNSアプリ開発を依頼する前に知っておきたい5つのこと|アプリ開発ならmicomia

SNSアプリ開発を依頼する前に知っておきたい5つのこと|アプリ開発ならmicomia

SNSアプリ開発を依頼する前に知っておきたい5つのポイントを解説。運営体制・開発費用の内訳・機能の優先順位・自動化の仕組み・公開後の維持管理まで、失敗しないSNSアプリ開発の全体像がわかります。

良いUIでアプリを作るメリットとデメリット|UI/UX設計が必要な理由

良いUIでアプリを作るメリットとデメリット|UI/UX設計が必要な理由

アプリ開発でUI/UX設計費用を削るべきか迷っていませんか?良いUIがもたらす信頼感・継続率・紹介のしやすさといったメリットと、費用・期間増加のデメリットを整理。投資対効果から見たUI設計の重要性を解説します。

SNSアプリを運営することになったら読む記事|アプリ開発ならmicomia

SNSアプリを運営することになったら読む記事|アプリ開発ならmicomia

SNSアプリの運営で必ず直面する問題投稿・通報対応・DM法律・問い合わせ処理・アカウント停止などの課題を徹底解説。運営前に知っておくべき仕組みと体制作りのポイントをまとめています。

【開発実績】植物SNSアプリ でぃぐりーんを開発しました【iOS/Android】

【開発実績】植物SNSアプリ でぃぐりーんを開発しました【iOS/Android】

植物SNSアプリ「でぃぐりーん」の開発事例。AI植物判定・位置情報連動型購入場所シェア・植物日記機能など、初心者が迷わず使えるUI/UXをmicomiaが設計・開発した実績を紹介。

SNSアプリの作り方・依頼方法を解説|アプリ開発のmicomia

SNSアプリの作り方・依頼方法を解説|アプリ開発のmicomia

SNSアプリの作り方を「パッケージ開発」と「オーダーメイド開発」で徹底比較。依頼前に整理すべき機能・予算・ターゲットのポイントと、micomiaの開発実績を交えてわかりやすく解説します。

【開発実績】建設廃材フリマアプリ Mate-Re:を開発しました【iOS/Android】

【開発実績】建設廃材フリマアプリ Mate-Re:を開発しました【iOS/Android】

建設廃材専用フリマアプリ「Mate-Re:」の開発事例。廃材の出品・検索・取引に最適化したUI/UXで、現場担当者が迷わず使えるフローをmicomiaが設計。建設業界向けアプリ開発の実績紹介。

【開発実績】アートのためのSNS Artlを開発しました【iOS/Android】

【開発実績】アートのためのSNS Artlを開発しました【iOS/Android】

アート専用SNS「Artl」の開発事例。作品が映えるビジュアル中心のUI/UXで、展示者と鑑賞者をつなぐアプリをmicomiaが設計。いいね不要・トリミングなしで作品をそのまま発信できる体験を実現。

【開発実績】新感覚SNSアプリ ウィップを開発しました【iOS/Android】

【開発実績】新感覚SNSアプリ ウィップを開発しました【iOS/Android】

思い出共有SNS「ウィップ」の開発事例。無制限のトークログ・プライバシー設定・ダイナミックなプロフィール機能を搭載した新感覚SNSアプリをmicomiaが設計・開発した実績を紹介。

【開発実績】AI野球コーチアプリ NEOLAB AIを開発しました【iOS】

【開発実績】AI野球コーチアプリ NEOLAB AIを開発しました【iOS】

AIピッチングコーチアプリ「NEOLAB AI」の開発事例。蓄積されたピッチングノウハウをAIが解析し、選手個別にフィードバックを提供。課金機能や管理画面も搭載したiOSアプリをmicomiaが設計・開発。

【開発実績】飲食店発見アプリ licocoを開発しました【iOS/Android】

【開発実績】飲食店発見アプリ licocoを開発しました【iOS/Android】

飲食店PRアプリ「licoco」の開発事例。ユーザーがPRするとポイントが貯まる仕組みと、QRコード来店登録・予約サイト連携など飲食店と利用者双方に使いやすいUI/UXをmicomiaが実現。

【開発実績】日本語学習アプリ ゲンゴーを開発しました【iOS/Android】

【開発実績】日本語学習アプリ ゲンゴーを開発しました【iOS/Android】

建設現場の技能実習生向け日本語学習アプリ「ゲンゴー」の開発事例。ベトナム語・インドネシア語対応、建設用語特化のクイズ形式で楽しく学べるシンプルなUI/UXをmicomiaが設計・開発。

【開発実績】掲示板SNSアプリ facebankerを開発しました【iOS/Android】

【開発実績】掲示板SNSアプリ facebankerを開発しました【iOS/Android】

掲示板型SNSアプリ「facebanker」の開発事例。PR・メンバー募集・不用品引き渡しなど多目的な掲示板をスマホ向けに最適化。ユーザーテストを重ねた使いやすいUI/UXをmicomiaが設計・開発。

アプリ開発に250万円かかるって本当?相場感や実際の価格例をお伝えします!

アプリ開発に250万円かかるって本当?相場感や実際の価格例をお伝えします!

アプリ開発の費用250万円は本当?ローコード開発の相場感と、micomiaのパッケージ開発・オーダーメイド開発の価格例を実績を交えてわかりやすく解説。SNS・マッチングアプリの開発費用を知りたい方必見。

Trigger Push Notification Actionとは?|初心者向けのFlutterFlow徹底解説

Trigger Push Notification Actionとは?|初心者向けのFlutterFlow徹底解説

FlutterFlowのTrigger Push Notification Actionをわかりやすく解説。FirebaseのBlazeプランへの切り替えからDeployの手順、Push通知の設定方法まで初心者向けにステップごとに丁寧に説明します。

Google Analyticsとは?|初心者向けのFlutter Flow徹底解説

Google Analyticsとは?|初心者向けのFlutter Flow徹底解説

FlutterFlowでGoogle Analyticsを設定する方法をわかりやすく解説。Enable Google AnalyticsのON設定からFirebaseのAnalytics Dashboard連携まで、On Page Load・On Action・ON Authenticationなどのイベント記録を初心者向けに説明。

Supabase Query rowとは|初心者向けのFlutterFlow徹底解説

Supabase Query rowとは|初心者向けのFlutterFlow徹底解説

FlutterFlowのSupabase Query Rowについて初心者向けに解説。特定のクエリを呼び出す方法やFilter・Orderingの設定方法を詳しく説明します。

Androidアプリ開発は個人でも依頼できる?|費用と依頼方法をわかりやすく解説【30万円〜】

Androidアプリ開発は個人でも依頼できる?|費用と依頼方法をわかりやすく解説【30万円〜】

個人でもAndroidアプリ開発を依頼できます。パッケージ開発(30〜80万円)とオーダーメイド開発(200万円〜)の2種類を解説し、費用・納期・注意点をわかりやすく紹介します。