我在 Google 上搜索了大约 100 个不同的播放器,但这很有趣。我确信我可以很容易地找到许多库来使用,但我找不到任何合适的库。
我需要一个能够从 soundcloud 下载音乐的站点的固定播放器(但在极端情况下没有它也是可能的)和一个播放列表。同样重要的是,它是可定制的,以便根据网站的设计进行调整。同时,它具有自适应性,使其在移动设备上也能高效工作。
我找到了这个播放器:http ://www.mediaelementjs.com/ ,但它没有任何自适应性?所以要将它附加到页面底部,您将不得不重写一半的样式和脚本。好吧,它不支持列表,原则上也可以通过它们的 API 来解决。
我想知道:也许有人已经处理过这个问题?你是怎么解决的?我不想从头开始编写脚本。
第一个解决方案:soundmanager2。
有一个 API 可以完全控制一切、现成的播放器选项和对旧浏览器的支持。总的来说,我在那里找到了我需要的一切。但是有一个问题。所有单选按钮都是使用链接创建的,当鼠标悬停在它们上方时,这会破坏连接到底部的播放器的设计。悬停时,Chrome 在左下角打开一条带有链接地址的灰线,它位于播放器的顶部。
决赛:jPlayer
不管别人怎么说,我最终都遵循了 Internet 上关于 jPlayer 的所有建议。网站上的示例看起来很糟糕,但当我查看代码时,结果证明它是一个非常灵活的编辑播放器。通过对结构应用一系列类和更改,我能够做我想做的事。