没有闪光灯的Soundcloud播放器

时间:2013-05-24 16:46:04

标签: jquery html5 flash audio html5-audio

您好我正在尝试使用soundcloud API自定义音频播放器。 https://github.com/soundcloud/soundcloud-custom-player/wiki

这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Reproductor</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link rel="stylesheet" href="soundcloud/css/sc-player-minimal.css" type="text/css">
</head>
<body>

    <a href="http://soundcloud.com/dark-pointer/dark-pointer-disconnect-no" class="sc-player">Test</a>

    <script type="text/javascript" src="soundcloud/js/soundcloud.player.api.js"></script>
    <script type="text/javascript" src="soundcloud/js/sc-player.js"></script>
</body>
</html>

仅适用于Chrome。我认为这是因为我在Firefox中没有flash。但如果我没有闪光灯,应该在HTML5中播放

有谁知道如何用html5播放它?

您可以在此处查看我的测试:http://jreedon.marcosaguayo.com/

我试过这些例子但没有工作 http://jreedon.marcosaguayo.com/soundcloud/examples/sc-player-red.html

2 个答案:

答案 0 :(得分:1)

SoundCloud使用SoundManager2播放音频。如果浏览器可以播放mimetype,SoundManager2将尝试使用本机HTML5音频。 Firefox 21 只是为Windows 7及更高版本添加了MPEG支持(mpeg / mp3 / mp4 / m4a)。 Firefox 22支持Vista,他们也可能最终加入对XP的支持。

Linux和Mac版本的Firefox目前不支持MPEG解码,但他们正在努力这样做。 Linux版本可能会比Mac更快获得支持。

如果您没有安装Windows 7+或没有安装Firefox 21,那么SoundManager2将会看到您的浏览器无法播放本机的MPEG,并会自动回退到使用Flash播放音频。

答案 1 :(得分:1)

你好,我的英语非常糟糕,但我可以给你一个问题的答案,因为我今天也得到了同样的结果,我找到了一个非常丑陋的解决方案但是他的作品。首先你必须在Firefox上更新flash播放器,因为它没有使用html的音频,如果没有这个脚本在firefox上不起作用。如果你想制作一个播放列表我用空函数替换函数api_load来加载一首新歌。

load: function(track) {
          var url = track.uri;
          if(player){
            $('.sc-player-engine-container').empty();
            $('.sc-player-engine-container').append(flashHtml(url));
          }else{
            // create a container for the flash engine (IE needs this to operate properly)
            $('<div class="sc-player-engine-container"></div>').appendTo(document.body).html(flashHtml(url));
          }
        },

我可以说这是否是一个很好的解决方案,因为我对Js和网络技术也是新手。 在我的网站http://mifatracks.com/

上查看