1

我正在尝试安装 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>

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

  • 我正在寻找放置大型播放器演示，但我似乎无法正确启动该播放器。
  • Demo 文件夹中的所有 js 文件和 css 文件都已注册。

我的网站

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

4

2 回答 2

2

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

在此处输入图像描述

于 2013-01-04T21:11:51.787 回答
1

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

您需要包含第二个名为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>
于 2015-05-05T21:52:31.033 回答