SoundManager 2 360Ui安装

Question

我正在尝试安装SoundManager的360Ui播放器。

但我似乎无法指出它。

这是我标题中的jQuery代码：

<script type="text/javascript" src="wp-content/themes/medium/includes/js/soundmanager2-nodebug.js" charset="utf-8"></script>
<script type="text/javascript" src="wp-content/themes/medium/includes/js/excanvas.js" charset="utf-8"></script>
<script type="text/javascript" src="wp-content/themes/medium/includes/js/berniecode-animator.js" charset="utf-8"></script>
<script type="text/javascript" src="wp-content/themes/medium/includes/js/360player.js" charset="utf-8"></script>
...

<script type="text/javascript">

    //some soundmanager settings
    soundManager.url = 'wp-content/themes/medium/swf/';
    soundManager.flashVersion = 9;
    soundManager.useHTML5Audio = true;
    soundManager.debugMode = false;

    </script>

HTML调用：

<div class="ui360">
 <!-- dynamically-inserted block -->
 <div class="ui">
  <canvas class="sm2-canvas"></canvas>
  <span class="sm2-360btn"></span> 
  <div class="sm2-timing"></div>
  <div class="sm2-cover"></div>
 </div>
 <!-- /UI -->
 <a href="http://**.**.**.**:8000/live">
</div>

出于某种原因，小的播放按钮出现，一秒钟后消失。

• 我想放置big播放器演示，但我似乎无法 正确地发起那个玩家。
• Demo文件夹中的所有js文件和css文件都已注册。

My Website

它应该出现在左侧面板上。

Answer 1

如果您检查firebug控制台，您会看到http://tranceil.fm/new/readerPlayer.php的GET请求返回301重定向，这可能会导致问题

Answer 2

我知道这是几年前被问到的，但我被困在同一件事上，这就是我如何解决它。

您需要包含第二个名为 360player-visualization.css 的CSS文件。

<link href="360-player/360player.css" rel="stylesheet">
<link href="360-player/360player-visualization.css" rel="stylesheet">

然后在HTML中，还包括ui360-vis类名。

<div class="ui360 ui360-vis">
    <a href="/link/to/audio.mp3"></a>
</div>

就像你拥有它一样，你也应该有一个自定义CSS来增加播放器的大小：

.ui360,
.sm2-360ui {
    width:250px;
    height:250px;
}

就像你拥有它一样，需要三个JS文件：

<script src="360-player/script/berniecode-animator.js"></script>
<script src="soundmanager2-nodebug-jsmin.js"></script>
<script src="360-player/script/360player.js"></script>