0

setImageメソッドで別の画像を設定しようとしています。

問題は、新しい画像が非常に短時間だけ表示されるようになり、その後元の画像にフェードインすることです。

その上、再生ボタンが消えます。

これが私のコードです：

require(['$api/models', '$views/image#Image'], function(models, Image) {

    // Play a single track
    var track = models.Track.fromURI('spotify:track:7B1Dl3tXqySkB8OPEwVvSu');
    var image = Image.forTrack(track, {player: true});

    // A line added by me to set the new image
    image.setImage("/img/spotify-logo.png");

    // Pass the player HTML code to the #single-track-player div
    document.getElementById('single-track-player')
        .appendChild(image.node);
});

このコードは、主にSpotify アプリ チュートリアルから引用されています。

私が追加した唯一の行は、setImageメソッドの行です。

私は何を間違っていますか？

4

1 に答える 1

1

を使用してカスタム イメージを設定すると、競合状態が発生する場合がありますImage.setImage。

Image.fromSource解決策は、次の方法を使用することです。

require(['$api/models', '$views/image#Image'], function(models, Image) {

    // Play a single track
    var track = models.Track.fromURI('spotify:track:7B1Dl3tXqySkB8OPEwVvSu');
    var image = Image.fromSource("/img/spotify-logo.png", {
        playerItem: track,
        player: true
    });

    // Pass the player HTML code to the #single-track-player div
    document.getElementById('single-track-player')
        .appendChild(image.node);

});
于 2014-03-14T07:26:30.620 に答える