Question

情况如此：需要一个响应式html5音频播放器，我找到的最好的是由一个名叫Osvalds的人制作的。

我发现的第一个问题是“自动播放”属性在Firefox中再现了两次相同的歌曲。我可以通过添加几行javascript来解决这个问题（尽管播放按钮不会改变要播放的歌曲）。

第二个问题（这是我需要帮助的地方）是javascript没有通过URL重定向检测或失败，但它确实可以使用最终的URL。

我的意思是，我的php变量返回一个URL，如：

“http://www.goear.com/action/sound/get/104fc33”

但这会将我重定向到最终的网址：

“http://live1.goear.com/listen/d6a9757a390b5d49b8584288d5589318/52eac3f1/sst2/mp3files/10102006/450929654ac4765a83324119603d02d6.mp3”

好的，当我使用基于闪存的播放器时，没有问题。当我使用没有脚本的“audio”标签时没有问题。

我尝试通过将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变量。但不知道是否还有另一种方式：

http://pastebin.com/WxnTQmXa

这留下了一个jsFiddle示例，在这种情况下，“src”属性调用以MP3结尾的最终URL，如您所见，音乐播放和播放器工作。：

http://jsfiddle.net/aEXsL/2/

以下是问题的示例，标有“source”的相同代码指向返回变量的URL（请记住，这只能使用此脚本失败）：

http://jsfiddle.net/aEXsL/3/

只出现一个按钮（表示播放器出现故障）。

希望你能帮助我。提前谢谢。

编辑：这是脚本作者的链接： http://tympanus.net/Development/AudioPlayer/AudioPlayer.zip

Answer 1

使用此代码

<script type="text/javascript">
var song=new Audio('http://live1.goear.com/listen/d941195f4a5f477381d8a95ba666a0cb/52eac666/sst2/mp3files/10102006/450929654ac4765a83324119603d02d6.mp3');
song.play();
</script>

但您的链接不包含我现在认为的任何MP3

我的脚本没有检测到重定向URL

1 个答案: