SoundManager 2 360Ui安裝

我試圖安裝SoundManager的360Ui播放器。SoundManager 2 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

它應該出現在左側面板上。

來源

2013-01-04 TonalDev

如果檢查Firebug控制檯，你會看到一個GET請求http://tranceil.fm/new/readerPlayer.php返回301重定向，這可能是導致該問題的

enter image description here

來源

2013-01-04 21:11:51 Rafay

好..這解決了我的另一個問題:)但它不相關，因爲它出現。 – TonalDev

我知道這是一個幾年前問，但我被困在同樣的事情，這是我如何解決它。

還有第二個CSS文件叫做360player-visualization.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-05 21:52:31 jrue

SoundManager 2 360Ui安裝

回答

相關問題