2

よろしくお願いします。

だから、私はペーパークリップを使ってファイルシステムに曲を保存しています。次に、これらの曲をjPlayerで再生しようとしています。

私はすべての指示に従いましたが、jPlayerへのオーディオを解析することになっているlink_toメソッドをクリックしてオーディオを再生できないようです。

基本的に、「曲を再生」ボタンをクリックすると曲が再生されます。

私のjPlayer関数は次のようになります。

$(document).ready(function(){
    $("#jquery_jplayer_1").jPlayer({
        ready: function () {
            $(this).jPlayer("setMedia", {
                mp3: '<source>'
            });
        },
        swfPath: "jplayerflash",
        supplied: "mp3",
    });
  });

私の見解は次のようになります。

<td><%= link_to 'Play Song', song_upload.song.url, :class => "html5" %></td>

オーディオファイルは、ペーパークリップを介してassets / user_song_uploadsに保存されます...曲はすべてMP3形式であり、Chromeを使用しているため、すべてが機能するはずです。

jPlayerでメディアを設定しようとすると問題が発生します。

jPlayerの実装方法へのリンク ここで、私は最初に音楽リスニングアプリケーションの実装方法を学びました。「HTML5オーディオを使用したスト​​リーミング」のセクションの途中で、「」を使用した理由がありますが、この実装では明らかに機能していません。

4

1 に答える 1

4

返信が遅くなり申し訳ありませんが、私は自分の答えを見つけました。

$(document).ready(function(){
$("#jquery_jplayer_1").jPlayer({
    swfPath: "/app/assets/jplayerflash",
    supplied: "mp3",
    wmode: "window"
});
$('a.play').click(function(e) {
    e.preventDefault();
    $("#jquery_jplayer_1")
        .jPlayer("setMedia", {mp3: this.href })
        .jPlayer("play");

そして私の見解：

<td><%= link_to 'Play Song', song_upload.song.url, :class => "play" %></td>
于 2012-05-14T16:06:29.467 に答える