在我的网站中流式传输音频

Question

我正在为一位音乐艺术家创建一个粉丝网站，但我无法找到一种可靠的方式在该网站上流式传输音乐。我尝试了许多不同的方法，但都没有给我想要的结果。

我需要播放器接受直接 URL 作为音频源。以及在尽可能多的操作系统/浏览器上工作。我所有的音频都是 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

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

示例：

<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，它非常棒。它很适合我想做的事情。