質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.54%

コンソールで画像関係のエラー、undefinedplayer-graphics.gif 404 (Not Found)と出てしまう。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 150

saitou311099

score 3

イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明
イメージ説明

現在ポートフォリオサイトに音楽再生機能を実装中です。

https://qiita.com/whitia/items/3e533c64ce6b6badfb63

こちらのqiitaの記事を参考に実装しました。
ローカルで一応動作はするのですが、
コンソールで

jquery.self-bd7ddd393353a8d2480a622e80342adf488fb6006d667e8b42e4c0073393abee.js?body=1:6719 
GET http://localhost:3000/undefinedplayer-graphics.gif 404 (Not Found)

というエラーが出てしまうので、本番環境では動かないものかと思われます。
一応画面上では音楽の再生はできますし、プレイヤーも表示はされているのですが、gifの画像だけおそらく反映されていないといった感じです。

やったこととしましては記事の通りに、
gem 'audiojs-rails'
bundle installして、gem install audiojs-rails を実行。

//= require audiojsを//= require_tree .の手前に追加。

= audio_tag 'menuettm.mp3'
タグをビューに配置。

:script
audiojs.events.ready(function() {
var as = audiojs.createAll();
});

こちらをビューに配置して初期化して読み込みました。

Rails.application.config.assets.paths << Rails.root.join('node_modules')
Rails.application.config.assets.paths << Rails.root.join("app", "assets", "audios")
assetsのパスはこのような形で追加しました。
コンソールcで動作確認済みです。

assets/audios/menuettm.mp3といった形でミュージックを配置しました。
音楽は正常に流れております。

改善のために試したこととしましては、
画像の位置が悪いかと思ったので、player-graphics.gifをimagesの中、audiosの中、assetsの中、いろんなところに配置する画像を変更してみたのですが、全てダメでした。

念の為、audio.min.jsの記述の中に画像を呼び出す記述があったので、そちらを消すなどして試してみてもダメでした。
八方塞がりです。

他に何か試した方がいいことはありますでしょうか。
ご教授いただけると助かります。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • winterboum

    2019/12/17 17:12

    すみません、画像だと見難いのでtextで貼っていただけませんか

    キャンセル

  • saitou311099

    2019/12/17 17:13

    ActionController::RoutingError (No route matches [GET] "/undefinedplayer-graphics.gif"):

    actionpack (5.2.3) lib/action_dispatch/middleware/debug_exceptions.rb:65:in `call'
    web-console (3.7.0) lib/web_console/middleware.rb:135:in `call_app'
    web-console (3.7.0) lib/web_console/middleware.rb:30:in `block in call'
    web-console (3.7.0) lib/web_console/middleware.rb:20:in `catch'
    web-console (3.7.0) lib/web_console/middleware.rb:20:in `call'
    actionpack (5.2.3) lib/action_dispatch/middleware/show_exceptions.rb:33:in `call'
    railties (5.2.3) lib/rails/rack/logger.rb:38:in `call_app'
    railties (5.2.3) lib/rails/rack/logger.rb:26:in `block in call'
    activesupport (5.2.3) lib/active_support/tagged_logging.rb:71:in `block in tagged'
    activesupport (5.2.3) lib/active_support/tagged_logging.rb:28:in `tagged'
    activesupport (5.2.3) lib/active_support/tagged_logging.rb:71:in `tagged'
    railties (5.2.3) lib/rails/rack/logger.rb:26:in `call'
    sprockets-rails (3.2.1) lib/sprockets/rails/quiet_assets.rb:13:in `call'
    actionpack (5.2.3) lib/action_dispatch/middleware/remote_ip.rb:81:in `call'
    actionpack (5.2.3) lib/action_dispatch/middleware/request_id.rb:27:in `call'
    rack (2.0.7) lib/rack/method_override.rb:22:in `call'
    rack (2.0.7) lib/rack/runtime.rb:22:in `call'
    activesupport (5.2.3) lib/active_support/cache/strategy/local_cache_middleware.rb:29:in `call'
    actionpack (5.2.3) lib/action_dispatch/middleware/executor.rb:14:in `call'
    actionpack (5.2.3) lib/action_dispatch/middleware/static.rb:127:in `call'
    rack (2.0.7) lib/rack/sendfile.rb:111:in `call'
    railties (5.2.3) lib/rails/engine.rb:524:in `call'
    puma (3.12.1) lib/puma/configuration.rb:227:in `call'
    puma (3.12.1) lib/puma/server.rb:660:in `handle_request'
    puma (3.12.1) lib/puma/server.rb:474:in `process_client'
    puma (3.12.1) lib/puma/server.rb:334:in `block in run'
    puma (3.12.1) lib/puma/thread_pool.rb:135:in `block in spawn_thread'

    コピペして貼り付けました。こちらでよろしいでしょうか。

    キャンセル

  • saitou311099

    2019/12/17 17:14

    Started GET "/undefinedplayer-graphics.gif" for ::1 at 2019-12-17 17:07:01 +0900

    こちら貼り忘れてました。

    キャンセル

回答 1

checkベストアンサー

+1

Started GET "/undefinedplayer-graphics.gif

このリクエストからすると、Rails.rootの publicに "undefinedplayer-graphics.gif" がなければなりません。
そこに undefinedplayer-graphics.gif を置いて試したことはありますか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/12/17 17:25

    すみません。試しに

    publicに "undefinedplayer-graphics.gif"

    に画像を配置したところエラーがでなくなりました。
    こちらには画像を配置したことはなかったです。
    imageの中に入れるものだと思い込んでおりました。

    キャンセル

  • 2019/12/17 17:42

    エラーをきちんと読みましょう

    キャンセル

  • 2019/12/19 17:58

    ありがとうございました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.54%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる