/2024_A

Primary LanguageTypeScriptMIT LicenseMIT

Atmosfeel(アトモスフィール)

関西🔰(カンサイビギナーズ)

背景・課題・解決されること

関西を各所を巡るのに、その土地の魅力を知ってもらうことが出来る手段として音楽は有効な手段と考えた。その場所や天気に合わせた音楽を聞くことで、その場所での思い出がより鮮明に残りやすくなる。

プロダクト説明

位置情報を取得して、現在の天気とその場所に合った音楽をアプリが提案する。

操作説明・デモ動画

再生開始を押すと自動で選ばれた曲が再生される。
左下の地点の登録ボタンを押すと、地図のピンがある地点に曲を指定することができる。指定された地点に近づくと、自動でその曲に切り替わる
右上の検索欄は、検索したいワードを入力してからEnterを押すことで曲名検索ができる。
右下の履歴からブラウザを開いてから再生した曲が見れる。

デモ↓↓ https://www.youtube.com/watch?v=4d7qrfK45qU

注力したポイント

関西の土地にて地点ごとに音楽と共に思い出がより鮮明に残りやすくなるよう、 関西の2府4県、その場の天気をもとに曲が選ばれるようにした。
また、ブラウザを開くだけで音楽が選ばれるため、他の作業をしながらでもすぐに使用することができ、他のアプリを使用中でも音が混雑しないよう、音量を調整できるようにした。

使用技術

react
Typescript
Leaflet
useSound
Docker

##使用した素材元 音源 https://dova-s.jp/
https://booth.pm/ja
https://peritune.com/
https://mipption.wixsite.com/runamusic/%E3%83%95%E3%83%AA%E3%83%BCbgm