自作アプリにBGMを！KotlinでMediaPlayerを扱ってみる

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

贪玩的皮带 · 苹果公司首席设计官乔纳森·艾维设计作品探析 ...· 2 月前 ·

打篮球的啄木鸟 · Blind ...· 3 月前 ·

完美的毛衣 · 罪城小说主角林岚(林岚李强)_罪城小说主角林 ...· 3 月前 ·

挂过科的排球 · 科学网－苏州大学唐仲英血液学研究中心(何玉龙 ...· 4 月前 ·

爱笑的草稿本 · Adobe Acrobat Pro DC ...· 4 月前 ·

自作アプリに BGM や効果音を入れる、って話をちらっと書いてはいましたが、今回は実際に KotlinでBGMを流す方法 の記事となります。

記事タイトル通り、 MediaPlayer っていうのを使います。

この MediaPlayer というのは手軽に音楽を鳴らしたり止めたり出来ますが、複数同時に音楽を鳴らす事ができないので BGM向け で、複数同時に鳴らす事ができる SoundPool が 効果音向け 、という位置づけです！

効果音演奏に使用するSoundPoolはこちらを参照

<cite class="hatena-citation"><a href="https://little-strange.hatenablog.com/entry/2019/11/04/035843">little-strange.hatenablog.com</a></cite>&#13; <iframe class="embed-card embed-blogcard" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;" title="アプリの効果音どうしよう？って思ってたら凄いの見つけた！→Bfxrっていう効果音作成サイト＆ソフト - Little Strange Software" src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Flittle-strange.hatenablog.com%2Fentry%2F2019%2F11%2F07%2F213648" frameborder="0" scrolling="no"/><cite class="hatena-citation"><a href="https://little-strange.hatenablog.com/entry/2019/11/07/213648">little-strange.hatenablog.com</a></cite>&#13; <h2 id="まずは素材ファイルの用意">まずは素材ファイルの用意！</h2>&#13; 　音声ファイルをAndroidStudioに入れます。&#13; 　AndroidStudioの画面左で、app＞res＞raw＞の中に入れます。&#13; 　デフォルトではraw<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%C7%A5%A3%A5%EC%A5%AF%A5%C8">ディレクト</a>リは作られていないので、まずresの中に作ってあげる必要があります。&#13; 「res」を右クリックして「New」にマウスカーソルをのせると、更に右に候補が出てきます。&#13; 　その中の「Directory」をクリックします。&#13; すると↑こんなダイアログが出てくるので、rawと入れてOKを押せば、resの下にrawが出来ます！&#13; 　あとは、別途 <a class="keyword" href="http://d.hatena.ne.jp/keyword/Windows">Windows</a>の<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A8%A5%AF%A5%B9%A5%D7%A5%ED%A1%BC%A5%E9">エクスプローラ</a>で音声ファイル（mp3など）を右クリックでコピー、AndroidStudioのrawを右クリックして「Paste」を選択すれば、&#13; ↑これで素材の用意は完了です！&#13; <h2 id="今回の肝">今回の肝！</h2>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">MediaPlayerを使うにあたって必要な記載です。&#13; なお、以下に出てくるmp0は任意の名前（好きに変えちゃってOK！な部分）、 plusmaniaは任意の音声ファイルのファイル名（から拡張子を除いたもの）です。&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">MediaPlayerの<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A4%A5%F3%A5%B9%A5%BF%A5%F3%A5%B9">インスタンス</a>を、Activity直下で宣言&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">lateinit var mp0:MediaPlayer</pre>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">再生する音声ファイルを、onCreate内で設定　あわせて、ループ再生する・しないを指定&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">mp0= MediaPlayer.create(this,R.raw.plusmania) mp0.isLooping=true</pre>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">再生を開始させたいところに記載&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">mp0.start()</pre>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">onDestroy内に記載&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">mp0.release()</pre>&#13; <h2 id="他にもよく使いそうなもの">他にもよく使いそうなもの</h2>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">再生を停止させたいところに記載&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">mp0.stop()</pre>&#13; <p style="margin: 0.8em 0px; color: #3d3d3d; font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳＰゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff; text-decoration-style: initial; text-decoration-color: initial;">音声ファイルの再生開始位置を指定（0で曲の最初から。引数のInt型の整数値で指定します。）&#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">mp0.seekTo(0)</pre>&#13; <h2 id="思ったんですがAndroidアプリで何かするのって大抵">思ったんですが、<a class="keyword" href="http://d.hatena.ne.jp/keyword/Android">Android</a>アプリで何かするのって大抵…</h2>&#13; 　<a class="keyword" href="http://d.hatena.ne.jp/keyword/Android">Android</a><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%A2%A5%D7%A5%EA%B3%AB%C8%AF">アプリ開発</a>初心者ですが、MediaPlayerに限らず、&#13; <li>まずActivity直下でlateinit varで存在を宣言。</li>&#13; <li>onCreate内で初期設定。</li>&#13; <li>使いたいタイミング（ボタンのonClickに設定した関数内など）で実行。</li>&#13; <li>onDestroy内で.release()で解放。</li>&#13; で、大抵の事は運ぶように思えてきました。 ※場合によっては、onCreate・onDestroyじゃなくてonResume・onPauseだったり、onStart・onStopだったりするかもですが。&#13; <h2 id="コード全文はこんな感じになります">コード全文はこんな感じになります</h2>&#13; ↓MediaPlayer関連の部分を赤文字にしてみました。 &#13; <pre style="background-color: #ffffff; color: #000000; font-family: 'ＭＳゴシック'; font-size: 9.0pt;">package jp.littlestrangesoftware.a20191109music import <a class="keyword" href="http://d.hatena.ne.jp/keyword/android">android</a>.media.MediaPlayer import androidx.appcompat.app.AppCompatActivity import <a class="keyword" href="http://d.hatena.ne.jp/keyword/android">android</a>.os.Bundle class MainActivity : AppCompatActivity() { lateinit var mp0:MediaPlayer override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) mp0= MediaPlayer.create(this,R.raw.plusmania) mp0.isLooping=true mp0.start() } override fun onDestroy() { mp0.release() super.onDestroy() } }</pre>&#13; <h2 id="お手軽ですねぇ">お手軽ですねぇ</h2>&#13; 　宣言１行、初期設定２行、あと使用するのは短い１行コード。&#13; 　最初の頃だったらこの、宣言や設定をそれぞれ事前に行うの正直メンドクセって感覚がありましたが、最近はこのぐらいが普通って感じに思えてきましたｗ &#13; というところで、今回はここまで！&#13; SoundPoolを使って効果音を鳴らすのは、また後日記事にしますが、MediaPlayerよりもうちょっとだけメンドクサイですｗ&#13; <h2 id="追記公開済みのゲームで使用しています">追記：公開済みのゲームで、使用しています</h2>&#13; 　GooglePlayで公開中の足し算ゲーム、 &#13; <a href="https://play.google.com/store/apps/details?id=jp.littlestrangesoftware.plusmania" target="_blank">ぷらすまにあ</a>&#13; のBGM演奏に、このMediaPlayerを使用しています。&#13; 　実装したらどんな感じなのか見て（聴いて？）みたい方、DLしてみてねｗ（宣伝）&#13; ↑サンプルコードは全部<a class="keyword" href="http://d.hatena.ne.jp/keyword/Java">Java</a>ですが、<a class="keyword" href="http://d.hatena.ne.jp/keyword/Android">Android</a>で「あれやりたい」「これやりたい」がぎっしり詰まっている本。&#13; 　辞書的に重宝しています^^&#13; 　ではまた！次回もよろしくです！！&#13; <a href="https://little-strange.hatenablog.com/entry/2020/01/07/231429">AndroidStudio＋Kotlin記事インデックス</a>&#13;