Laravel DBに格納した音声ファイルへのアクセス

Question

Laravelで音楽プレイヤーを作成しています。
DB(MySQL)に音声ファイルをバイナリ形式でアップロードし、それらをプレイリストに表示(view)、クリックすると再生するといったことがしたいです。
なお、再生部分はjsのaudioクラスを使いたいです。

music.js
let Music = new Audio(url);

ファイルをアップロードする機能はできました。
audioクラスの引数にファイルのurlを渡したいです。

Music.php(モデル）
public function getFile(){
        return $this->file;
    }

index.blade.php
<div id="playListAria" class="playListAria">
      <div id="playList_ttl" class="playList_ttl">
        <p>PlayList</p>
      </div>
      @foreach ($items as $item)
      @if ($item->music != null)
      <div id="playList" class="playList">
        <ul>
          @foreach ($item->music as $obj)
          <li>
            <p class="music_ttl" id="music_ttl">
              {{ $obj->getTitle() }}
            </p>
            <p class="file" id="file">
              {{ $obj->getFile() }}
            </p>
          </li>
          @endforeach
        </ul>
      </div>
      @endif
      @endforeach
 </div>

id="file"のところで格納したファイルを呼び出したところ、urlっぽいものが表示されたため、これをjsファイルに渡したのですが、アクセスができません。

どうすればアクセスできますでしょうか？ご教示いただければ幸いです。

Answer 1

Webサーバーへのリクエストに応じてDB(MySQL)から対象の音楽を取り出してクライアントに返す処理を書く必要があります。

Comments

[koki800]

回答ありがとうございます。
言葉が足らず、すみません。そちらの処理はモデルに記述しております。
質問文を編集しましたので、ご確認いただければ幸いです。

[RiaFeed]

ビューがないとクライアントに返せないような気がするんですが、
とりあえず処理を記述したということでしたらその処理を動かしてクライアントに返すURLはわかっているはずですから
そのURLを渡してください。

[koki800]

index.blade.php がviewになります。（コード記載しております）
viewに返した結果が画像で、画像のURL(曲名下）をjs（music.js)のaudioクラスに渡そうとしたところアクセスエラーとなりました。

[RiaFeed]

そのindex.blade.phpってビューは音声(音楽)データじゃなくてHTML(の一部)を返してますよね・・・？
DB(MySQL)に収めている音声(音楽)データを余計な情報を付けずにそのまま返すビューを作ってそのURLをAudioクラスに渡してください。

[koki800]

＞余計な情報を付けずにそのまま返すビューを作って
ここがいまいちわからなくて‥
{{ $obj->getTitle() }}でタイトルを取り出したように、{{ $obj->getFile() }}でファイルを取り出したつもりでした。
音声ファイルはバイナリ形式で格納してあります。
URLはどのように取り出せば良いでしょうか？

[RiaFeed]

それが本当なら<p class="file" id="file"></p>の中に音声ファイルのバイナリデータが入って表示がおかしくなりそうな気がするんですが。
たまたまうまくCSSで非表示になって見えないから気づいてないだけかもしれないけど。

[koki800]

画像のURLっぽいものは何でしょうか？
これを渡すとアクセスエラーとなります。

[RiaFeed]

多分ですがmacのPHPがアップロードされたファイルを一時保管するために作ったテンポラリファイルのパスなんじゃないですかね。
そのファイルをブラウザから直接アクセスしようとしたってうまくいくわけがありません。

[koki800]

MySQLに格納されているデータのURLはどこで調べられるでしょうか？
またテーブルに入っているデータ以外のものをviewに渡すにはどのような方法が考えれますか？（今回はファイルのURL）

[RiaFeed]

それ最初の答えにもどるんですが…
DB(MySQL)にBLOBとして音声を書き込んだのならファイルとしては存在しないのでSQLで取り出さないといけないし
DB(MySQL)にファイルのパスを文字列として書き込んでるだけならファイルがアップロードされた段階でwebサーバーから見えるパスに置きなおすところからのような気がする。

[koki800]

>SQLで取り出さないといけないし
すみません、初学者なものでここをもう少し詳しくお願いします。
DBクラスを使うとかいう話ではないですよね？
>DB(MySQL)にファイルのパスを文字列として書き込んでるだけならファイルがアップロードされた段階でwebサーバーから見えるパスに置きなおすところからのような気がする。
これでしょうか？
https://codelikes.com/laravel-storage/#:~:text=%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%82%92%E6%8C%87%E5%AE%9A%E3%81%97%E3%81%A6%E4%BF%9D%E5%AD%98%E3%81%99%E3%82%8B,-%E6%AC%A1%E3%81%AF%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA&text=Storage%3A%3Aput('images%2F,%E3%81%A6%E3%81%84%E3%81%8F%E3%81%A8%E8%89%AF%E3%81%84%E3%81%A7%E3%81%99%E3%80%82