いま、Railsで、オーディオプレイヤーのJSライブラリであるamplitudejsを試しているのですが、
このライブラリはJavascriptでカバー画像と音楽ファイルを指定する必要があります。
ここで、/assetsのファイルをJavascript内で指定したいのですが、どうしたら良いでしょうか。
URLヘルパー(?)を使用する方法の方が楽なので好ましいですが、使用しない方法でも大丈夫です。
参考にしたサイト:
Ruby on Rails JavaScript や CSS ファイル内で画像を読み込むときのパス(Path)の指定方法
以下、構成とファイル内容。
/assets/javascript/application.js
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@3.2.3/dist/amplitude.js"></script> Amplitude.init({ "songs": [ { "name": "Song Name 1", "artist": "Artist Name", "album": "Album Name", "url": "/assets/51-Ubiquitous dB.flac", "cover_art_url": "/assets/song_cover_images/default_cover.jpg" } ] });
view
<span class="amplitude-play"></span> <span class="amplitude-play" amplitude-playlist="playlist_index"></span> <span class="amplitude-play" amplitude-song-index="1"></span>
オーディオファイル
assets/songs/51-Ubiquitous dB.flac
カバー画像ファイル
assets/images/song_cover_images/default_cover.jpg
追記
フルパスで指定してみたのですができませんでした。フルパスがいけないのか、ライブラリで抜けているところがあるのか、わかりません。 教えてください。
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/amplitudejs@3.2.3/dist/amplitude.js"></script> Amplitude.init({ "songs": [ { "name": "Song Name 1", "artist": "Artist Name", "album": "Album Name", "url": "C:/pg/RAILS/dev___/app/assets/songs/51-Ubiquitous dB.flac", "cover_art_url": "C:/pg/RAILS/dev___/app/assets/images/song_cover_images/default_cover.jpg" } ] });
あなたの回答
tips
プレビュー