Question

我正在为一位音乐艺术家制作一个粉丝网站，而我却无法找到一种可靠的方式来播放网站上的音乐。我尝试了很多不同的方法，没有人给我我想要的结果。

我需要玩家接受直接网址作为音频来源。以及尽可能多的操作系统/浏览器。我的所有音频都是mp3格式。我目前有它工作，但由于某种原因，当页面加载一些球员的工作时，它似乎是一个打击或错过，有些不是。我尝试了不同的托管服务，并没有什么区别，所以问题出在播放器本身内。

我已修改此播放器以在我的网站中使用。这是我尝试的众多中最好的，但如果只是它会更可靠地加载歌曲，我会很高兴。

http://designmodo.com/audio-player/

这是我在html中的音频标签。

 <div class="audio-player">
                <h1>  Yea</h1> <h2>  May 23, 2016</h2>
                <h3>          Lil Uzi Vert         </h3>
                <img class="cover" src="../playerimgs/cover.png">
                <audio  preload   class="part14" src="http://dopefile.pk/mp3embed-df1s7uzu0d6b.mp3" type="audio/mp3" controls="controls"></audio>

            </div>

我在同一页面上有很多玩家。其中一些工作在初始页面加载，其中一些需要许多刷新点击实际加载。这是不切实际的。

所以我正在寻找两件事之一，

1-如何修复我的播放器，以便始终处理初始加载。 2-一种更可靠的不同音乐播放器。

我知道这个想法并非不可能，但我没有找到最好的方法来做到这一点。我搜索并使用了十几个不同的玩家，没有人像这个一样工作。我在这个设置中遇到的唯一问题是音乐播放器并不总是因为一些奇怪的原因而工作。

我可以在必要时添加javascript，但我根本没有编辑。另外，我不打算在我的网站中嵌入其他玩家。我已经尝试了这个，它根本没用。

感谢您提供任何帮助或建议。

这个网站是我希望玩家喜欢的一个很好的例子。

https://jams.to/

这是我与我的玩家合作的临时页面，

http://www.luvallday.com/Posts/Allsongs.aspx

Answer 1

我已经完成了将音频整合到HTML5游戏/互动体验中的一些工作，目前我使用过的最好的图书馆是Howler。非常干净且易于使用的API，并且它在跨浏览器中表现得非常好。

Answer 2

如果您希望在页面加载时自动播放音乐，只需将“autoplay”属性添加到元素标记...

示例：

<audio class="part14" src="http://dopefile.pk/mp3embed-df1s7uzu0d6b.mp3" type="audio/mp3" controls="controls" autoplay></audio>

很少但是如果自动播放失败：

<script>
if(document.readyState == "complete"){

//grab the first player
var player = document.getElementsByTagName('audio')[0];

//play it
player.play();

}
</script>

或

如果你更高级，我推荐使用wavesurfer.js，它为视觉效果提供了一个很好的音乐播放器..

此处：http://wavesurfer-js.org/

Answer 3

所以我发现这个播放器叫做Amazing Audio Player，它非常棒。它适用于我想做的事情。

在我的网站

3 个答案: