使用专辑图片在html中嵌入音频文件

时间:2013-05-28 13:17:33

标签: html playback

所以我就像这样嵌入音乐(在firefox中测试),

<object width="300" height="20">
        <param name="src" value="music/Furrow.mp3">
        <param name="autoplay" value="false">
        <param name="controller" value="true">
        <param name="bgcolor" value="#FFFFFF">
        <embed src="music/Furrow.mp3" autostart="false" loop="false" width="300" height="42" controller="true" bgcolor="#FFFFFF">

当我加载我的html页面时,有一个小VLC类型的播放器,这是完美的。但是我有一个问题,当我将鼠标从播放器上移开时,播放器看起来像这样,

http://imgur.com/3aCGfx0

如何更改橙色圆锥+黑色背景,让我们说,相册图片或图片?

由于

PS这可能不是添加音乐的最佳方式,但我现在只想制作专辑作品

2 个答案:

答案 0 :(得分:1)

您这样做的方式是使用浏览器提供的默认插件。在您的情况下,这是VLC,但这取决于客户端媒体插件。

您需要做的是使用自定义媒体播放器(您可以选择flash,html5等),并自行管理图稿。

看看现有的解决方案,如亚音速,安培...... 屏幕截图形式示例subsonic:有一个嵌入式Flash播放器,播放列表+艺术作品用javascript处理。

答案 1 :(得分:0)

首先,应该知道您的源代码,也许是CSS中锥形图标的绝对位置图片。

ps:JW播放器提供带有播放列表和专辑封面的解决方案,始终使用flash播放器。 http://www.longtailvideo.com/jw-player/download/