2016-11-17 3 views
1

具体的にレール資産パイプラインを持つサードパーティのビデオプレーヤーを使用している場合は、それに持っている:404エラー</p> <p>javascriptのマニフェストファイル..私は自分のWebアプリケーションにビデオプレーヤーを追加しようとしています、

//= require bitmovinplayer.min                            
//= require bitmovinplayer-core.min 
//= require bitmovinplayer-controls.min 

そして、CSSのマニフェストで:資産コンパイル後の連結の.jsファイルを表示する場合

@import "bitmovinplayer-core.min";                               
@import "bitmovinplayer-controls.min"; 

、私はこれらのファイルが正しく含ま取得があることがわかります。

ベンダーd8cd0ac ...の.js:38はGET https://myapp.com/assets/bitmovinplayer-core.min.css

ベンダーd8cd0ac ...の.jsプレーヤーをインスタンス化しようとしたとき

はしかし、私はコンソールに表示404エラーがあります。 38はhttps://myapp.com/assets/bitmovinplayer-core.min.js

をGETだから、明らかにこの選手のコードは、彼らがメインのjsでご利用いただけますので、accessible--されていないファイルを指しているのsrc属性を持つことのhtmlを追加して&マニフェストから生成されたcssファイル。

だから私は、これを行うと、プリコンパイルした後、しかし

config.assets.precompile += [ 
    'bitmovinplayer-core.min.css', 
    'bitmovinplayer-core.min.js', 
] 

.............これで問題が解決するだろう、手動で資産プリコンパイル配列にこれらのファイルを追加することにより、考え

0:私は行かなければならない

/assets/bitmovinplayer-core.min.css

:に、私はまだ行くことができません良くない

/assets/bitmovinplayer-core.min-78b88b860ccc407fd131639914ecd692.css

..私は、URLのハッシュせずに、この資産にアクセスできるようにする必要があります。

どうすればよいですか?

答えて

2

ここで問題となるのは、Railsがアセットパイプラインを通じてアセットをプリコンパイルするときには、ファイルにハッシュを追加してキャッシュを改善することです。 bitmovin-playerは、これらのファイルがデフォルトで特定の方法で指定されることを期待しているので、404エラーになります。

ただし、bitmovin-playerがこれらのファイルをロードするパスを、documented hereから上書きすることができます。

location : { 
    html5 : '<%= asset_path('bitmovinplayer-core.min.js') %>', 
    css : '<%= asset_path('MY_CSS_FOLDER/bitmovinplayer-core.min.css') %>', 
    flash : '/bitmovinplayer.swf', 
    vr : '<%= asset_path('bitmovinplayer-vr.min.js') %>', 
    ctrls : '<%= asset_path('MY_JS_FOLDER/bitmovinplayer-controls.min.js') %>', 
    ctrls_css: '<%= asset_path('MY_CSS_FOLDER/bitmovinplayer-controls.min.css') %>' 
} 

は、残念ながら、すべてのファイルを一つに束ねているプレーヤーを伝えるために、現時点で方法はありません、それは任意のJS/CSSをリロードべきではありません。したがって、これまでは個々のファイルをconfig.assets.precompileリストに追加する必要がありました。

自分でホストされているプレーヤーを本当に使用する必要がない場合は、昨日Railsの宝石を書いてbitmovin-playerの埋め込みや設定をかなり簡単にしました。あなたはそれを確認することができますon GitHub。自己催促のオプションを宝石に加えることを考えていますが、現時点ではそれに入る時間はありません。 (<%= bitmovin_player_script %>をページの先頭に追加すると、プレーヤーを埋め込むためのヘルパーが機能します。

希望します。

関連する問題

 関連する問題