0

好吧，伙计们，我对这一切都很陌生，如果我没有意义，我很抱歉，我希望在我的 jquery 移动页面中使用 SoundCloud。我在下面使用了以下 iframe 代码：

        <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/100795671&color=ff6600&auto_play=false&show_artwork=false&sharing=false&download=false&show_playcount=false&liking=false&show_comments=false&auto_advance=false&show_user=false" id="player"></iframe>
        </p>
        <div class="ui-grid-a">
            <div class="ui-block-a">
                <button id="play">Play</button>
            </div>
            <div class="ui-block-b">
                <button id="pause">Pause</button>
            </div>
        </div><!-- /grid-b -->
         <script type="text/javascript">
            var iframe = document.querySelector('#player');
            var sc = SC.Widget(iframe);

            sc.bind(SC.Widget.Events.READY, function () {
                var d = document.createTextNode('Ready');
                document.querySelector('body').appendChild(d);
            });

            document.querySelector('button').addEventListener('click', function () {
                sc.play();
                });

            document.getElementById('pause').addEventListener('click', function () {
                sc.pause();
                });
          </script>

我也在标题中调用这些js文件

<script src="https://w.soundcloud.com/player/api.js"></script>
<script src="//connect.soundcloud.com/sdk.js"></script>

我得到的问题是它不会在我的移动视图上为我播放，波形图像似乎也加倍并覆盖了播放/暂停图标。

截图：http: //imageshack.us/photo/my-images/109/qxix.png/

我已经在桌面视图上对其进行了测试，以这种方式查看似乎没有问题，这是我正在测试的页面 http://www.blackburnravers.com/test/media/blackburnravers/ blackburnravers_androidcore_v3.0.html

是不是我做错了？希望有人可以帮助我。非常感谢，布莱克本狂欢队

4

1 回答 1

1

不幸的是，由于 Widget API 的实现，通过外部控件播放声音在 iOS 中是不可能的——这是因为 iOS 的异步特性postMessage和限制，播放必须由用户启动。

于 2013-08-10T19:38:33.940 回答