【发布时间】:2014-01-31 14:27:16
【问题描述】:
是这样的: 需要一个响应式 html5 音频播放器,我发现最好的是一个叫 Osvalds 的人制作的。
我发现的第一个问题是“自动播放”属性在 Firefox 中重复播放同一首歌曲两次。我可以通过添加几行 javascript 来解决这个问题(尽管播放按钮不会改变要播放的歌曲)。
第二个问题(这是我需要帮助的地方)是 javascript 没有检测到 URL 重定向或失败,但它确实适用于最终 URL。
我的意思是,我的 php 变量返回如下 URL:
“http://www.goear.com/action/sound/get/104fc33”
但这反过来又将我重定向到最终 URL:
好的,当我使用基于Flash的播放器时,没有问题。而当我在没有脚本的情况下使用“音频”标签时没有问题。
我试图通过将 php 变量传递给“CURL”来解决这个问题,它成功了! 但事实证明,我的主机不支持“CURLOPT_FOLLOWLOCATION”。
这是查看 javascript 源代码音频播放器的另一种选择。
这是我的html:
<audio id="audiobox" preload="auto" controls loop>
<source src="http://live1.goear.com/listen/d941195f4a5f477381d8a95ba666a0cb/52eac666/sst2/mp3files/10102006/450929654ac4765a83324119603d02d6.mp3">
<script type="text/javascript">
function play() {
document.getElementById('audiobox').play();
}
play();
</script>
</audio>
<script src="jquery-1.11.0.min.js"></script>
<script src="audioplayer.js"></script>
在这个方向是代码javascript音频播放器: 我不是 javascript 专家,但我认为问题一定出在第 56 行:“this.attr AudioFile = $ ('src')。”我想如果我可以直接在它可以运行的脚本中定义 php 变量。 但不知道有没有别的办法:
这留下了一个 jsFiddle 示例,在这种情况下,“src”属性调用以 MP3 结尾的最终 URL,如您所见,音乐播放,播放器正常工作。:
这是有问题的示例,刚刚标记为“源”的相同代码指向返回变量的 URL(请记住,这只会在使用此脚本时失败):
它只出现一个按钮(这意味着播放器失败了)。
希望你能帮助我。提前致谢。
编辑: 以下是脚本作者的链接: http://tympanus.net/Development/AudioPlayer/AudioPlayer.zip
【问题讨论】:
标签: javascript php jquery html