如何在网页上播放.mp3或.m4a音频并同时显示嵌入式专辑封面？ （使用Javascript，HTML5或Flash）

Question

There are ways to play a .m4a audio on a webpage using jPlayer or SoundManager2 , but it seems that they will not show the cover art (automatically for each song).

Is there a way to automatically play the .m4a audio, as well as showing the cover art on a webpage, using Javascript, HTML5, or Flash? I think possibly for many .m4a , the cover art picture is already embedded in the .m4a file, as downloaded from the iTunes store. Or in the event that no cover art is there, is there a way to dynamically pull one? (Note: this is for any number of .m4a files automatically, such as 2, or 3, rather than just tailoring for one song. So this is similar to Yahoo Mediaplayer or Yahoo Webplayer ... the new one supports album art, but seems to only support one static image)

Answer 1

http://musicplayer.sourceforge.net/ xspf播放器显示艺术家和专辑信息，它需要xspf播放列表，但不确定是否支持m4a格式。

Answer 2

Extract the cover art from the file first, server-side. Don't leave it up to the player.

There are many ways to do this. If you are hosting on Windows, you can use the MediaInfo DLL .

Answer 3

jPlayer has a poster property which can be set when you setMedia, or work with your playlist using the jPlayer playlist plugin.

Granted the jPlayer poster is a static image you provide, it will probably be the easiest route. However..

Embedded album art I do believe is contained within ID3v1, ID3v2 comments or Vorbis comments depending on the media format your using and when it was created. There is a JavaScript library for reading ID3 data from media files https://github.com/aadsm/JavaScript-ID3-Reader