https://blog.teandt.net/tags/navidrome/Recent content in Navidrome on 屑籠というかゴミ箱Hugo -- gohugo.ioja-jpSat, 07 Feb 2026 19:12:40 +0900https://blog.teandt.net/posts/2026/02/20260207-191240/Sat, 07 Feb 2026 19:12:40 +0900https://blog.teandt.net/posts/2026/02/20260207-191240/<p>段階的に構築進める想定なのでちょっとずつメモ増やしていく予定</p> <h1 id="navidrome">Navidrome </h1><iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.navidrome.org%2F" title="Navidrome" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe>[www.navidrome.org](https://www.navidrome.org/) <p>SubsonicAPI対応の音楽ストリーミングサーバ。</p> <p>同種のソフトを比較しているところでサーバのリソース消費がかなり少ないという評価だったので選択。</p> <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyamanekovillage.com%2Farticles%2Fselfhosted_navidrome%2F" title="【宅鯖×音楽ストリーミング】いろいろ試してNavidromeに落ち着いた" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe>[yamanekovillage.com](https://yamanekovillage.com/articles/selfhosted_navidrome/) <p>最初のファイルスキャン中は結構激しく動いている感じだったけどその後はおとなしいので、録画サーバからほぼ単純NASになってリソースがあまり気味のサーバで動かすことにした。</p> <p>スマホのストレージを節約しつつ大量の音楽を聴けるようにしようとするとSpotifyとか使うかセフルホストのミュージックサーバ立てるかなんだけど、セルフホストのミュージックサーバてててみることにした。<br> ブラウザから再生するときもリプレイゲインを有効に出来るので良い。<br> リプレイゲインが有効なプレーヤーが必須なので個人的にはこの機能がかなり大きい。</p> <p>スマホからの再生に関してはこれまでPowerAmpを使っていたんだけど、そのままでは連係に使えなさそうなのでクライアントはSymphoniumあたりを検討中。<br> 外からの接続に関してはCloudflare Tunnel経由を想定しているけどうまく連係出来るかな？</p> <h1 id="lastfmとの連係">last.fmとの連係 </h1><p>last.fmやListenBrainzとの連係も可能。</p> <p>last.fmと連携する場合はAPIキーを発行して有効にする必要がある。</p> <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.navidrome.org%2Fdocs%2Fusage%2Fintegration%2Fexternal-services%2F" title="External Integrations" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe>[www.navidrome.org](https://www.navidrome.org/docs/usage/integration/external-services/) <p>dockerで立てる場合は</p> <ul> <li>ND_LASTFM_ENABLED</li> <li>ND_LASTFM_APIKEY</li> <li>ND_LASTFM_SECRET</li> </ul> <p>を指定する必要がある。<br> APIKEYとSECRETはlast.fmで登録したら発行される。</p> <p>指定してNavidromeの管理者から個人設定で「Last.fmへscrobbleする」が有効になっているので、これをONにしてlast.fmの接続確認が出るのでOKすれば完了。<br> last.fmの設定→Applicationsに登録した名称のアプリケーションがConnected Applicationsに登録されていればOK</p> <p>各種Configはここを確認</p> <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.navidrome.org%2Fdocs%2Fusage%2Fconfiguration%2Foptions%2F%23configuration-file" title="Navidrome Configuration Options" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;" loading="lazy"></iframe>[www.navidrome.org](https://www.navidrome.org/docs/usage/configuration/options/#configuration-file) <p>last.fmのAPI Keyの詳細、あとから見たい場合はここから見られるみたい<br> <a class="link" href="https://www.last.fm/api/accounts" target="_blank" rel="noopener" >https://www.last.fm/api/accounts</a></p> <h1 id="外部アクセス">外部アクセス </h1><p>家の外からのアクセスについてはCloudflare Tunnel経由でAccess認証通してつながるようにしたい。<br> ということでサクッとnavidrome.ドメイン名という感じのサブドメイン定義してAccess設定をして、Tunnelに先程のサブドメインとローカルのNavidromeアドレスを割り当てて公開。<br> 前やってしまったけど、Access設定する前にTunnelで割り当ててしまうとAccess設定するまでアクセスし放題になるので要注意。</p> <p><del>※ Cloudflare Tunnel経由でSymphoniumでアクセスしようとするとうまくいかないどうもバグっぽいことがフォーラムに記載があるけどどうなんだろ</del></p> <h2 id="symphoniumのcloudflare-tunnelとの連係について">SymphoniumのCloudflare Tunnelとの連係について </h2><p>Symphoniumのメディアプロバイダ設定でSubsonicのプロキシ認証設定にカスタムヘッダのCF-Access-Client-Id、CF-Access-Client-Secretを設定する必要がある。<br> これはCloudflare Zero Trust、というかCloudflare Accessでサービストークンを発行して、そのクライアントID、クライアントシークレットを設定する形になる。</p> <p>設定順としては</p> <ul> <li>サービストークンの発行（サービス資格情報からサービストークンを作成）</li> <li>Accessのアプリケーション設定でアクセスポリシーの先頭に新規ポリシーを追加（Service Auth設定でポリシーを作成して、先程作ったService Tokenをルールに設定）</li> </ul> <p>これを行ったうえで、symphoniumのプロキシ認証でカスタムヘッダにCF-Access-Client-Id、CF-Access-Client-Secretを指定。値はCloudflare Accessでトークン発行したときの値を設定<br> こんな感じ</p> <p><img class="gallery-image" data-flex-basis="382px" data-flex-grow="159" height="752" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://blog.teandt.net/posts/2026/02/20260207-191240/image-001.png" srcset="https://blog.teandt.net/posts/2026/02/20260207-191240/image-001_hu_ddeddeac31b6a0ff.png 800w, https://blog.teandt.net/posts/2026/02/20260207-191240/image-001.png 1200w" width="1200"></p> <p><em>カスタムヘッダーの設定</em></p> <p>これで外からSymphoniumでアクセス出来た。<br> 課題としては屋内からでもTunnel経由になってしまうのでLAN内で完結しなくなること。<br> そろそろちゃんと家庭内DNS整備してフォールバックするような環境が必要か？<br> → 「優先する接続」をローカルのIPアドレスに、予備の接続をパブリックなドメイン接続に設定しておけば良さそうなのでスマホはそういう設定にしようかと思っている。今のところ家の中のタブレットだけ設定しているから影響がわからん</p>